首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

NewsPaper主题的4种页头状态 PC+Mobile+Sticky

大家好,最近在做《Newspaper主题教程》的追加内容。因为Newspaper主题最近更新了,更新的有点频繁,带来的变化还挺大,这个课程也会保持跟进。

NewsPaper主题的后台操作,逐步向可视化,所见即所得的方式。最近遇到一个有意思的做法,响应式相关的。

比如网站的Logo图片,在PC网站的页头要上传一次,PC网站的Sticky状态也要再上传一次,Sticky的意思是黏性头部,页面往下滚动,页面顶部依然显示网站Logo和菜单。通常Sticky的Logo比较小,内容比较精简,所以logo图片和PC版logo不同,要上传两次。

响应式的移动版页头也有Logo,但这个logo位置的背景色是黑色,Logo要做反白处理,所以又要上传一次Logo,响应式移动版也可以开启Sticky,如果大小不一样,可能还要再设置一次Mobile Sticky Logo,又要上传两次。

所以 一个Logo 可能要设置四次。这种操作方式在其他主题里没见到过,很独特吧。

还有更毒的,比如要把网站字体换成微软雅黑,要把页面所有Element,一个一个的翻出来检查,只要有字体的地方,都要手动改成微软雅黑,这是个体力活。

所见即所得的修改方式门槛低,但是呢,也有点很繁琐。

再给大家透露一个消息,NewsPaper 10.3开始,支持每个页面选择单独的页头和页脚,页面可以不使用全局页头页脚,很灵活。

好了,就分享到这里,下次见。

(完)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200211A0N4U400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券