【WordPress 教程】为文章正文标题、二级标题、三级标题增加底色

孤狼
孤狼
孤狼
171
文章
118
评论
更多
2018年12月13日17:47:516029,116 1498字阅读4分59秒
摘要

为文章增加正文标题、二级标题、三级标题的底色。这样做的目的就是为了增加文章内容的层次感，以达到增强用户体验的目的。

为了增加文章内容的层次感，增强用户体验，我们可以把文章正文标题、二级标题、三级标题增加不同的底色这样的wordpress美化效果以示区分。

正文标题增加底色

在Style.css查找以下内容

  1. /** 正文 **/
  2. .entry-header h1 {
  3.     position: relative;
  4.     font-size: 20px;
  5.     font-size: 2.0rem;
  6.     line-height: 30px;
  7.     text-align: center;
  8.     margin: 35px 0 0 0;
  9.     padding: 5px 0;
  10. }

替换为

此处为隐藏的内容
发表评论并刷新，方可查看
评论

二级标题、三级标题增加底色方法

将以下代码

  1. /** 排版样式 **/
  2. .single-content h2 {
  3.     font-size: 17px;
  4.     font-size: 1.7rem;
  5.     line-height: 190%;
  6.     margin: 10px -21px;
  7.     padding: 0 44px;
  8.     border-left: 5px solid #e40000;
  9. }
  10. .single-content h3 {
  11.     font-size: 16px;
  12.     font-size: 1.6rem;
  13.     line-height: 190%;
  14.     margin: 2px -21px 10px -21px;
  15.     padding: 0 44px;
  16.     border-left: 5px solid #3690cf;
  17. }

替换为

此处为隐藏的内容
发表评论并刷新，方可查看
评论

增加底色可以很好的增强文章内容的层次感，增强了用户体验。

继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
孤狼
  • 本文由 发表于 2018年12月13日17:47:51
  • 除非特殊声明，本站文章均为原创，转载请务必保留本文链接
【新年气象】过年啦WordPress 主题添加挂灯笼特效 WordPress

【新年气象】过年啦WordPress 主题添加挂灯笼特效

过年挂灯笼是中国的一个习俗，家里挂灯笼，自己博客也是自己的家，当然也要挂一个了。代码这里也分享一下，有喜欢的朋友拿去用，将灯笼挂在自己的博客上，增加点过年的气氛。这个灯笼只是简单应...
2020年1月23日16,39066
匿名

发表评论

匿名网友 填写信息

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

评论：60   其中：访客  58   博主  2
    • AS AS
      2023年1月12日 16:23 57楼
      回复

      学习一下

      • 7976 7976
        2022年8月21日 22:10 56楼
        回复

        我现在不叫穷人了，叫经济敏感型患者

        • miumiu团 miumiu团
          2022年7月19日 22:20 55楼
          回复

          我现在不叫穷人了，叫经济敏感型患者。

          • tony tony
            2022年7月11日 14:48 54楼
            回复

            正好需要，学习一下

            • 略略略 略略略
              2021年12月25日 14:18 53楼
              回复

              不努力是会被合并同类项的，你要做那个，被提取出来的公因式。

              • citizen Z citizen Z
                2021年11月15日 00:04 52楼
                回复

                我不敢随便请假，我怕老板发现，有我没我都一样。

                • 推迟开学 推迟开学
                  2021年9月24日 12:38 51楼
                  回复

                  若不能听命于自己，必将受命于他人。