如何使用Elementor的社交图标功能

如何使用Elementor的社交图标功能

 

    

我们都知道在谷歌SEO优化过程中,社交媒体的外链建设和引流是非常重要的一个环节,所以我们需要一个连接自己网站和社交平台的通道。Elementor编辑器非常贴心的为我们考虑到了这个需求点并给出了2种类似但功能上有较大区别的功能元素,分别是社交图标功能和社交分享功能。社交分享功能我们之前已经有写过对应的详细操作文章,没看过的同学可以点击这里进行查看《如何使用Elementor的share buttons功能》。那么接下来Jack老师就和同学们一起来学习 如何使用Elementor的社交图标功能 。

 

第一步:将Elementor编辑器的设计图标功能添加到内容编辑区域

 

将Eelementor编辑器的社交图标元素添加到内容编辑区域

 

如上图所示,我们在左侧的Elementor编辑器中找到箭头1所指的“社交图标”功能元素,然后按住鼠标左键不松开,慢慢的拖到上图箭头2所指的地方,也就是内容编辑版块中。注意在没有将“社交图标”功能元素添加到内容编辑版块区域之前,内容编辑版块外面是一个灰色的虚线框,只有当出现了一个蓝色的虚线外边框之后才代表着我们已经成功的将“社交图标”功能元素添加到了内容编辑版块中!

 

第二步:对Elementor编辑器的社交图标元素主体功能进行设置

 

对Elementor编辑器社交图标主体功能进行设置

 

2.1、“社交图标”:选择自己需要的主流社交媒体渠道图标

2.2、“链接”:这里一般填入的是自己的社交网站主页,比方说这里我会填入自己的领英账号或者脸书账号的主页链接

2.3、“颜色”:指的是社交图标的显示颜色,有官方颜色和自定义颜色两种,我的建议是使用官方的即可,无需额外定制

如果你有很多社交渠道不满足于系统提供的脸书、推特和油管这三者,那么点击“新增项目”即可增加新的社交媒体渠道

2.4、“形状”:指的是社交媒体图标的外形设置,系统在默认情况下给出的是圆角,此外还有直角和圆形两种选择,我个人比较喜欢用圆形

2.5、“栏”:其实这里的栏指的就是列,一行有几个列的意思,比方说我们设置了6个社交媒体图标,设置了4栏,那么它的最终显示效果就是第一行4列,第二行两列

2.6、“对齐”:指的是所有的设计图标按钮在一行内容块上的对齐方式,有左对齐、居中对齐和右对齐三种

 

第三步:对Elementor编辑器的社交图标元素样式功能进行设置

 

对Elementor编辑器社交图标样式功能进行设置1

 

3.1、“颜色”:注意这里的颜色和前面主体功能设置中的颜色是有区别的,这里的颜色指的是对所有的图标颜色进行更改,而主体中的颜色是专门对某一个图标的颜色进行更改

3.2、“尺寸”:很简单,指的就是社交图标的尺寸大小

3.3、“内距”:这里可能有点难理解,我举个例子,twitter的图标是不是一只小鸟,那么这只小鸟到社交图标的外圆圈之间的距离就是内距

3.4、“间距”:指的就是多个社交图标之间的左右间隔距离

3.5、“行差距”:当我们设置了多行显示社交媒体图标的时候,那么这里的行差距就是上下行之间的垂直距离或者说行高度

3.6、“边框类型”:指的是在社交图标的外圆圈边界上是否需要添加一个边框,我个人是不太喜欢的,系统给出的圆形已经足够用了,如果同学们想玩点花活,可以选择,然后在下方的粗细和颜色上进行个性化定制。

3.7、“边框半径”:指的是边框的4个直角的圆弧程度,理论上来说边框半径的初始是0 也就是说外边框是一个四方形,随着边框半径的变大逐渐的变成圆弧甚至是整个社交图标变成圆形的状态。

对Elementor编辑器社交图标样式功能进行设置2

 

鼠标悬停状态指的是正常状态下不显示,只有当鼠标悬停在某一个社交媒体图标上的时候才会展现出来的颜色

3.8、“主要颜色”:以twitter来说,它的主要颜色就是除去那只鸟外的其他所有颜色

3.9、“次要颜色”:以twitter来说,它的次要颜色就是那只鸟的颜色(这里真的想吐槽一下,Elementor的开发团队是不是把主要和次要颜色搞混了,事实上看到小鸟我才知道是twitter啊喂)

3.10、“边框颜色”:指的是当鼠标悬停到某个设计媒体渠道图标上的时候,外边框线需要展现的颜色

3.11、“悬停动画”:指的是当鼠标悬停到某个设计媒体渠道图标上的时候,该图标会有一些动态的展示效果

好了,以上就是本章关于 如何使用Elementor的社交图标功能 的全部内容,社交图标功能不同于社交分享功能,它的作用是通过点击社交媒体图标按钮然后跳转到我们自己的社交媒体账号主页上去观看相应的社交内容,而社交分享功能是将当前页面内容发布到访客自己的社交媒体渠道账号中。如果对本章内容还有不理解的地方,没关系,解决方案如下:

点击此处,查看更多外贸建站和谷歌SEO优化免费教程

QQ:3233269705

QQ群:645296397

微信公众号:JACK SEO

微信公众号二维码