给一为导航文章页添加分享按钮功能

今晚又折腾到凌晨两点多

废话不多说,先上效果图

移动端效果:
给一为导航文章页添加分享按钮功能

PC端效果:
给一为导航文章页添加分享按钮功能

隐藏内容!
评论后才能查看!

 

 

2.找到/wp-content/themes/onenav/inc/functions/io-single-post.php文件,搜索echo '<div class="text-xs text-muted"><div><span>©</span> '.__('版权声明','i_theme').'</div><div class="posts-copyright">' . $copy . '</div></div>';在下面添加echo '<div class="fenxiang"><div class="social-share"></div></div>';

3.给分享按钮位置写个样式,这一步根据自己的需求来调整,我分享的是本站的位置css样式

找到/wp-content/themes/onenav/assets/css中的bootstrap.min.css,在最下面写入.fenxiang {float: right;}

这是PC端的,移动端同样找到/wp-content/themes/onenav/assets/css中的main.min.css,在最下面加上@media only screen and (max-width:767.98px){
.donate-button-container {text-align: center;}
}

4.至此大功告成,去看效果吧,记得清除缓存再查看喔!

 

© 版权声明

相关文章

1 条评论

您必须登录才能参与评论!
立即登录
  • 网站领地站长

    如果需要在网址页模板添加分享功能,可以在下面跟帖,我会抽时间更新一下教程

    中国 移动数据上网公共出口