关于卢松松博客主题背景
相信很多接触过卢松松博客主题的技术宅,大概都知道卢松松博客主题是一个以图片为题材大型建模css架构主体,所以需要一个比较好的服务器才能达到理想的效果,但卢松松博客主题的SEO优化做的是非常到位,这是一个值得肯定的!
而卢松松官方博客所下载的版本并不是最新的,此版本转载自美文美句,是在原版的基础上修改而成。增加了自适应等,基本和官网所用一模一样。
主题自适应网页说明
该主题可以根据移动设备自动调整网页显示方式,也就是说网站在电脑、PAD、手机、手机横版等的显示都是不一样的。
这样做的目的是在“统一域名”的前提下拥有移动端的网站,兼容任何的移动设备,可以更有利于网站的SEO优化。
自适应网页是未来的发展趋势,先到先得,快人一步。懂SEO的朋友都知道做SEO时间先后顺序的重要性。
移动互联网已经全面爆发,难道你的网站还没有一个像样的移动版本?微营销时代的到来,我们同样可以如鱼得水!
在松松主题基础上优化了哪些?
首先升级为网页自适应就不说了,在这个基础上去掉了多余的垃圾代码,减少了没必要的代码,使网页更加的简洁,会更有利于网站的SEO优化,并且也会更加的整齐美观。
主题适用Z-Blog2.2版吗?
该主题最近(2015.05.13)已经升级到了Z-Blog2.2版,并且保留了Z-Blog2.1版本,两个版本除了使用程序版本不同之外几乎没有区别,都可以完美适用。具体应该选择哪个版本,大家可以根据自己的使用习惯或者你现在正在使用的Z-Blog版本来选择。
安装方法
1、下载模板文件,进入zblog后台,使用[主题导入与恢复]上传导入主题安装包。
2、修改参数。
电脑端导航栏修改
导航栏左边
<div class="left"><ul id="menu" class="menu"> <li><a href="https://www.xhsay.com/%E4%BD%A0%E7%9A%84%E5%9F%9F%E5%90%8D%E9%93%BE%E6%8E%A5" title="首页"><span id="menuON">首页</span></a></li> <li><a href="https://www.xhsay.com/%E4%BD%A0%E7%9A%84%E5%88%86%E7%B1%BB%E9%93%BE%E6%8E%A5" title="分类title">分类名称</a></li></ul></div>
导航栏右边
<div class="right"><ul id="menus" class="menu"> <li class="page_right"><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义" target="_blank">显示名称</a></li> <li class="page_right"><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义" target="_blank">显示名称</a></li></ul></div>
手机端导航栏修改
<ul id="navs" class="menu"> <li><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义">显示名称</a></li> <li><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义">显示名称</a></li></ul>
请根据自己的需要,自行添加。这里代码根据自己的写好之后,模版管理-新建模版:
注意圈出来并且用箭头指住的位置,必须为和图片是一致。
提交保存之后,首台首页更新一下缓存,即可看到效果。
下载权限
查看-
¥免费下载评论并刷新后下载登录后下载
- {{attr.name}}:
请登录之后再进行评论