分页: 1 / 1

DIY和其他教程:教程:社交分享

发表于 : 2025年 1月 19日 15:39
NewsPaper
社交分享是各种网站和博客上的重要选择。使用Newspaper主题中存在的 Single Post Share 元素,您可以使用颜色、样式和排版对按钮进行个性化设置。

如何添加新的社交网络

Newspaper主题允许您选择和激活社交共享链接。 您只需访问Newspaper > Theme Panel > Social Networks即可完成此操作。在这里,您需要选择Social Share选项卡,然后单击图标以打开下拉列表。
社交分享设置
社交分享设置
social-share.png (122.38 KiB) 查看 9037 次
  • 您可以将您的Twitter用户名包含在单独的框中。
  • 选择要为其显示共享选项的首选社交网络。
  • 您还可以使用拖放功能对社交共享链接进行排序。
如何使用Single Post Share元素

社交分享元素可以在tagDiv Composer的列表中找到。

第1步 – 打开一篇文章,然后单击Edit with tagDiv Composer页面构建器。
第 2 步 – 在列表中搜索Single Post Share元素并将其拖到所需区域。
单文章社交分享元素
单文章社交分享元素
Single-Post-Share-element.png (204.5 KiB) 查看 9036 次
第3步 – 从元素的设置中,您可以选择:
  • 更改社交共享按钮样式。
  • 修改分享图标、文本、背景或边框的颜色。
  • 修改按钮图标、文本、背景或边框的颜色。
  • 自定义字体及其粗细、样式、行高、间距、共享文本转换和按钮文本。
社交分享设置
社交分享设置
Single-post-share-settings.png (208.77 KiB) 查看 9035 次
重要!从 Newspaper v11.4 开始,社交分享也可用于 Pages 和 Woo Product Page,使用以下短代码:
  • Social Share – 用于页面。可以在tagDiv Composer的External Shortcodes部分下找到它(tagDiv Cloud Library插件必须处于活动状态)。
  • Woo Product Share – 用于Woo商品模板。它可以在Woocommerce Shortcodes部分(tagDiv Shop插件必须处于活动状态)下找到。
社交分享按钮样式

分享按钮可以具有不同的样式,可以与您的文章相匹配,为您的访问者创造令人惊叹的体验。您可以浏览20种可用样式中的一种。
社交分享样式
社交分享样式
Social-Sharing-Styles.png (64.65 KiB) 查看 9035 次