Elementor为网站添加社交分享按钮

社交分享是WordPress网站中非常重要的部分,可以促进用户把网站分享给朋友,在本文中来分享下如何用Elementor为网站添加社交分享功能

创建分享按钮

因为社交按钮为Elementor Pro中的模块,确保你已升级到Elementor Pro

打开 Templates – 添加一个新的模板

类型选 Section,名称随意,不过最好设置一个容易识别的

然后找到 Share Buttons,将其拖拽到编辑区域

点击社交元素,即可管理分享按钮,可以通过面板添加、删除、调整已有按钮的排列顺序

底部选项为样式调整区域,包括图标文字样式、标签、形状、对齐等选择,可适配大部分网站

如果你需要调整细节,还可以到样式和高级设置中调整更多选项

然后发布并保存,到 Templates 列表中获取短代码(Shortcode)

集成到WordPress站点

获取到短代码后,就可以将其添加到网站了,可以用代码或Hooks,这里以Astra主题的Hooks演示添加

打开 外观 – Custom Layouts,添加一个新的内容

把刚刚的短代码复制到编辑器中,如下图

然后设置Hooks选项,重点是 Action 和 Dispaly 两个选项,分别代表显示位置和显示的范围,比如你可以设置显示在内容前还是内容后,设置在所有文章页或特定页面显示等,更多可以参考Astra Hooks教程

最后保存,就可以在网站上看到社交分享按钮了

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Scroll to Top