WordPress 的资讯主题 justnews 5.01 版本专题样式、标题优化方法

由 wpcom 出品的 justnews 主题销量超级好，一台1核1G1M的云服务器就可以轻松上线，代码优化非常到位。曾经有位大佬用这个配置的腾讯云服务器，搭建了10个WordPress网站，可以说是创造了奇迹。这个主题专为博客、自媒体、资讯类的网站设计开发，自适应兼容手机、平板设备，支持前端用户中心，可以说非常的强悍，也非常给力。君哥来罗列一下主题亮点：

• 原创Themer框架为主题提供后台设置面板、可视化工具、基础功能集合。
• 自适应式设计完美兼容PC端、手机端和平板等各类设备访问。
• 代码级优化，免装SEO插件，文章关键词自动内链。
• justnews 5.01 版本新增了模块化页面设计功能，可视化页面拖拽生成工具，自由组合模块做出个性页面。
• 无需安装插件，自主原创开发的前端用户中心功能，可支持QQ、微信、微博等社交登录。
• 一次购买即可获得主题永久免费使用权，省钱省心。
• 强大的文章编辑功能和扩展功能，快讯、专题、投稿、版权、打赏、点赞、收藏、手机分享图。
• 主题购买链接：https://www.wpcom.cn?ref=2672

justnews 5.01 版本的专题页面修改了标题样式，但是君哥觉着标题样式比较丑陋了，索性自己动手修改了样式，分享出来供大家学习。首先下载备份 /wp-content/themes/justnews/css/style.css 文件，然后用编辑器打开 style.css 文件，用 Ctrl + F 搜索 “ .topic-list span ” ，然后按照下面三步进行修改：

• 删除 “ position：absolute; ”、“ left：0; ”、“ bottom：54px; ”、“ text-shadow：0 0 3px rgba(0,0,0,.6); ”、“ background：linear-gradient(180deg,transparent,rgba(0,0,0,.5) ” 这5个属性。
• 增加 “ display：block ” 属性。
• 修改 “ color：#fff ” 为 “ color：#333 ”

通过上述方法修改后，如果您是正版主题，每次更新后都会覆盖掉你修改的样式，可以把下面的代码放到【外观】→【自定义】→【额外CSS代码】中。

.topic-list span {
position: static;
left: auto;
bottom: auto;
width: 100%;
padding: 3px 15px 0;
font-size: 16px;
line-height: 32px;
text-align: center;
color: #333;
text-shadow: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
box-sizing: border-box;
background: none;
display: block;
transition: all .3s ease-out;
}

聚云网旨在收集阿里云、腾讯云、百度云等云计算产品的行业资讯，最新优惠信息，提供代金券、优惠券领取，让用户以最低的价格购买服务器，享受优质的产品服务。聚云网提供免费服务器购买咨询，科技前沿资讯，互联网行业动态，软件开发及服务器运维教程，竭全力为用户提供优质服务。

如果您有任何疑问，请在页面右侧点击联系聚云网客服，第一时间为您服务。如果您有教程需求，可以在我们的社区中留言。如果您有经验要分享，我们欢迎您的到来。文章中有什么问题，也欢迎留言指正，我们共同创建一个服务平台。