網站引導頁,不常見,但是很多追求酷炫的網站都會設有引導頁,尤其是個人博客。而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', ),
至此,一個漂亮的引導頁就實現了,本文有莫小奈博客首發,轉載請注明出處。
轉載請注明出處 AE博客|墨淵 ? Emlog利用cookie給網站添加引導頁
發表評論