社交分享是WordPress网站中非常重要的部分，可以促进用户把网站分享给朋友，在本文中来分享下如何用Elementor为网站添加社交分享功能
创建分享按钮
因为社交按钮为Elementor Pro中的模块，确保你已升级到Elementor Pro
打开 Templates – 添加一个新的模板
类型选 Section，名称随意，不过最好设置一个容易识别的
然后找到 Share Buttons，将其拖拽到编辑区域
点击社交元素，即可管理分享按钮，可以通过面板添加、删除、调整已有按钮的排列顺序
底部选项为样式调整区域，包括图标文字样式、标签、形状、对齐等选择，可适配大部分网站
如果你需要调整细节，还可以到样式和高级设置中调整更多选项
然后发布并保存，到 Templates 列表中获取短代码(Shortcode)
集成到WordPress站点
获取到短代码后，就可以将其添加到网站了，可以用代码或Hooks，这里以Astra主题的Hooks演示添加
打开 外观 – Custom Layouts，添加一个新的内容
把刚刚的短代码复制到编辑器中，如下图
然后设置Hooks选项，重点是 Action 和 Dispaly 两个选项，分别代表显示位置和显示的范围，比如你可以设置显示在内容前还是内容后，设置在所有文章页或特定页面显示等，更多可以参考Astra Hooks教程
最后保存，就可以在网站上看到社交分享按钮了
一日程新手WP建站指南（https://www.yiricheng.cn/），为广大编程爱好者提供零基础快速搭建博客网站的方法，分享计算机网络、HTML、CSS、JavaScript、PHP、响应式设计以及Python自动化办公的博客文章，另有各类小工具、电子书、免费教程。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。