【WordPress 教程】WordPress Begin修改记录

2018年12月10日22:50:02 发表评论 761
摘要

最近刚刚换了知更鸟的Begin主题,也做了一些小的改动,在这里做下记录。。

1、给缩略图添加圆角及背影效果

将下面代码加入到Begin主题选项-定义风格-自定义样式中

  1. /**给缩略图添加圆角及背影效果**/
  2. .thumbnail {
  3. border-radius: 6px;
  4. box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;
  5. }

2、鼠标移动到图片外发光

  1. /*鼠标移动图片外发光*/
  2. .single-content img:hover {
  3. box-shadow:0px 0px 4px 4px #6dae78 ;
  4. }

3、正文摘要样式修改

查找style.css中代码

  1. /** 摘要 **/
  2. .abstract {
  3.     background#fff;
  4.     font-size14px;
  5.     color#999;
  6.     displayblock;
  7. }
  8. .abstract fieldset {
  9.     padding5px 15px;
  10.     margin: 0 0 10px 0;
  11.     border1px dashed #ddd;
  12. }
  13. .abstract legend {
  14.     font-weight: 600;
  15.     color#999;
  16.     padding: 0 5px;

修改为下面代码

  1. /** 摘要 **/
  2. .abstract {
  3.     background#fff;
  4.     font-size14px;
  5.     color#999;
  6.     displayblock;
  7. }
  8. .abstract fieldset {
  9. margin: 0 0 10px;
  10. padding5px 15px;
  11. border4px solid #ddd;
  12. border-radius: 10px;
  13. }
  14. .abstract legend {
  15. padding: 0 5px;
  16. color#999;
  17. font-weightbold;
  18. font-size15px;
  19. }

4、让缩略图上的分类名称背景显示不同的颜色

  1. /**让缩略图上的分类名称背景显示不同的颜色**/
  2. .category-game .thumbnail .cat {
  3.     background#428BCA;
  4.     opacity: 0.8;
  5. }

5、添加说说

6、添加评论框添加背景图片

7、添加文章列表蓝色虚框

8、修改彩色背影增加新款

9、为文章正文标题、二级标题、三级标题增加底色

10、微信公众号涨粉短代码实现文章部分内容关注微信公众号后可见

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: