如何在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

  • 2025-01-06
  • WordPress 基础知识

在经营网上商店时,Stripe提供了便利的支付方式,但其手续费可能会迅速累积,影响利润。在这篇文章中,我们将分享一些经过验证的策略,帮助您在不影响客户体验的情况下,减少WordPress中的Stripe交易费用。

閱讀更多
  • 2024-10-30
  • WordPress 基础知识

WordPress表单是连接访客和扩展受众的重要工具。无论是联系表单、调查问卷还是反馈表,嵌入到您网站中都是收集访客信息的快速便捷方式。我们在所有项目中都使用表单,从联系页面到新闻订阅甚至结账表单。在过程中,我们学习了嵌入WordPress表单所需的所有步骤,并将从头到尾引导您完成整个过程。

閱讀更多
  • 2024-10-16
  • WordPress 基础知识

同时运行多个网站听起来很酷, 直到你开始担心安全问题。许多用户忧心管理一个WordPress多站点可能需要花费更多时间在安全方面。这种担忧不无理由。我们见过单个弱点可以让整个网络内的每个站点面临风险。好消息是,只要采取正确的步骤,WordPress多站点是可以安全的。我们已经运行我们的多站点设置一段时间了,在本指南中,我们将分享我们试验并测试过的WordPress多站点安全提示,以帮助保护您的网络。

閱讀更多

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