1. 云期刊首页
  2. 建站教程

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

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

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

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

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;
}

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


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

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

本站所有内容,如有版权、侵权等问题,请及时联系本站做删除。发布者:云期刊,转载请注明出处:https://www.yunqikan.cn

发表评论

电子邮件地址不会被公开。 必填项已用*标注

问答社区 在线客服
联系我们

QQ 技术:109033286

QQ 运维:3423710838

email 邮箱:drhxxkj@163.com

Qqun QQ交流群:808026766

分享本页
返回顶部