Begin主题修改文章摘要形式

  • 19
  • 428人已阅
  • A+
所属分类:WP建设

Begin主题修改文章摘要形式

继续魔改我们的Begin主题,这次是修改WordPress自带的摘要样式,先贴出css代码:

/* 摘要 */
/* 修改 */
.abstract {
	color: #999;
	font-size: 14px;
}
/* 修改 */
.abstract fieldset {
	margin: 0 0 10px;
	padding: 5px 15px;
	border: 5px solid #ddd;
	border-radius: 10px;
}
/* 修改 */
.abstract legend {
	padding: 0 5px;
	color: #999;
	font-weight: bold;
	font-size: 18px;
}

将上面的代码粘贴至style.css文件,或后台-外观-主题-自定义,添加css代码。

看看效果:

Begin主题修改文章摘要形式

这是修改之前的

Begin主题修改文章摘要形式

这是修改之后的

是不是特别有立体感,比原先的好看多了。

发表评论

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

目前评论:19   其中:访客  18   博主  1

    • avatar 飞炫的火花 来自天朝的朋友 谷歌浏览器  Android 8.1.0 16th Build/OPM1.171019.026 浙江省杭州市 联通 3

      技术文,不错

      • avatar 长期项目 来自天朝的朋友 谷歌浏览器 Windows 10 山东省 联通 3

        赞一个,感谢分享。

        • avatar 资源共享频道 来自天朝的朋友 QQ浏览器  vivo X7 Build/LMY47V 北京市丰台区 联通 0

          个性化 创作独一无二 感谢分享

          • avatar 杨景文 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 移动 5

            你要不是有截图,我又不会发现你修改了哪里

            • avatar sys 来自天朝的朋友 火狐浏览器 Windows 7 天津市 移动 1

              加粗了边线,突出了摘要的重要性,所以摘要内容更得好好写写 :mrgreen:

              • avatar 旧日的足迹 来自天朝的朋友 谷歌浏览器  MI 8 SE Build/OPM1.171019.019) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Mobile Safari/537.36 广东省广州市 移动 4

                这个可以有,修改后效果更佳

                • avatar 博客大全 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省常州市 移动 0

                  提倡个性化,尝试多种挑战

                  • avatar 点滴记录 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省常州市 移动 1

                    个性化值得尝试

                    • avatar 演员 来自天朝的朋友 谷歌浏览器 Windows 7 贵州省贵阳市 电信 1

                      支持!楼主

                      • avatar 九日 来自天朝的朋友 QQ浏览器 Windows 7 中国 移动 3

                        看了你这篇文章我又发作了,总感觉以前看过你这篇文章……突然有这种感觉(评论有点水但感觉不假)

                        • avatar 响石潭 来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市都江堰市 电信 2

                          越折腾越快乐,最后归于沉寂。加油~

                          • avatar 懿古今 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信 5

                            这个东东,关键还是自己喜欢

                            • avatar 福利堆 来自天朝的朋友 谷歌浏览器 Windows 10 四川省 电信 0

                              这个样式不错 收藏了

                              • avatar sdadasd 来自天朝的朋友 谷歌浏览器 Windows 7 山东省青岛市 移动 0

                                就改个样式表呀……

                                • avatar 叶子 来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信 2

                                  我觉得还不如之前呢……

                                  • avatar 新闻头条 来自天朝的朋友 谷歌浏览器 Windows 7 广西贺州市 联通 1

                                    文章不错非常喜欢

                                    • avatar Jack Cui 来自天朝的朋友 谷歌浏览器 Windows 7 辽宁省沈阳市 东北大学三舍南(研究生) 0

                                      来逛逛,不错~

                                        • avatar 青山 博主 来自天朝的朋友 搜狗浏览器 Windows 7 江西省南昌市 电信

                                          @Jack Cui 谢谢,以后常来

                                        • avatar 九州网址 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信 0

                                          css点滴记录