wordpress和普通网页如何使用百度分享组件

凉凉 凉凉     2022-08-19     244

关键词:

百度分享组件是什么?摘自百度百科:

百度分享是一个提供网页地址收藏、分享及发送的WEB2.0按钮工具,网站的浏览者可以方便的分享到人人网、分享到开心网、分享到QQ空间、分享到新浪微博等一系列SNS站点。

其实就是大家比较熟悉的组件:

上百度分享可以定制自己想要的效果,定制过程网上比较多,在这就不写了,分享下我定制的代码

1 <div class="bdsharebuttonbox">
2     <a href="#" class="bds_more" data-cmd="more"></a>
3     <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
4     <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
5     <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
6     <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
7 </div>
8 <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"image":{"viewList":["qzone","sqq","weixin","tsina"],"viewText":"分享到:","viewSize":"32"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","sqq","weixin","tsina"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

把它加入到自己网页里就可以实现了,是比较简单方便的

 

在word press里怎么加入百度分享呢?

两种思路:一是写成一个小工具,在后台开启就可以了,可惜我并不会 ;

二是直接在自己使用的主题里面加入代码:

我只在每篇文章末尾加上分享按钮,所以找到自己启用主题下面的content.php 文件

具体路径是wp-content/themes/twentyseventeen/template-parts/post   其中的twentyseventeen是我使用的主题名

打开后在文件最后添加上面得到的代码:

如此就实现了。

 

欢迎大家推荐百度分享的word press插件,毕竟还是插件用起来爽一点

稻草人

2016/12/26

如何给wordpress网站添加百度分享按钮或悬浮窗

添加方法还是非常简单的,接下来分别介绍这两个位置的添加方法。一、侧边添加百度分享浮窗按钮1、访问百度分享官网,选择浮窗样式,以及浮窗高度、位置,然后复制右侧框中代码;2、打开header.php文件,将复制的代码粘贴... 查看详情

如何将网页分享到各大网站

...方分享代码,都可以插在网站里,实现一键分享和收藏。普通用户使用起来也比较方便的。 查看详情

WordPress 插件开发 - 如何使用 JQuery / JavaScript?

】WordPress插件开发-如何使用JQuery/JavaScript?【英文标题】:WordPressPluginDevelopment-HowtouseJQuery/JavaScript?【发布时间】:2013-05-2506:59:31【问题描述】:刚开始为WordPress开发插件,想在插件管理界面中使用一些JQuery。如何正确包含和调... 查看详情

如何让 MudBlazor 组件像普通 HTML 元素一样工作

】如何让MudBlazor组件像普通HTML元素一样工作【英文标题】:HowdomakeMudBlazorcomponentworklikenormalHTMLelements【发布时间】:2021-11-3010:55:59【问题描述】:我正在使用Blazor和MudBlazor组件,我遇到了MudBlazor问题,当我使用MudText在for循环中... 查看详情

如何在百度中搜索到自己的博客?

...页面还是会被搜索引擎所收录。百度Spider的访问权限,和普通用户是一样的。因此,普通用户没有权限访问的内容,Spider也没有权限访问。之所以看上去某些访问权限限制内容被百度收录,原因有两点:A.该内容在Spider访问时是... 查看详情

chrome百度云插件-获取文件下载链接定制分享密码

...载链接,定制文件分享密码,使用迅雷下载百度云文件比普通的浏览器直接下载的会快。但是跟百度云会员下载速度还是有区别的。所以,有钱还是开个会员好。此插件支持文件共享密码定制,即可以根据自己喜好来设置共享密... 查看详情

百度地图收藏点如何传给朋友共享使用

分享步骤如下:所需材料:百度地图。一、打开百度地图,然后点击左上角“头像”。二、弹出的选项内,点击“收藏夹”选项。三、打开收藏点窗口后,长按其中要分享的地点,弹出菜单内点击“查看详情”。四、然后点击“... 查看详情

wordpress美化百度分享默认图标(代码片段)

因代码中使用了FontAwesome字体图标,如果你的主题没有加载字体图标,可以到WP后台--插件--安装插件页面搜索:FontAwesome4Menus安装并启用,才能显示替换后的图标。下面开始改造:一、在文章末尾添加分享图标代码将代码添加到... 查看详情

我可以在现有网页上使用 wordpress 吗?

】我可以在现有网页上使用wordpress吗?【英文标题】:CanIusewordpressonanexistingwebpage?【发布时间】:2016-04-0419:21:37【问题描述】:我正在为一家公司开发一个使用HTML、引导程序和CSS的静态网站。我的实习结束后,他们将没有开发... 查看详情

百度网盘mac版如何分享链接?创建百度网盘formac分享链接的方法

...的方法,为使用mac版百度网盘的朋友,解决百度网盘Mac版如何分享链接的烦恼。https://www.macdown.com百度网盘Mac版如何创建分享链接我们以分享【18126未来教育考试系统】为例,详细介绍Mac版百度网盘分享链接的方法步骤。1.我们首... 查看详情

普通二本如何才能进入腾讯阿里百度这些大厂做前端开发?

现状和背景我是今年二本毕业的,大三升大四的暑假期间开始学习前端,在这之前一直在小公司打滚。在这样的背景下,我从2020年末到2021年三月底为止;基本面完了深圳大多大公司和一些小公司;这篇文章主... 查看详情

如何获取wordpress各类页面的链接

参考技术A在WordPress项目开发过程,很可能需要获取WordPress各类页面的链接,包括首页、文章页、Page页面、存档页面等等,今天倡萌就简单分享下获取WordPress各类页面的链接的方法。直接输出文章或页面的链接:1<?phpthe_permalink... 查看详情

如何获取wordpress各类页面的链接

参考技术A在WordPress项目开发过程,很可能需要获取WordPress各类页面的链接,包括首页、文章页、Page页面、存档页面等等,今天倡萌就简单分享下获取WordPress各类页面的链接的方法。直接输出文章或页面的链接:1<?phpthe_permalink... 查看详情

如何使用salesforce整合wordpress

  如何更好的使用wordpress站点和CRM(客户管理管理)?最好的选择之一莫过于使用Salesforce,但是以前两者并没有更好的结合。Salesforce是什么?全球按需CRM解决方案的领导者,它拥有无可比拟的客户成功率。进一步说明大家看参考百... 查看详情

干货|小程序运行基本机制及安全机制分享

...验易用且安全的微信数据开放高效和简单的开发小程序与普通网页开发的区别小程序的开发同普通的网页开发相比有很大的相似性,小程序的主要开发语言也是JavaScript,但是二者还是有些差别的。普通网页开发可以使用各种浏... 查看详情

wordpress怎么用php代码控制浏览器缓存时间??

要完整答案,不要百度,百度已被本人翻烂,不要百度!!!你只能用PHP尝试控制浏览器缓存,比如:header("Pragma:no-cache");这是不缓存,max-age则可以限制缓存过期的时间“秒”。缓存机制受多方影响:1、你使用的webserver... 查看详情

使用webview视图显示网页-----迷你浏览器

Android提供了WebView组件,表面上来看,这个组件与普通ImageView差不多,但实际上,这个组件的功能要强大得多,WebView组件本身就是一个浏览器实现,它的内核基于开源WebKit引擎。如果我们对WebView进行一些美化、包装,可以非常... 查看详情

Wordpress 如何使用 jquery 和 $ 符号

】Wordpress如何使用jquery和$符号【英文标题】:Wordpresshowtousejqueryand$sign【发布时间】:2012-09-0220:22:29【问题描述】:我在WordPress插件中有一个简单的jQuery脚本,它使用这样的jQuery包装器:$(document).ready(function()//jQuerycodeisinhere);我... 查看详情