十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
1、創(chuàng)建所需的文件
創(chuàng)新互聯(lián)建站是網(wǎng)站建設(shè)技術(shù)企業(yè),為成都企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè),網(wǎng)站設(shè)計,網(wǎng)站制作,網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制適合企業(yè)的網(wǎng)站。十多年品質(zhì),值得信賴!
在進行主題定制前,應(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),例如,當在控制面板創(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ù)為:
頁面標題:主題設(shè)置
菜單標題:主題選項(p.s.為了區(qū)分顯示,頁面與菜單標題我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):當前文件;
執(zhí)行的函數(shù):themeoptions_page;
如下的操作步驟請參考:
一、安裝MobilePress插件
在此之前,你需要有個wordpress博客平臺,然后按照下圖的(圖示一)安裝MobilePress插件。
MobilePress插件是一款自動識別訪問設(shè)備的插件,它可以根據(jù)用戶的設(shè)備來決定以什么樣的主題來呈現(xiàn)內(nèi)容,非常方便。
二、配置MobilePress Options選項
安裝成功后,會在左側(cè)菜單欄增加一個菜單薦,名字為“MobilePress”,點擊展開,會有3個選項(圖1):
- Options:選項
- Themes :主題
- Moblie Ads:廣告代碼
這一步,我們打開Options這個菜單,如(圖2)所示,
- Blog Title:博客標題
- Blog Description:博客描述
- Mobile Themes Directory:手機博客主題目錄
- Force Mobile Site:是否強制使用手機模式瀏覽
三、配置MobilePress Themes選項
MobilePress插件自身會提供兩套現(xiàn)成的手機主題:
- default(默認):`plugins/mobilepress/system/themes/default`
- iphone(iphone版):`plugins/mobilepress/system/themes/iphone`
用戶可以選擇自已喜歡的模板做為展現(xiàn)用。
四、配置Moblie Ads選項
因為MobilePress系國外的插件,所以,廣告聯(lián)盟也是國外的,這個選項暫時無用,可跳過。
五、準備手機主題的2次開發(fā)
MobilePress自帶的兩個主題模板,樣式簡陋,兼容性也比較差,我們可以在它的基礎(chǔ)上進行2次開發(fā),以達到我們的個性化的需求。
開發(fā)流程:
- 復制 default默認主題模板,路徑為`plugins/mobilepress/system/themes/default`;
- 按照自已的需求對defult主題代碼進行2次開發(fā)即可。
default模板文件布如圖所示:
這個模板提供了基礎(chǔ)的輸出功能和簡單的樣式,按照文件名可以為各個頁面進行方便地2次開發(fā)。
首先,打開wordpress后臺
按提示輸入需要的東西
要牢記你的用戶名和密碼
以后隨時都要用到
不然你就進不去你的網(wǎng)站后臺了
點擊“外觀”
“主題”,就是給網(wǎng)站添加一個基本的框架。
點擊"添加”,記住要添加一個適合你的網(wǎng)站的主題,不能操之過急。
然在點擊“上傳主題”
如果想用wordpress里的主題就不用在去網(wǎng)上下載啦
如果是淘寶客的話你可以去百度看看
也可以去淘寶網(wǎng)里購買一個網(wǎng)站模板
然后在百度上搜索主題下載
看看你需要什么樣的主題模板。
注意必須是zip壓縮格式的
不是zip壓縮格式的可以把他轉(zhuǎn)換成zip壓縮格式的
不然就會上傳失敗
失敗因素也有很多種,一定要注意上傳之前的注意事項,這樣可以節(jié)省你的時間。
然后就點擊“現(xiàn)在安裝”就行了。安裝完成之后你要添加你要發(fā)布的文章,可以控制你的網(wǎng)站進行創(chuàng)作。
于是大家萌生了修改現(xiàn)有主題或自己動手從頭制作一個主題的想法,但是問題又來了,如何制作呢?制作主題是需要編寫代碼的,很多網(wǎng)友根本沒有接觸過編程,大多數(shù)人看到代碼就頭大。湯菜博客著手編寫一個WordPress主題制作的系列基礎(chǔ)教程,將從頭到尾手把手教大家如何制作一個完整的WordPress主題,希望對大家有所幫助。但是本人的能力也有限,這系列教程只能讓你初步認識主題的制作過程,并不能讓你完全地掌握WordPress主題的精髓。本系列教程適合以下人群閱讀:懂一點點的HTML、CSS知識但不懂寫PHP代碼的朋友;自己動手編寫過簡單HTML代碼的自己會設(shè)計網(wǎng)頁界面,想了解怎么制作WordPress主題了解一點PHOTOSHOP或FIREWORKS的簡單處理圖片的朋友本系列教程不適合以下人群閱讀:不打算動手編寫代碼,不想照著本教程一步一步地操作,只是想看看的朋友沒有任何網(wǎng)頁設(shè)計知識的朋友非常熟悉WordPress主題制作過程的朋友也沒必要看啦閱讀完本系列教程,你將收獲:了解WordPress主題制作的大致步驟明白如何去修改WordPress主題,以及擴展主題的功能制作主題,必須配備以下工具:WordPress本地運行環(huán)境(或者在線網(wǎng)站空間),并且已安裝好WordPress;配備各種瀏覽器, Internet Explorer、搜狗、Mozilla Firefox、Google Chrome、360、用于測試網(wǎng)頁是否顯示正常,因為你不知道看你網(wǎng)頁的人是用的什么瀏覽器;一個文本編輯器用于編寫代碼,Dreamweaver、UltraEdit等,不推薦使用記事本,具體原因點此查看《不用記事本寫網(wǎng)頁代碼的理由》圖片處理軟件: PhotoShop或FireworksWordPress主題制作全過程列表: 如何制作WordPress主題(二):主題文件結(jié)構(gòu)