网站添加社交媒体

如何给WordPress网站添加社交媒体按钮让流量起飞

在浏览国外的很多网站你会发现他们的头部或顶部,或者贴文的左边右边,下面都有自己网站的社交媒体按钮,为的就是社交媒体分享获得更多流量,那么如何实现网站添加社交媒体按钮呢?

为什么要建立社交媒体

营销的多样方式

大多数人做网站的目的都是为了营销,营销是什么?营销是企业或者推广者创造的活动和过程;沟通并交付对客户有价值的产品。营销的方式有很多种,在线的,线下的,当今互联网时代如果不搞在线营销,那么就会错过很多的订单。在在线推广的方式有很多,有投放广告的,谷歌SEO优化排名的,电子邮件EDM营销的,红人推广的,社交媒体营销的等等策略。给自己的wordpress网站添加社交媒体按钮,将更方便读者把喜欢的内容分享到更多她的设计平台,增加品牌曝光度。

社交媒体SNS营销的重要性

社交媒体营销的目的是通过与潜在客户建立关系和沟通,建立一个品牌,提高品牌的知名度,这种关系是相辅相成的,社交网络已经是当今世界上发展最快的行业之一了,所以这也是你要明白为什么社交媒体SNS营销的如此重要?目前任何与网络营销相关的东西都会提及到它,有数据统计随着未来预计5年的发展,社交媒体SNS营销以25%的速度增长,如果你还没有开始社交媒体营销,是时候准备投资了,有很多的网站主题是不含有社交媒体按钮的,如果你是用的wordpress程序建站,有很多种方法可以实现,如果不是也可以通过简单的代码实现,本文也是针对这个问题解决如何给自己的wordpress网站添加社交媒体按钮?

网站添加社交媒体

给网站添加社交按钮的几种方式

通过 wordpress菜单添加社交按钮

安装wordpress插件:点击插件plugins搜索Menu Image,安装激活。这个插件允许你在导航菜单中使用图片。激活插件以后,访问外观进入菜单页面,英文界面appearance>manu,,创建新菜单命名为Social manu.

网站添加社交媒体
网站添加社交媒体

菜单设置:接下来就要对这个菜单设置自定义链接url,需要为每个社交媒体按钮添加不同的链接,你会发现在每个菜单项目设置里面都有一个图片选择按钮,这里点击上传想要的社交媒体图片icon就好了,这里有推荐的社交媒体icon下载的网站,各种样式的社交i,icon都有,一个是Vecteezy,另一个是Flaticon,IconFinder,fontawesome,找到自己喜欢的社交icon样式下载,图片的格式一般为PNG, SVG, EPS。它还允许选择的社交icon使用不同的颜色,在鼠标放上去的时候和离开的时候分别显示不同的颜色。

网站添加社交媒体

选择尺寸:选择了图片社交 icon之后,这里有很多的尺寸供你选择,你可以选择36像素*36像素的,确保每个社交icon都是一致大小而且高度大小不要超出主导航菜单栏的范围

网站添加社交媒体

选择放置位置:接下来选择需要选择每个社交图标icon放置的位置,如果你只想显示社交图标icon,而不需要标签,那么你在上面的选择隐藏title。重复做所有你需要的社交图标icon,主流的添加facebook,twiiter,google+,pinterest,instagram,yuotube,linked in这个差不多了。添加了这个社交图标菜单项目,记得要把social manu这个菜单设置了主导航菜单哦,否则不会显示的。

网站添加社交媒体

最终创建好社交图标菜单后,显示是这样的。

网站添加社交媒体

通过Wordpress插件添加社交按钮

选择社交媒体按钮iconwordpress社交媒体按钮icon插件,推荐安装Floating Social Media Icon,或者是简易社交按钮插件Simple Social Icons,这两个插件在安装过程中节省很多时间,这款社交媒体插件包含30+社交媒体图标icon风格,样式简单,设置非常简单,高度大小随意设置,任意拖放到wordpress小工具部件使用,随时修改社交媒体按钮的排列顺序,你认为哪些社交媒体给你带来更多流量和粉丝,侧重推广的社交媒体可以排在前面。在插件中搜索到它安装激活就可以使用了。如何给wordpress网站添加社交按钮

设置社交按钮出现的位置:找到外观-定制-小工具,英文appearance-customize-widge,可以通过小工具选择增加小工具,选择你想要安装这些社交按钮所在的位置,选择主要侧边栏,还导航顶部区域,还是页脚部,随你选择,点击其中一个点开,添加小工具,搜索social icon,添加完之后就可以设置了。
点击选择在插件设置好的样式,然后拖拽到你想要显示的地方,就可以了。侧边栏的小工具箭头指向的是可以任意拖放调换顺序的。如何给wordpress网站添加社交按钮-10

其他设计按钮插件:social media widge,在插件 plugins那里搜索看到这款插件,安装激活。这款社交媒体小部件是一个简单的侧栏小部件,允许用户输入他们的社交媒体网站简介url和其他订阅选项,以便在侧栏上显示该社交媒体网站的图标,以及在单独的浏览器窗口中打开的更多图标。支持的常用社交按钮icon包括很多,
Facebook,Google+,Twitter,MySpace,FriendFeed,Orkut,Hyves,LinkedIn,aSmallWorld,About.me,Skyrock,VK,Goodreads,Github,Instagram,Flickr,Picasa Web Albums,Pinterest,YouTube,Skype,Digg,Reddit,Delicious,StumbleUpon,Tumblr,Buzz,Google Talk,Vimeo,Blogger,WordPress,Yelp,Last.fm,Pandora,UStream,IMDb,Hulu,Flixter,FourSquare,Meetup,
PlanCast,SlideShare,DeviantArt,Cuttings.me,Live365,Digital,Tunes,Soundcloud,BandCamp,Etsy,Better,Business Bureau,Merchant Circle,RSS,喜欢做社交推广的可以研究下这些软件的使用及推广方法。

如何给wordpress网站添加社交按钮

打开appearance-customize-widget,直接拖拽这个social media widget到想要安装的位置。

如何给wordpress网站添加社交按钮-12
如何给wordpress网站添加社交按钮

点开social networking,就看到很多你想要添加的社交url  ,复制你自己的社交媒体url就可以了。

通过自动以定制customize htm添加社交按钮

利用小工具实现社交媒体按钮

这种方法也是需要借助小工具widge来实现,方法原理就是先找到喜欢的社交按钮icon,下载它的社交图标样式,图标格式选择其中一种就好了,有圆形的,方形的,,按个人喜欢的风格选择,进入vecteezy下载,下载完了以后上传到你的图片媒体库liberay,每个图片社交icon都有一个ulr,一会html代码的时候需要用到图片地址。社交媒体按钮icon下载

定制HTML代码添加社交按钮

注意代码里面的链接ahref后面的链接是你自己的社交媒体链接,img标签后面的图片地址是你图片库media libery里面的图片url。还可以添加一些有样式。根据你想要的大小调节高度和宽度。然后把这两串代码复制粘贴到小工具widge的customize htmel选项,对应的地方就出现这些社交按钮图标icon了,如果你不想放在侧边栏,也可以放置在导航顶部或者脚部。工作步骤和上面的通过插件添加小工具的原理是一样的。

通过图标字体添加社交按钮

利用免费社交媒体图标网站

上面的通过制定customize html已经介绍了,谷歌搜索free social icon,找到很多提供社交媒体图标icon的网站,上面也介绍了几个网站都有。下载好了,拷贝上面的两段社交按钮icon的代码,一段是图标html代码,一段是图标样式CSS的,如果想要更多的图标,复制上面的代码粘贴,图标地址修改为wordpress后台media-libery的 url就好了,a标签的链接放入你自己的社交媒体链接。

如何给wordpress网站添加社交按钮

如果你对代码知识不是很了解怕出错,那最好的办法就是使用社交按钮插件的方法了,省时省力。

其实如果你用elementor插件作为网页编辑器制作Wordpress建站的话,想要添加社交媒体按钮,不用那么复杂的很多都自带有模块,直接添加就好了,而且Elementor自定义可视化自建独立站,小白都能快速学会,不需要复杂的代码应用,完全零代码建立独立站,我会单独制作一个教大家如果利用Elementor快速Wordrepss建站教程

社交媒体的战略应用

你努力创建一个包含教育内容的专业网站。你不想被其他网站淹没。这就是社交媒体的用武之地。如果你能在Facebook或Twitter上建立一个客户群,他们每天都会收到你的更新,你永远是他们的首选。更好的是,你想与你的粉丝分享你的作品,通过这些社交媒体按钮icon简单轻松就实现了。如何给自己的wordpress网站添加社交媒体按钮?看了这篇详细教程,清晰了吗,如果有哪个步骤不明白的,欢迎在下面留言。了解关于社交媒体SNS营销的策略,欢迎大家一起讨论,我会陆续分享这类文章。

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *