WordPress仿站:
1、目標(biāo)網(wǎng)站的抓取,使用仿站小工具8.0.2挺好用的,能夠盡可能多的將整個(gè)網(wǎng)站抓取下來(lái)。
將文件保存到wp-content/tust。保存的首頁(yè)default.html和其他的文件目錄如下:
然后建立標(biāo)準(zhǔn)的wp文件。如下圖所示:
將default.html分割到header.php, index.php, footer.php
header.php 包含body再內(nèi)的導(dǎo)航欄,等下還會(huì)貼出修改后的代碼。
index.php 包含主體部分,要引用header.php 和 footer.php。
footer.php 包含最后的版權(quán)等信息。
2、修改header.php中的鏈接使首頁(yè)正常。其中常用的模板函數(shù):
基本條件判斷函數(shù):
is_home():是否為主頁(yè)
is_single():是否為內(nèi)容頁(yè) (Post)
is_page():是否為內(nèi)容頁(yè) (Page)
is_category():是否為 Category/Archive 頁(yè)
is_tag():是否為標(biāo)簽 (Tag) 存檔頁(yè)
is_date():是否為指定日期存檔頁(yè)
is_year():是否為指定年份存檔頁(yè)
is_month():是否為指定月份存檔頁(yè)
is_day():是否為指定日存檔頁(yè)
is_time():是否為指定時(shí)間存檔頁(yè)
is_archive():是否為存檔頁(yè)
is_search():是否為搜索結(jié)果頁(yè)
is_404():是否為 “http 404: Not Found” 錯(cuò)誤頁(yè)
is_paged():主頁(yè) /Category/Archive 頁(yè)是否以多頁(yè)顯示
Header 部分常用到的 PHP 函數(shù):
:博客名稱(chēng) (Title)
:css 文件路徑
:PingBack URL
:模板文件路徑
:WordPress 版本
:atom URL
:RSS 2.o URL
:博客 URL
:博客網(wǎng)頁(yè) HTML 類(lèi)型
:博客網(wǎng)頁(yè)編碼
:博客描述
:特定內(nèi)容頁(yè) (Post/Page) 的標(biāo)題
模板常用的 PHP 函數(shù)及命令:
:調(diào)用 Header 模板
:調(diào)用 Sidebar 模板
:調(diào)用 Footer 模板
:顯示內(nèi)容 (Post/Page)
:檢查是否存在 Post/Page
:如果存在Post/Page則予以顯示
:while 結(jié)束
:if 結(jié)束
:顯示時(shí)間,時(shí)間格式由”字符串”參數(shù)決定,具體參考 PHP 手冊(cè)
:正文中的留言鏈接,如果使用 comments_popup_script(); 則新窗口打開(kāi)鏈接
:內(nèi)容頁(yè) (Post/Page) 標(biāo)題
:內(nèi)容頁(yè) (Post/Page) URL
:特定內(nèi)容頁(yè) (Post/Page) 所屬 Category
:作者
:特定內(nèi)容頁(yè) (Post/Page) ID
:如果用戶(hù)已登錄并具有權(quán)限,顯示編輯鏈接
:顯示 Blogroll 中的鏈接
:調(diào)用留言/回復(fù)模板
:顯示 Page 列表
:顯示 Categories 列表
:下一篇文章鏈接
:上一篇文章鏈接
:日歷
:顯示內(nèi)容存檔
:導(dǎo)航,顯示上一篇/下一篇文章鏈接
:嵌入其他文件,可為定制的模板或其他類(lèi)型文件
與模板相關(guān)的其他函數(shù):
:輸出相應(yīng)信息
:顯示注冊(cè)鏈接
:顯示登錄/注銷(xiāo)鏈接
:將當(dāng)前內(nèi)容分頁(yè)
:將當(dāng)前內(nèi)容截?cái)啵圆辉谥黜?yè)/目錄頁(yè)顯示全部?jī)?nèi)容
:網(wǎng)頁(yè)加載時(shí)間(秒)
:網(wǎng)頁(yè)加載查詢(xún)量
將模板中的css,JS,圖片的鏈接都換成上面的函數(shù)
3、頁(yè)面顯示正常時(shí),進(jìn)行導(dǎo)航欄的修改。
其中導(dǎo)航欄設(shè)置時(shí),修改原始代碼:
使用wp_nav_menu進(jìn)行代替,菜單導(dǎo)航的代碼,如圖下注釋的部分,將所有的菜單都進(jìn)行注釋。其中代換時(shí),遵循下面的參數(shù)。
<?php wp_nav_menu( array( 'theme_location' =>?''?//指定顯示的導(dǎo)航名,如果沒(méi)有設(shè)置,則顯示第一個(gè)?? 'menu'????????????=>?'header-menu',?? 'container'???????=>?'nav',?//最外層容器標(biāo)簽名?? 'container_class'?=>?'primary',?//最外層容器class名?? 'container_id'????=>?'',//最外層容器id值?? 'menu_class'??????=>?'sf-menu',?//ul標(biāo)簽class?? 'menu_id'?????????=>?'topnav',//ul標(biāo)簽id?? 'echo'????????????=>?true,//是否打印,默認(rèn)是true,如果想將導(dǎo)航的代碼作為賦值使用,可設(shè)置為false?? 'fallback_cb'?????=>?'wp_page_menu',//備用的導(dǎo)航菜單函數(shù),用于沒(méi)有在后臺(tái)設(shè)置導(dǎo)航時(shí)調(diào)用?? 'before'??????????=>?'',//顯示在導(dǎo)航a標(biāo)簽之前?? 'after'???????????=>?'',//顯示在導(dǎo)航a標(biāo)簽之后?? 'link_before'?????=>?'',//顯示在導(dǎo)航鏈接名之后?? 'link_after'??????=>?'',//顯示在導(dǎo)航鏈接名之前?? 'items_wrap'??????=>?'
- %3$s
‘,?? ‘depth’???????????=>?0,////顯示的菜單層數(shù),默認(rèn)0,0是顯示所有層?? ‘walker’??????????=>?”//?//調(diào)用一個(gè)對(duì)象定義顯示導(dǎo)航菜單?));??? ?>
其中首頁(yè)header.php修改完成后,大致如下:
nbsp;html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta>"?/> <title>天津科技大學(xué)海洋與環(huán)境學(xué)院</title><meta><meta>"?/> <link>"?/> <link>/css/reset-min.css"?rel="stylesheet"?type="text/css"?/> <link>/css/fonts-min.css"?rel="stylesheet"?type="text/css"?/> <link>/css/grids-min.css"?rel="stylesheet"?type="text/css"?/> <link>/css/common.css"?rel="stylesheet"?type="text/css"?/> <script>/js/jquery-1.7.2.min.js" type="text/javascript"></script><!--[if lt IE 7]> <script src="js/ie7.js"></script> <![endif]--><script></script><link>/css/index.css"?rel="stylesheet"?type="text/css"?/> <link>/css/frame-top-link.css"?rel="stylesheet"?type="text/css"?/> <link>/css/mainmenu.css"?/> <link>/css/jqueryslidemenu.css"?rel="stylesheet"?type="text/css"?/> <link>/css/bigpic.css"?/> <link>/css/modulelist.css"?/> <link>/css/pager.css"?/> <script>/js/jquery.slidemenu.js" type="text/javascript"></script><script>/js/xmosaic.js"></script><script>/js/jquery.js" type="text/javascript"></script><script>/js/kandytabs.pack.js" type="text/javascript"></script><script>/js/custom.js" type="text/javascript"></script><link>/css/footer.css"?/> <style> .tag_description { float: left; margin-top:7px; padding-bottom:5px; list-style:none; } .tag_description a { font-size: 12px; text-indent: 24px; } .tag_description p { font-family:"宋體",Verdana, Lucida, Arial, Helvetica; color: #666666; float:right; width:220px; line-height:24px; font-size: 12px; text-indent: 24px; text-align:justify; margin-top:0px; text-justify:inter-ideograph; } #AcadeInfoList { position:relative; top:-20px; } #AcadeInfo_spliter { position:relative; top:10px; } #AcadeInfoList:nth-of-type(n) { position:relative; top:0px; } #AcadeInfo_spliter:nth-of-type(n) { position:relative; top:30px; } .tag_title{ line-height:24px; background-position-x: 0%; background-position-y: -540px; background-repeat: no-repeat; overflow-x: hidden; width:370px; } .tag_title a{color: #666666; font-size:12px; margin-left:0px; padding-left:5px; } </style><div> <div> <div> <ul> <li><a>學(xué)院首頁(yè)</a></li> <li><a>聯(lián)系我們</a></li> <li><a>管理員入口</a></li> </ul> </div> <div> <table><tr> <td> <a> @@##@@/picture/2015-09-16-19-7642419411.png"?/> </a> </td> </tr></table> </div> <div> <script> $(document).ready(function () { mlddminit(375); }); </script><div></div> <?php wp_nav_menu( array( 'container' =>?'div','container_id'?=>?'navbar-middle','menu_class'?=>?'mlddm')?);??> <!--<ul class="mlddm" params="1,-1,500,slide,200,h"> <li class=""> <a href="#" target="">學(xué)院概況</a> <ul> <li><a href='/01589e.html' target="">學(xué)院簡(jiǎn)介</a> </li><li><a href='/cbc95b.html' target="">歷史沿革</a> </li><li><a href='/1ab539.html' target="">學(xué)院領(lǐng)導(dǎo)</a> </li><li><a href='/ad9daf.html' target="">學(xué)院黨委</a> </li><li><a href='/0c2b70.html' target="">職能部門(mén)</a> </li><li><a href='#' target="">學(xué)術(shù)機(jī)構(gòu)</a> </li> 替換這里第一條的東西。 --> <div></div> </div> <?php wp_head(); ?><p>4、修改index.php中的</p> <p>這里先進(jìn)行輪播圖的修改,其中輪播圖修改后的代碼如下:</p> <pre class="brush:php;toolbar:false"><?php get_header(); ?><div>?</div> <div> <!-- 大圖輪播--> <script> $(document).ready(function () { var l=$('#bigpic').children().length; var str=''; for(var i=0; i < l;i++) { if(i==0) str += '<li class="on" >'; else str += '<li class=" ">'; } $('#pager').html(str); var mosaic = XMosaic('bigpic', { pager: 'pager', delay: 10000, countX: 10, countY: 5, how: 9, order: 0 }); }); </script><div> <a> @@##@@'?alt='1'?/> </a><a> @@##@@'?alt='2'?/> </a> </div> </div>
然后修改文章的列表部分:
<div> <ul></ul> </div>