wordpress制作主題 wordpress添加主題設(shè)置

如何制作一款屬于自己的WordPress主題

工具/原料

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),揭陽企業(yè)網(wǎng)站建設(shè),揭陽品牌網(wǎng)站建設(shè),網(wǎng)站定制,揭陽網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,揭陽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

本地測試環(huán)境搭建工具

WordPress安裝程序

NotPad++文本編輯工具

HTML+CSS+PHP的基本知識

方法/步驟

使用XAMPP搭建本地環(huán)境，啟動后的畫面是這樣的，關(guān)于使用方法，請善用百度

2.規(guī)劃主題文件目錄

這是完整的主題目錄里應(yīng)該包含的文件，包含了一些有用的擴(kuò)展

方框里的內(nèi)容是我們本文所必須的。

3.分離主題文件代碼

根據(jù)我們前面設(shè)計的頁面外觀我們的主頁的HTML代碼可以是這樣的：codehtml head titleTutorial theme/title link rel="stylesheet" href="style.css" /head body div id="wrapper" div id="header" h1HEADER/h1 /div div id="main" div id="content"/div div id="sidebar"/div /div div id="delimiter"/div div id="footer" h1FOOTER/h1 /div /div /body/html

/code接下來，我們對這些代碼進(jìn)行模塊分離，區(qū)分出header,footer,sidebar,index等內(nèi)容。頭部文件Header.php：codehtml head titleBook Review/title link rel="stylesheet" href="?php bloginfo('stylesheet_url'); ?" /head body div id="wrapper" div id="header" h1HEADER/h1 /div

/codeHeader.php文件中的第4行我們更換了樣式表的文件路徑，這樣主題就會自己判斷并加載側(cè)邊欄文件sidebar.phpcodediv id="sidebar" h2 ?php _e('Categories'); ?/h2 ul ?php wp_list_cats('sort_column=nameoptioncount=1hierarchical=0'); ? /ul h2 ?php _e('Archives'); ?/h2 ul ?php wp_get_archives('type=monthly'); ? /ul/div

/codeSiderbar.php文件中分別輸出了分類的列表和歸檔的列表。底部文件footer.php code

div id="footer" h1FOOTER/h1 /div /div /body/html/code主題樣式文件：style.css

code/*Theme Name: Book ReviewTheme URI: : the WordPress teamAuthor URI: */body { text-align: center; }#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }#header { border: 2px #a2a2a2 solid; }#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }#delimiter { clear: both; }#footer { border: 2px #a2a2a2 solid; }.title { font-size: 11pt; font-family: verdana; font-weight: bold; }/code主題樣式文件主要完成對主題外觀的控制，這些只是最基本的樣式控制文件，你可以根據(jù)自己的需要進(jìn)行適合的修改以達(dá)到自己想要的效果。通過對最簡單的HTML的不同控制，您會發(fā)現(xiàn)在以后的主題制作中如何優(yōu)化代碼，提高代碼的通用性。主文件index.php：code?php get_header(); ?div id="main" div id="content" h1Main Area/h1 ?php if (have_posts()) : while (have_posts()) : the_post(); ? h1?php the_title(); ?/h1 h4Posted on ?php the_time('F jS, Y') ?/h4 p?php the_content(__('(more...)')); ?/p hr ?php endwhile; else: ? p?php _e('Sorry, no posts matched your criteria.'); ?/p?php endif; ? /div ?php get_sidebar(); ?/div?php get_footer(); ?/code在主文件中，我們分別通過調(diào)用了get_header(),get_sidebar(),get_footer()實現(xiàn)了文件的整合，通過if判斷是否存在日志文章，然后通過While循環(huán)來輸出數(shù)據(jù)庫中的日志文檔。這雖然是一個最基本，最簡單的主題，但通過主題的制作您能夠會不斷的發(fā)現(xiàn)問題，并通過請教百度，谷歌等搜索引擎來獲取更多的知識。通過查CSS您可能獲得更多的CSS控制的特效的技能或許您會發(fā)現(xiàn)BootStrap是如此強(qiáng)大。通過查找get_header,您會發(fā)現(xiàn)更多其獨特的功能，你會發(fā)現(xiàn)wp_footer函數(shù)像WP_head()函數(shù)一樣重要，通過查找側(cè)邊欄sidebar,您會發(fā)現(xiàn)原來可能通過小工具使側(cè)邊欄變得如此強(qiáng)大，通過查找文章類型，文章形式，分類法，你會發(fā)現(xiàn)原來WordPress可以完成你想要的任何功能。

wordpress怎么自己創(chuàng)建主題和設(shè)置主題

首先，打開wordpress后臺

按提示輸入需要的東西

要牢記你的用戶名和密碼

以后隨時都要用到

不然你就進(jìn)不去你的網(wǎng)站后臺了

點擊“外觀”

“主題”，就是給網(wǎng)站添加一個基本的框架。

點擊"添加”，記住要添加一個適合你的網(wǎng)站的主題，不能操之過急。

然在點擊“上傳主題”

如果想用wordpress里的主題就不用在去網(wǎng)上下載啦

如果是淘寶客的話你可以去百度看看

也可以去淘寶網(wǎng)里購買一個網(wǎng)站模板

然后在百度上搜索主題下載

看看你需要什么樣的主題模板。

注意必須是zip壓縮格式的

不是zip壓縮格式的可以把他轉(zhuǎn)換成zip壓縮格式的

不然就會上傳失敗

失敗因素也有很多種，一定要注意上傳之前的注意事項，這樣可以節(jié)省你的時間。

然后就點擊“現(xiàn)在安裝”就行了。安裝完成之后你要添加你要發(fā)布的文章，可以控制你的網(wǎng)站進(jìn)行創(chuàng)作。

如何自己寫wordpress主題

1、創(chuàng)建所需的文件

在進(jìn)行主題定制前，應(yīng)該首先創(chuàng)建一個可供自定義的“設(shè)置選項頁面”。創(chuàng)建設(shè)置選項頁的代碼需要放置在主題目錄下的functions.php文件中。如果我們的模板名為“OptionPage”，那么functions文件的路徑為：wp-contentthemesOptionPagefunctions.php。

我們不需要讓wordpress手動加載它，在執(zhí)行時wordpress會自動加載。

2、建立設(shè)置選項頁

首先第一步需要在后臺建立一個空白頁面供我們使用。我們通過add_aaction來實現(xiàn)這一步。Actions可以在wordpress執(zhí)行時的特定時間被響應(yīng)，例如，當(dāng)在控制面板創(chuàng)建菜單時，admin_menu就會被響應(yīng)執(zhí)行。因此，可以利用這些來實現(xiàn)我們所需的功能。這是我們創(chuàng)建選項頁的最基本的功能。

?php

// 設(shè)置選項頁

function themeoptions_admin_menu()

{

// 在控制面板的側(cè)邊欄添加設(shè)置選項頁鏈接

add_theme_page(“主題設(shè)置”, “主題選項”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);

}

function themeoptions_page()

{

// 設(shè)置選項頁面的主要功能

}

add_action(‘a(chǎn)dmin_menu’, ‘themeoptions_admin_menu’);

?

themeoptions_admin_menu()是在控制面板的側(cè)邊欄中添加一個鏈接，指向我們創(chuàng)建的選項頁：themeoptions_page。

add_theme_page() 的參數(shù)為：

頁面標(biāo)題：主題設(shè)置

菜單標(biāo)題：主題選項（p.s.為了區(qū)分顯示，頁面與菜單標(biāo)題我做了不同我命名）

作用功能：edit_themes；

Handle（句柄）：當(dāng)前文件；

執(zhí)行的函數(shù)：themeoptions_page；

標(biāo)題名稱：wordpress制作主題 wordpress添加主題設(shè)置
本文URL：http://m.jiaotiyi.com/article/doigdho.html