在WordPress 边栏中添加图像的最简单方法是使用默认的 “图像” 小部件。
只需转到外观»小部件页, 并添加 “图像” 小部件到您的侧栏。如果您以前没有使用过小部件, 那么请参阅我们的指南, 介绍如何在 WordPress 中添加和使用小部件。.
小部件将会扩展, 您将能够看到它的设置。
第一个选项是向图像构件添加标题。然后, 单击 “添加图像” 按钮继续。这将带来 WordPress 媒体上传在那里你可以点击上传文件按钮上传你的图像或选择你以前上传的图像。
上载图像后, 您将在右列中看到图像设置。从这里, 您可以为图像提供标题/ALT 文本, 添加说明, 选择大小, 甚至添加链接。
完成后, 您可以单击 “添加到小部件” 按钮来保存更改。您现在将在小部件设置区域中看到图像的预览。
不要忘记点击 “保存” 按钮保存您的图像小部件。
您现在可以访问您的网站, 以查看您的 WordPress 博客的侧栏上显示的图像。
单击该按钮将会弹出媒体上传, 允许您从媒体库中上载或选择图像。
选择图像后, 单击 “插入到 post” 按钮。现在, 您将能够在文本构件设置中看到图像预览。 您可以继续向文本构件添加文本和其他元素。文本编辑器中的工具栏为您提供了一些基本的格式设置按钮。
完成后, 不要忘记单击 “保存” 按钮来存储小部件设置。
您现在可以访问您的网站, 以查看在行动中的侧栏图像。
上传图像后, 您需要单击图像旁边的编辑链接。
WordPress 现在将带您到 “编辑媒体” 页面, 在这里您可以看到屏幕右侧的图像文件 URL。您需要复制此 URL 并将其粘贴到文本编辑器 (如记事本) 中。
接下来, 您需要去外观»小部件屏幕和拖放 ‘ 自定义 HTML ‘ 小部件到您的侧栏, 你要显示图像。
在小部件的文本框区域中, 您需要使用以下代码添加图像:
<img src="Paste The File URL Here" alt="Strawberries" />
img标签用于 HTML 显示图像。它需要两个属性, 第一个是src , 它定义了图像文件的位置。在这里, 您将粘贴前面复制的 URL。
第二个是alt , 用于为图像提供备用文本。您的最终 img 标签将类似如下:
<img src="http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg" alt="Strawberries" />
您需要单击 “保存” 按钮来存储您的小部件设置, 然后预览您的网站。
接下来, 单击 “选择图像” 按钮上载图像或从媒体库中选择一个。之后, 你需要点击 “插入到小部件” 按钮, 你会看到在小部件设置下的图像预览。
可以为图像添加标题、alt 文本、链接和标题。也可以从可用选项列表中选择图像大小。
一旦你满意了, 只需点击保存按钮保存图像小部件。这就是所有的, 你现在可以去你的网站, 看到在你的侧栏显示的图像。