• 欢迎访问望星湖畔,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入望星湖畔 QQ群
  • 由于360网盘即将关闭,本站内部分下载资源可能暂时无法下载,请到相关文章评论处留言,我们会马上处理,谢谢合作!
  • 本站正在搬家,各项数据恢复中……

WordPress博客文章标题添加背景_Hotnews主题美化系列代码

WP应用 admin 6531次浏览 0个评论

我是一个非常喜欢界面华丽效果的人,太简单、朴素反倒显得网站没有什么吸引力。

今天为望星湖畔Wxhp.Org博客添加了两个功能,甚是满意,特拿出来分享,以资备用。

功能一:短代码

介绍&效果演示

S-shortcodes 短代码插件是Jeff在一款国外短代码插件的基础上进行二次开发而来的,相对应原插件,去除了自认为鸡肋的一些特效,改进精简了相关代码,更为插件添加了更多人性化的操作体验功能。原版插件名称为arconix-shortcodes,作者为John Gardner。

很酷吧

相对于写那些麻烦的代码,插件要快捷的多了。

无插件,手写代码方法:打造你自己的WordPress短代码

功能二:H3标题——修改文章标题属性

hotnews没有设置文章内标题的属性,遇到多个标题段落的文章,只以加粗标题区分,看起来有点不美观,看到Newgavin主题里的文章标题就非常的喜欢,就想拿来安在我的网站上,折腾了一会儿,终于找到实现方法:

修改文章标题格式属性

找到hotnews主题style.css文件,用Notepad ++,用UTF-8无BOM格式编码打开,然后针对其中的h1,h2,h3,h4等进行修改,因为我使用了h3,所以h3中的修改可以直接在文章目录中反映出来。

添加以下代码到

/** 正文 **/

下即可实现同样的效果

  1. .entry h3{font-size16px;
  2.     line-height:30px;height:30px;color:#05a;font-weight:600;margin:20px 0;
  3.     border-left:5px solid #05a;background:#ddd;padding:5px 0 5px 10px ;
  4.     }

功能三:美化文章标题

在style.css文件

修改

  1. .entry_title_box {
  2.     padding10px 0 0 0;
  3.     }

修改后代码

  1. .entry_title_box {
  2.     padding10px 0 0 0;
  3.     floatleft;
  4.     margin-bottom10px;
  5.     border-left5px solid #05a;
  6.     border-bottom1px solid #05a;
  7.     }

或是

  1. .entry_title_box {
  2.     padding10px 0 0 0;
  3.     border-left4px solid #444;
  4.     padding-left15px;
  5.     positionrelative;
  6.     }

望星湖畔, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明WordPress博客文章标题添加背景_Hotnews主题美化系列代码
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址