WordPress美化:给WordPress侧边栏实现一图三按钮

云墨
云墨
云墨
571
文章
11
评论
2018年8月29日 评论 101

WordPress美化:给WordPress侧边栏实现一图三按钮

在沃森明博客看到这个功能的,很不错一个小功能,把它搬过来了。

WordPress美化:给WordPress侧边栏实现一图三按钮

功能实现:

1、将以下 CSS 代码添加到所使用主题的 style.css 文件中,知更鸟主题可以直接加在“后台-->外观-->主题选项-->定制风格”中。

  1. #update_version img{margin:5px 0 15px}
  2. #update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}
  3. .blog_link{background-color:#2ba9fa}
  4. .blog_link,.cms_link{float:left;margin-right:5%}
  5. .cms_link{background-color:#ff6969}
  6. .grid_link{float:left;background-color:#70c041}

2、在“后台-->外观-->小工具”中使用 ?增强文本 小工具,添加到指定侧边栏中。

3、将以下代码添加到第2步中添加到指定侧边栏中的 增强文本小工具 中并保存即可。

  1. <div id="update_version">
  2. <a href="www.yunmoseo.com" target="_blank" rel="noopener"><img title="投稿" src="http://ww1.sinaimg.cn/large/006VHXWOly1fnmcaocbzpj308c05k0t1.jpg" alt="投稿" /></a><a class="blog_link" href="http://www.yunmoseo.com" target="_blank" rel="noopener">人工智能</a><a class="cms_link" href="http://wosn.net" target="_blank" rel="noopener">河蟹福利</a><a class="grid_link" href="www.yunmoseo.com" target="_blank" rel="noopener">沃森影院</a><br />投 稿QQ:<b>214001002</b><br />
  3. 投稿邮箱:<b>181289218@qq.com</b><br />
  4. 资源 Q群:<b>181289218</b>
  5. </div>

最终,效果图如上。记得修改自己的链接和相关信息哟!

原文链接:http://wosn.net/1025.html

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年8月29日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1395.html
WordPress回复评论自动添加@评论者的修改方法 网站建设

WordPress回复评论自动添加@评论者的修改方法

有网友留言,问我这个@昵称回复如何实现的?如下图: 其实之前我也看到很多博客有这样的功能,但是我是在后台审核并回复评论的,之前有好几次因为没注意评论信息栏的:回复给***,还以为是给我的留言,所以给人...
匿名

发表评论

匿名网友