您好,wordpress主題更換方法:
網(wǎng)站設(shè)計制作過程拒絕使用模板建站;使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺管理系統(tǒng);做網(wǎng)站、成都網(wǎng)站建設(shè)收費合理;免費進行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運營了十多年的創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司。
登陸wordpress的后臺。
找到wordpress后臺的外觀——主題。
你可以按條件搜索自己喜歡的主題安裝,也可以從網(wǎng)上自己找主題上傳安裝。
如果你已有合適的主題,想要上傳安裝,有兩種方法,一種是直接后臺上傳,一種是從網(wǎng)站空間上傳到根目錄的themes文件下。直接后臺上傳的話很簡單,使用 .zip 包安裝主題如圖:
主題安裝成功后可以先進行實時預(yù)覽看看效果。
如果覺得合適,正是你需要的主題,也沒有出現(xiàn)任何錯誤,那么可以保存并啟用。
登陸你的WordPress博客管理后臺 – 外觀 – 主題, 就可以看到你安裝的主題列表.
首先在你的主題里面找到并打開style.css文件,就看到最上端有下面一段代碼:
Java代碼
/*
Theme Name: flyxiang 這里填主題名稱
Theme URI:這里填主題介紹的網(wǎng)址,沒有就填你的博客網(wǎng)址吧
Description: flyxiang 這里填主題的簡短介紹
Version: 1.0 版本號
Author: flyxiang作者名
Author URI: 作者的網(wǎng)址
Tags: 標簽,多個用半角逗號隔開
*/
你只要把這些信息修改成你的信息,到后臺再看看主題,已經(jīng)改變了
其實修改和制作主題并沒有想像中的那么復雜,當然你要作出一款驚世駭俗的Wordpress主題除外。
先說說修改Wordpress模版所需掌握的知識。Wordpress函數(shù)大部分都可以在WP官方Codex找到,也可以說是固定的,并不需深入學習,知道某句函數(shù)從哪開始到哪結(jié)束就可以,已免修改主題時造成錯誤。關(guān)鍵是掌握DIV+CSS,網(wǎng)上教程很多,對于修改Wordpress模板粗略學一下原理就夠了,也就是那么幾句屬性寫法,因為我也還在學習,這里就不現(xiàn)丑教大家了,自己找個教程看看吧。
一套完整的WordPress模版應(yīng)至少包括如下文件:
style.css : 樣式表文件
index.php : 首頁模板
archive.php : 文章歸檔/分類目錄模板
404.php : 404 模板
comments.php : 留言/回復模板
footer.php : 底部模板
header.php : 頂部模板
sidebar.php : 側(cè)欄模板
page.php : 頁面模板
single.php : 文章頁面模板
functions.php : 模板函數(shù)
search.php : 搜索結(jié)果模板
當然,有些主題可能不止這些文件,比如我的HotNews Pro主題模板文件有上百個,但以上文件是每套模板所必備的。
知道上面模板的作用可以讓你知道當前頁面應(yīng)該修改哪個對應(yīng)的模板。
下面是這篇的重點:工欲善其事,必先利其器!
可能很多人一想到網(wǎng)頁制作工具,就會聯(lián)想到"網(wǎng)頁三劍客"中的Dreamweaver(簡稱DW)號稱所見即所得,那是指當初流行用Table表格制作網(wǎng)頁,而現(xiàn)如今是DIV+CSS時代了,所見即所得的優(yōu)勢再也沒有了,這個DW幾乎已無用武之地(個人認為)。另外國外原來常用的網(wǎng)頁制作工具是Adobe GoLive,由于中文版推出較晚,才造成DW在國內(nèi)流行,DIV+CSS網(wǎng)頁制作大型軟件也是首推Adobe GoLive,不過該軟件目前已停止開發(fā),可惜。今天推薦的工具并不是這兩個售價高昂,體積龐大軟件.修改和制作Wordpress主題根本無需使用什么專業(yè)軟件,不過也不像某些人吹噓的那樣用系統(tǒng)自帶的記事本就能寫主題。
首先,你需要搭建一個本地PHP測試環(huán)境,方便修改模版,當然你也可以在Wordpress后臺主題編輯頁面中修改,臨時用一下還可以,不適合修改較多的情況。如何搭建本地測試環(huán)境網(wǎng)上教程很多,這里就不詳細說了,推薦使用Wamp或者phpStudy,自己搜索一下。
必備工具軟件:
■ 文本編輯器
EmEditor(收費軟件)、EditPlus(收費軟件)、Notepad++(免費)
前兩款是收費軟件,后者是免費的功能也非常不錯,適合新手使用,絕不能用系統(tǒng)自帶的記事本編輯模版文件,特別是中文模版,否則會造成模板借位,中文模版編碼為:UTF-8 無BOM。
■ 火狐瀏覽器(Mozilla Firefox)
有的人會問,為什么要用火狐,系統(tǒng)自帶的IE一樣可以瀏覽網(wǎng)站?當然不是完全用火狐去瀏覽網(wǎng)站,而是利用火狐強大的擴展能力,為我們仙人指路。
當我們要修改某部分樣式及結(jié)構(gòu)時,都會直接打開Wordpress主題模板文件或在后臺編輯主題,密密麻麻的代碼,就是主題作者自己看了也會頭暈眼花,所以會經(jīng)常在關(guān)鍵部位加上一些注釋,
php中注釋一般為:!-- XXX --
css中為:/** XXX **/
但一些注釋可能只有作者自己知道是什么。因此,很難在打開的模板文件中找到準備修改的部分,這時我們就會用到火狐的擴展:Firebug,下載地址
IE瀏覽器也有類似的插件,但功能上無法與火狐的擴展相比,一些瀏覽器本身就集成了該功能比如Opera,功能貌似同樣的強大。
具體操作方法
如果你已安裝火狐并已添加Firebug擴展,可以繼續(xù)往下看如何具體修改Wordpress主題。
■ 修改頁面元素的文字大小
以修改HotNews Pro主題CMS布局,最新文章標題文字大小為例:
鼠標停在最新文章標題上,右鍵調(diào)出菜單選擇“使用Firebug”查看元素(如圖)
之后默認會在火狐瀏覽器底部調(diào)出Firebug窗口,左側(cè)顯示的是當前網(wǎng)頁元素的HTML結(jié)構(gòu),右側(cè)是當前元素選擇器的樣式屬性和所在的文件及行數(shù)(如圖),在style.css文件的第277行。
用上面介紹的文本編輯軟件,打開主題style.css文件在277行找到:
#post h3 {
font-size: 13px;
font-weight: bold;
}
修改其中的數(shù)字13,為自己認為合適的大小即可。
如果當前元素選擇器的樣式中沒有控制字體大小的 font-size: 13px; 屬性,而是使用的全局字號設(shè)定,可以為其單獨加上這個 font-size: 13px; 屬性
看了上面的一個實例,是不是很簡單,修改主題樣式,關(guān)鍵是要找到所需修改元素選擇器名稱及樣式屬性的位置。
本人在修改主題模版時也用同樣的方法,沒有Firebug擴展的仙人指路,就是修改自己作的模板也決不是一件易事。
■ 如何確定某個網(wǎng)頁元素(模塊)的整段代碼,便于調(diào)整位置。
以HotNews Pro主題導航菜單移動到LOGO下面為例:
首先,用上面的方法確定導航菜單最外層的選擇器名稱為:top
然后,用Notepad++文本編輯器,打開主題頂部模板header.php,搜索查找top位置,并用鼠標點擊該選擇器,會發(fā)現(xiàn)Notepad++已為我們明確標示了該段代碼開始和結(jié)束的位置(如圖):
下面的就簡單了,用同樣的方法找到導航菜單下面元素最外層的選擇器結(jié)束的位置將代碼移動至此即可。
以上就是修改模板的基本方法和步驟,所謂的高手基本都這么折騰模版,如果你花一兩天時間學一下DIV+CSS相信會更得心應(yīng)手。
另一個比較不錯的擴展是:Web Developer,這里就不介紹了,請自行研究。
//保護后臺登錄
add_action('login_enqueue_scripts','login_protection');??
function?login_protection(){??
if($_GET['word']?!=?'press')header('Location:?https://網(wǎng)址/');??
}
這樣一來,后臺登錄的唯一地址就是?,如果不是這個地址,就會自動跳轉(zhuǎn)到 https://網(wǎng)址/ ,不信你試試!
你可以修改第 4 行的 Word、press 和 https://網(wǎng)址/ 這三個參數(shù)。