Social icons 社交图标

社交图标组件

添加组件

将社交图标组件添加到画布上。

如何访问和使用组件：

• 在 Elementor 编辑器中，点击 “+”。
• 显示所有可用的组件。
• 点击或拖动组件到画布上。更多信息请参见添加页面元素。

什么是社交图标组件？

社交图标组件使您能够轻松在您的网站上分享指向您的社交媒体个人资料的链接。它允许您展示代表如 Facebook、Twitter 和 Instagram 等流行社交平台的图标，鼓励您的观众在社交媒体上与您联系，获取您帖子的最新更新。

常见用例

Matt 正在创建一个关于不同市场营销主题的博客。他希望使读者能够通过社交媒体轻松地保持对他的最新帖子和想法的更新。为此，他决定在博客底部添加社交图标。

在社交图标组件的设置中，Matt 添加了他的社交媒体资料链接。他还调整了图标的颜色和大小，使其与博客的整体外观相匹配。这样，访客可以轻松找到并点击图标，与 Matt 在社交媒体上连接。

更多用例

• 使用社交图标组件增强您的商业网站，链接到您公司的 LinkedIn、Twitter 和 YouTube 个人资料。
• 在作品集网站上展示您的创意作品。使用社交图标组件链接到您的 Behance、Dribble 和 Instagram 账户，让潜在客户探索您的艺术项目。
• 通过在您的页面上放置社交图标组件，链接到 Facebook、Instagram 和 Twitter 等平台上的特定活动社交媒体页面，有效地宣传活动，获取实时更新和参与。

添加社交图标组件：步骤

1. 将社交图标组件添加到画布上。详见添加页面元素。
2. 在“内容”标签下的社交图标选项中，点击“+添加项目”按钮添加一个社交网络图标。您也可以通过点击它们来编辑默认项目。
3. 点击按钮后，您将找到如下自定义选项：
   • 图标：从图标库选择社交媒体图标或上传 SVG。您可以从各种平台如 Facebook、Twitter、LinkedIn、Instagram 等选择。
   • 链接：在此处添加您的社交媒体资料的 URL（例如 Facebook、Twitter、Instagram）。将相应的链接输入到相应的字段中。如果您喜欢，也可以使用动态内容选择动态选择链接。
   • 颜色：选择社交媒体标志的官方颜色，或选择自定义颜色。如果选择自定义，您还可以选择社交图标的主要和次要颜色。

重复这些步骤，为您想要包含的每个社交图标选择图标，输入相应的链接 URL，并根据需要进行自定义。

社交图标组件的设置

您可以使用内容、样式和其他高级参数自定义您的组件，为您提供极大的灵活性，以满足您的需求。点击下面的标签查看此组件的所有可用设置：

内容标签

社交图标

形状

列数

对齐

 

样式标签

颜色

大小

填充

间距

行间距

边框类型

边框半径

 

高级标签

高级标签提供控制社交图标位置的选项，调整间距，添加自定义代码等。

youtube视频教程: