- A+
所属分类:Emlog
网站引导页,不常见,但是很多追求酷炫的网站都会设有引导页,尤其是个人博客。而 Emlog 有引导页的却很少,网上也很少有设置引导页的详细教程,所以我整理了一下,整合到本博客模板中,并写出具体添加教程,希望对模板开发,或者是引导页爱好的同学有所帮助。本文由莫小奈博客首发,转载请注明出处!
原理就是利用 cookie,下面给出详细教程及部分源码。
第一步:网上找一个酷炫的引导页,或者是自己写一个也可以,文件夹改成自己喜欢的名字,放到模板目录里。
第二步:下载的引导页一般都是只有一个 html 的单页,首先将它改成 php 网页,删掉头和尾,只保留 body 部分以及 css,js 调用。
第三步:打开 header.php 里 body 的最前面,添加如下代码:
- <?php if (_g('index_start') == "yes"): ?><!-- 模板设置引导页开关 -->
- <?php
- setcookie(DB_PREFIX.'moxiaonai', time()+3600); //设置名称为 moxiaonai 的 cookie,时间为一小时
- if(!isset($_COOKIE[DB_PREFIX.'moxiaonai'])){//判断 cookie 是否存在,
- include View::getView('start/index'); //不存在则调用引导页
- setcookie(DB_PREFIX.'moxiaonai', time()+3600); //设置 cookie
- }
- ?>
- <?php endif; ?>
第四步:前面三步,引导页已经实现了,剩下的就是调整 js,比如首页的按钮点击的跳转什么的,还有 css 的问题,不同模板,不同引导页,需要不同程度的修改,也很简单。需要大家自己去调整了。
第五步:忘了给开关代码了,打开 options.php,早 array 里添加:
- 'index_start' => array( 'type' => 'radio', 'name' => '引导页开关', 'description' => '<span style="color:#579184;">默认是关闭的,开启网站则显示引导页。</span>', 'values' => array( 'yes' => '开启', 'no' => '关闭', ), 'default' => 'no', ),
至此,一个漂亮的引导页就实现了,本文有莫小奈博客首发,转载请注明出处。