spot_img
HomeDivi主题使用教程如何使用 WordPress 社交图标块

如何使用 WordPress 社交图标块

spot_img

WordPress 社交图标块可让您在内容中的任何位置放置指向社交网络的链接。 这些链接是带有标准社交网络徽标的简单图标,在任何内容设置中看起来都很棒。 知道如何使用社交图标块将提高您对社交存在的认识并增加您的社交追随者。

在本文中,我们将了解社交图标块的功能并查看其设置和选项。 我们还将看到一些如何使用它的最佳实践,并查看常见问题。

如何将社交图标块添加到您的帖子或页面

如何将社交图标块添加到您的帖子或页面

要将社交图标块添加到您的页面和帖子中,请通过在您的内容中或页面左上角选择块图标来打开块插入器工具,输入块的名称,或滚动直到找到它,然后选择它。

如何将社交图标块添加到您的帖子或页面

WordPress divi主题

您也可以键入 /社会的 当它出现在列表中时,按 Enter 或选择该块。

如何将社交图标块添加到您的帖子或页面

然后,您将在您的内容中拥有一个社交图标块。 它将显示一个图形来指示它是什么类型的块。 您现在可以添加要显示的社交网络。

如何将社交图标块添加到您的帖子或页面

接下来,您需要添加社交网络图标。 首先,选择加号图标以添加社交网络。 这将打开一个搜索字段,您可以在其中输入社交媒体网络的名称。 您还可以从正在显示的选项中进行选择,或单击全部浏览以查看所有选项。 它有 42 个网络可供选择。

如何将社交图标块添加到您的帖子或页面

接下来,单击网络图标以打开 URL 地址字段。 在字段中输入 URL。

高质量外链购买

如何将社交图标块添加到您的帖子或页面

继续此过程,直到您添加了所有网络。 那些带有链接的将以其常规颜色显示。 那些没有链接的将被淡化。 在这个例子中,Facebook 有一个链接,而其他的则没有。

社交图标块设置和选项

社交图标块设置和选项

WordPress建站服务

社交图标块具有三个带有设置和选项的区域。 第一个是社交图标工具栏。 第二个是图标本身的工具栏。 第三个是右侧边栏中的社交图标块选项。 侧边栏有两组设置。 一个用于块,一个用于图标。

社交图标块工具栏

社交图标块工具栏

单击社交图标块中的任意位置可打开其工具栏。

更改社交图标块类型或样式

更改社交图标块类型或样式

第一个设置选择组,更改列数并选择样式。 样式包括仅徽标、药丸形状和深灰色。 我悬停在默认值上。

wordpress建站公司

更改社交图标块类型或样式

仅徽标会删除图标周围的圆圈。

更改社交图标块类型或样式

药丸形状拉长圆圈,使它们呈药丸形状。

更改社交图标块类型或样式

深灰色删除圆圈并使图标变为灰色。

拖动或移动

拖动或移动

拖动和移动工具可以轻松地将块移动到内容中的任何位置。 抓住拖动工具(6 个点)将其拖放。 选择移动工具的箭头以向上移动块或内容中的文本。

结盟

结盟

对齐选项包括左、中和右。 left 和 right 选项用下面的段落包裹块,就像我在这个例子中所做的那样。

对齐项目

对齐项目

这证明了块内的图标是合理的。 将它们向左、居中、向右对齐,或在它们之间添加空间。

对齐项目

此示例在图标之间添加空间。

尺寸

尺寸

writesonic

这为图标提供了大小选项。 在小型、普通、大型和巨大之间进行选择。 这些尺寸适合大多数类型的内容。 在此示例中,我已将它们设置为 Huge。

选项

选项

更多设置会打开该块的选项列表。 选项包括:

隐藏更多设置 – 关闭右侧边栏。

复制 – 复制块,以便您可以粘贴它。

复制 – 在原件下创建一个副本。

之前插入 – 在块上方添加空间。

插入之后 – 在块下方添加空间。

搬去 – 通过使用箭头键向上或向下移动蓝线并按 Enter 来移动块。

编辑为 HTML – 将块更改为 HTML 视图,以便您可以调整代码。 所有其他块显示正常。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

添加到可重用块 – 将社交图标块添加到您的可重复使用块列表中。

团体 – 将块添加到组中,以便您可以将它们调整为一个块。

删除块 – 删除块。

社交图标块图标工具栏

社交图标块图标工具栏

选择图标会打开另一个仅适用于图标的工具栏。 左侧是一个社交共享图标,用于关闭此工具栏并打开该块的主工具栏。

图标工具栏社交图标

图标工具栏社交图标

此图标表示您选择了哪个社交图标。 所有选项都将适用于该社交网络。

图标工具栏拖动和移动

图标工具栏拖动和移动

拖动和移动选项可让您更改图标在块内的位置。 通过抓住六个点拖放图标或单击向左或向右箭头将图标向左或向右移动一个位置。

图标工具栏选项

图标工具栏选项

这些选项与主工具栏选项的工作方式相同,但它们适用于您选择的图标。 它们包括:

  • 隐藏更多设置
  • 复制
  • 复制
  • 搬去
  • 删除块

社交图标块设置

社交图标块设置

块设置放置在右侧边栏中。 单击块或齿轮以显示侧边栏。 如果您在社交图标块的内容中选择该块,则会显示其侧边栏设置。 如果侧边栏已关闭,请单击右上角的齿轮。

块样式

块样式

样式与块的变换设置中的样式相同。 从默认、仅徽标、药丸形状和深灰色中进行选择。 您还可以在下拉框中设置默认样式。 我已将此设置为药丸形状。

链接设置

链接设置

这使您可以决定链接是在同一选项卡中打开还是在新选项卡中打开。

颜色

颜色

这使您可以自定义图标的颜色和用于图标背景的圆圈。 从预制颜色中选择或从颜色选择器中选择自定义颜色,输入十六进制代码、RBG 代码或 HSL 代码。

先进的

先进的

高级包括两个字段。 HTML 锚点是一个专门用于社交图标块的特殊网址。 额外的 CSS 类允许您添加自定义 CSS 来设置块的样式。 您选择的样式将出现在此字段中。

社交图标块图标设置

社交图标块图标设置

单击社交图标块中的图标会打开该图标的侧边栏设置。 这些设置包括一个标签字段,您可以在其中输入描述读者链接的文本。 高级为该图标添加了一个 CSS 类字段。

有效使用社交图标块的提示和最佳实践

添加链接后,将块保存到可重复使用的块中,这样您就不必每次都添加它们。 在您的内容和侧边栏中使用它们。

仅使用您最活跃的少数社交网络。 添加太多可能会显得混乱并使观众感到困惑,因为他们不知道在哪里关注您以获得最佳内容。

tiktok siteground

如果您使用链接图标,请添加一个段落块以创建标题和描述。

使用他们的颜色选项将图标与您的网站相匹配,但使它们从其他内容中脱颖而出。

为每个图标单独添加一个 CSS 类,以实现最大程度的自定义。

将块转换为组以自定义背景颜色或添加边框。

关于社交图标块的常见问题

什么是社交图标块?

此块将社交媒体图标放置在您的内容中的任何位置,以建立您的社交追随者。

它可以显示哪些社交网络?

包括 42 个社交网络。 其中之一是可以链接到任何网站或社交网络的链接图标,因此您可以链接到无限数量的网络。

可以转化成其他方块吗?

它可以转换为组或列。 Group 非常适合自定义背景。 列可让您将它们放置在其他类型的内容旁边。

它可以用来做什么?

它可以链接到您的社交网络、团队成员的网络、您在文章中讨论的人或公司的网络等。它还可以用于提供任意数量的服务、产品、页面等的链接.,使用链接图标。

结论

这就是我们对 WordPress 社交图标块的看法。 社交媒体图标是建立你的社交追随者的好方法,这个块可以很容易地将它们添加到你的内容中。 添加 40 多个不同的网络或添加指向任何网站的链接。 很容易定制。 您有多种选择,包括尺寸和颜色,因此您可以使其与您的网站相匹配。

我们希望收到你的来信。 你使用社交图标块吗? 请在评论中告诉我们您的体验。

特色图片来自 Irina Strelnikova / shutterstock.com

siteground guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据