如果你做网站时间比较长了,肯定碰见过需要隐藏首页所有内容,只显示指定内容而不影响其他页面展示的情况吧,比如说:网站维护。在zblog系统中,如何通过简单代码实现此功能呢?果果经过多次测试修改,终于成功,来记录一下自己的学习成果。
在主题的相关文件中添加以下代码:
{if $type=='index'&&$page=='1'} <!-- 1. 将body的背景颜色定死为白色 --> <body style="background:#fff !important;"> <!-- 2. 紧接其后加入如下图片遮罩代码(核心代码) --> <script type="text/javascript"> document.title = '果果的日常'; document.writeln("<p style=\"text-align:center\">"); document.writeln("<img src=\" 需要显示的图片地址 \" /><br />"); document.writeln("<br/><strong><span style=\"font-size:16px\">网站正在维护中……(及其他要显示的文字或者链接)<br/></span></strong></p>"); </script> <!-- 3. 隐藏网站主题内容div --> <div style="display:none;height:0px;"> {else} <!-- 其他正常代码 --> </div> </body> {/if}
保存后记得去后台管理清空缓存并重新编译模板,就可以看到首页被隐藏后只显示指定内容了,其他页面打开也不影响展示。
之前也有伙伴表示,可以直接上传一个名为index的html文件至根目录,也能实现这种效果。
但,搜索引擎暂时是无法抓取JS的,因此在蜘蛛的眼里,第一种方法首页隐藏后和隐藏之前是一样的,这种方法几乎不影响网站SEO,但是后一种方法显然是会被蜘蛛识别到的,对于一个成熟的网站来说,长时间抓不到首页内容,影响是巨大的。首页隐藏以后显示指定内容效果如下所示: