如何在WordPress侧边栏小工具中添加图片

使用图片小工具块在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视频教程,也可以在TwitterFacebook找到我们。



Related Posts

  • 2024-07-28
  • WordPress 基础知识

WordPress主题定制器提供了出色的功能,使你无需触碰代码即可创建一个视觉上吸引人的站点。然而,导航各种自定义选项有时可能让人觉得不知所措。在这篇文章中,我们将引导你了解默认面板,并教你如何像专业人士一样使用WordPress主题定制器。

到文章结尾,你将能够使你的网站看起来更加精致和专业。

閱讀更多
  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>