使用图片小工具块在WordPress中添加图片
您可以使用图片小工具块将图片添加到网站的侧边栏。WordPress 5.8引入了小工具块编辑器,复制了使用WordPress内容编辑器的体验。您可以使用不同的块添加表单、相关文章、图片和其他元素到小工具区域。
首先,您需要从WordPress仪表盘访问外观 » 小工具页面。之后,只需点击‘+’按钮并添加图片小工具块。
接下来,您可以通过三种方式在小工具块中添加图片。例如,您可以上传图片、从WordPress媒体库中选择现有图片,或从URL插入图片。
在小工具块编辑器中,您还可以更改样式、添加替代文本,以及编辑图片尺寸。另外还有一些设置可以更改图片边框和其他高级设置。
完成后,不要忘记点击‘更新’按钮。接下来,您可以访问网站,看看侧边栏中的图片。
在经典小工具区域添加图片
如果您使用的是WordPress的旧版本或禁用了小工具块,那么也可以轻松地将图片添加到侧边栏。只需从WordPress管理面板访问外观 » 小工具页面,并将‘图片’小工具添加到侧边栏。如果您之前没有使用过小工具,可以查看我们的指南,了解如何在WordPress中添加和使用小工具。
小工具将展开,您可以看到其设置。第一个选项是为图片小工具添加标题。之后,点击‘添加图片’按钮继续操作。这样会调出WordPress媒体上传器,您可以点击上传文件按钮以上传图片,或选择之前上传的图片。
上传图片后,您将在右侧栏看到图片设置。从这里,您可以为图片提供标题或替代文本,添加描述、选择尺寸,甚至添加链接。
完成后,点击‘添加到小工具’按钮以保存更改。您将会在小工具设置区域内看到图片的预览。
别忘了点击‘保存’按钮以保存您的图片小工具。现在您可以访问您的网站,看看图片显示在您WordPress博客的侧边栏中。
手动在WordPress侧边栏小工具中添加图片
在某些情况下,您可能需要为图片添加额外的HTML代码。默认的文本小工具允许一些基本的HTML,但可能无法处理高级的HTML或格式。在这种情况下,您需要手动将图片添加到博客的侧边栏。
首先,您需要将图片上传到WordPress网站。只需前往媒体 » 添加新的并上传图片文件。上传图片后,您需要点击图片旁的编辑链接。
WordPress将带您进入‘编辑媒体’页面,您将在屏幕右侧看到图片文件URL。您需要复制这个URL并粘贴到文本编辑器如记事本中。
接下来,您需要从WordPress仪表盘访问外观 » 小工具页面。之后,您可以添加‘自定义HTML’小工具块到您想显示图片的侧边栏。
在小工具的文本框区域内,您需要使用以下代码添加图片:
<img src="粘贴图片URL" alt="图像替代文本" />
img标签在HTML中用于显示图片。它需要两个属性。第一个是src,定义图片文件位置。这就是您之前复制的URL。第二个是alt,用于提供图片的替代文本。最终的图片标签类似于以下代码:
<img src="http://www.example.com/wp-content/uploads/2024/09/image.jpg" alt="图像替代文本" />
您需要点击‘更新’按钮以保存小工具设置,然后预览您的网站。
使用插件在WordPress侧边栏中添加图片
您想知道如何使用WordPress插件添加图片小工具吗?另一种将图片添加到WordPress侧边栏的方法是使用插件。这将为您提供更多选择和一个简单的界面,部分初学者可能会觉得比默认的‘图片’小工具更方便。
首先,您需要安装和激活Image Widget插件。更多详情请参阅我们的分步指南:如何安装WordPress插件。
激活后,只需前往外观 » 小工具页面并添加‘Image Widget’块。
接下来,点击‘选择图片’按钮以上传图片或从媒体库中选择图片。之后,您需要点击‘插入到小工具’按钮,您将在小工具设置下看到图片预览。
您可以为图片添加标题或替代文本,以及链接和标题。您还可以从可用选项列表中选择图片尺寸,编辑对齐方式等。
满意后,只需点击更新按钮以保存图片小工具。完成了。现在您可以访问网站,看看侧边栏中显示的图片。
我们希望这篇文章能帮助您在WordPress侧边栏小工具中添加图片。如果遇到问题,请查看我们的指南如何解决WordPress中常见的图片问题和如何更换WordPress侧边栏边。
如果您喜欢这篇文章,请订阅我们的YouTube频道,获取WordPress视频教程,也可以在Twitter和Facebook找到我们。