如何使用 WordPress 社交图标块

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

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

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

如何使用 wordpress-社交图标块

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

如何使用 wordpress-social-icons-block-1

您还可以键入 /social 并按 Enter 键或选择出现在列表中的块。

如何使用 wordpress-social-icons-block-2

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

如何使用 wordpress-social-icons-block-3

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

如何使用 wordpress-social-icons-block-4

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

如何使用 wordpress-social-icons-block-5

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

社交图标块设置和选项

如何使用 wordpress-social-icons-block-6

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

社交图标块工具栏

如何使用 wordpress-social-icons-block-7

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

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

如何使用 wordpress-social-icons-block-8

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

如何使用 wordpress-social-icons-block-9

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

如何使用 wordpress-social-icons-block-10

Pill Shape 将圆圈拉长,使它们呈丸状。

如何使用 wordpress-social-icons-block-11

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

拖动或移动

如何使用 wordpress-social-icons-block-12

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

结盟

如何使用 wordpress-social-icons-block-13

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

对齐项目

如何使用 wordpress-social-icons-block-14

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

如何使用 wordpress-social-icons-block-15

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

尺寸

如何使用 wordpress-social-icons-block-16

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

选项

如何使用 wordpress-social-icons-block-17

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

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

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

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

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

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

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

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

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

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

删除块 – 删除块。

社交图标块图标工具栏

如何使用 wordpress-social-icons-block-18

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

图标工具栏社交图标

如何使用 wordpress-social-icons-block-19

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

图标工具栏拖动和移动

如何使用 wordpress-social-icons-block-20

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

图标工具栏选项

如何使用 wordpress-social-icons-block-21

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

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

社交图标块设置

如何使用 wordpress-social-icons-block-22

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

块样式

如何使用 wordpress-social-icons-block-23

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

链接设置

如何使用 wordpress-social-icons-block-24

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

颜色

如何使用 wordpress-social-icons-block-25

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

先进的

如何使用 wordpress-social-icons-block-26

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

社交图标块图标设置

如何使用 wordpress-social-icons-block-27

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

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

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

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

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

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

为每个图标单独添加一个 CSS 类,以实现最高级别的自定义。

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

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

什么是社交图标块?

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

它可以显示多少个社交网络?

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

可以转换成其他方块吗?

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

它可以用来做什么?

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

结论

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

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

相关文章