wordpress美化-文章标题样式美化

%title插图%num
效果演示
%title插图%num
不太喜欢主题默认的标题样式,自己动手,丰衣足食。

用火狐的查看元素(这个功能感觉比Chrome好用,因为是中文的…)

%title插图%num

找到当前主题的标题样式,然后去主题样式文件修改。(一般在主题根目录style.css

根据类样式查找定位

%title插图%num

把下面的样式添加到标题样式即可(字体大小和其他参数可按需修改,每一行都写了注释。)
font-size:24px;/*字体大小*/
font-weight:bold;/*设置文本粗细*/
background-color: #ffffff;/*背景颜色*/
border-bottom: 1px solid;/*边框宽度 *颜色定义*/
padding: 5px 15px;/*宽高*/
border-left: 8px solid;/*定位*/
margin:18px 0px 18px -20px;/*定位*/
overflow: hidden;/*溢出修剪*/
box-shadow:2px 6px 10px #5F9EA0;/*设置块阴影  水平位移   垂直位移 	模糊半径 */

标题会带有阴影,略有花里胡哨,如果想去掉标题阴影删除box-shadow属性(效果如下图)

%title插图%num

给TA买糖
共{{data.count}}人
人已赞赏
WordpressWordPress优化

wordpress编辑器增加字体选择以及字体大小设置

2019-6-12 13:24:54

WordpressWordPress优化

wordpress网站静态缓存插件之WP-Super-Cache详细安装与配置说明教程

2019-6-15 10:58:03

3 条回复 A文章作者 M管理员
  1. 标题会带有阴影,略有花里胡哨,如果想去掉标题阴影删除box-shadow属性(效果如下图) 博主 你这个地方的虚线框是怎么弄得

    • 看这篇文章【https://www.zmki.cn/3276.html】 还有现在邮箱坏了不能发邮件,登录到后台就能查看最近的评论啦。

    • 看这篇文章【https://www.zmki.cn/3276.html】 还有现在邮箱坏了不能发邮件,登录到后台就能查看最近的评论啦。.