如何使用WordPress 搭建網(wǎng)站
成都創(chuàng)新互聯(lián)專注于莫力達網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供莫力達營銷型網(wǎng)站建設,莫力達網(wǎng)站制作、莫力達網(wǎng)頁設計、莫力達網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務,打造莫力達網(wǎng)絡公司原創(chuàng)品牌,更為您提供莫力達網(wǎng)站排名全網(wǎng)營銷落地服務。
WordPress是一個使用 PHP語言和 MySQL數(shù)據(jù)庫開發(fā)的開源、免費的建站程序,那么搭建WordPress站點,就要求一個能夠運行PHP語言的主機空間和一個MySQL數(shù)據(jù)庫。
第一步:搭建環(huán)境的準備工作
①關閉掉迅雷和殺毒軟件 ?因為這兩個軟件會影響殺毒軟件的運行。
②點擊鼠標解壓到PHPstudy5.2。
③安裝PHPstudy ?這里面會有三個文件。第一個是說明文件 第三個是說明文件 ? 第二個是運行文件。點擊以管理員身份運行。
④記住安裝路徑 ?是安裝在D盤還是什么盤 ?都可以。記住不要把兩個PHPstudy安裝在一個盤里面 ?一定要記住安裝在哪個盤。
⑤安裝好了之后會有一個使用手冊 ? ?這個不需要管。
⑥ 進入之后有一個是否防止初始化 ?點擊是 ? 那么現(xiàn)在的PHPstdy已經(jīng)安裝好了。
第二步:檢查PHPstudy是否正常運行
這里有兩個綠燈 , 一旦點擊成功就是已經(jīng)安裝正確了 ? 如果這個東西要是不弄清楚 ?那可以折騰死你. Apche:服務器 。作用:存儲你網(wǎng)站的程序和文件。MySQL:數(shù)據(jù)庫 ?作用:存儲你網(wǎng)站的數(shù)據(jù)信息 比如網(wǎng)站更新了一下文章 什么的 ? 都會有一些數(shù)據(jù)信息是不是 ? ? 包括里面的一些文章都是屬于數(shù)據(jù)類型的。
如果說出現(xiàn)紅燈怎么辦呢
① 檢測端口 在自定義選擇里面選擇重新檢測窗口。
點擊其他菜單選項—環(huán)境端口檢測。
如果顯示被占用,嘗試強制關閉端口,點擊強制關閉并啟動
②是否強制安裝了兩個PHPstudy。
③殺毒軟件和下載軟件是否關閉。
第三步:搭建wordpress網(wǎng)站
① 熟悉網(wǎng)站的根目錄
點擊其他選項菜單 ,這里有一個網(wǎng)站根目錄。
或者可以找到PHPstay的安裝路徑 ,這里有一個PHPstayB 根目錄就在這個。
這里會有一個WWW的文件 這個文件夾就是根目錄了。
根目錄里面的東西清空 ,點擊鼠標右鍵刪除 ,之前搭建的都晴空掉。
注意:清空的話一定要是PHPstay5.2版本的 因為軟件版本的不同 如果盲目清空會把數(shù)據(jù)庫的信息刪除掉
②下載wordpress程序 ? 在百度上面搜索wordpress ? 官網(wǎng) ? 打開速度偏慢這兩個都可以下載 隨便下載一個就可以了 ? 下載之后保存在桌面。
下載好了之后解壓 ?在根目錄安裝wordpress程序。
步驟:拖入到根目錄 ?把wordpress安裝包解壓 ? ?選擇wordpress文件夾。
把這里面的東西復制粘貼出來。
③在瀏覽器里面輸入127.0.0.1測試本地網(wǎng)站 ?這是本地默認的網(wǎng)站地址。
進入之后可以看到現(xiàn)在網(wǎng)站已經(jīng)在搭建了。
④點擊現(xiàn)在安裝 ? 填寫數(shù)據(jù)庫信息。
數(shù)據(jù)庫名:test
用戶名是數(shù)據(jù)庫的用戶名 :root
密碼也是數(shù)據(jù)可以的密碼 :root
然后再點擊進行安裝就可以了
⑤安裝完成之后
然后就是數(shù)據(jù)庫信息—站點標題
下面就是用戶名:密碼: 這里是網(wǎng)站后臺的登錄用戶名和密碼
郵箱:寫一下要記住用戶名是什么/郵箱是什么。
⑥?登錄自己的網(wǎng)站
數(shù)據(jù)庫不要和后臺賬號搞在一起
網(wǎng)站后臺登錄地址121.0.0.1/wp-admin。
網(wǎng)站的前臺已經(jīng)出來了。
在開始之前,需要注意三件事情
I、給插件取一個個性化的名字,越個性化越好,以防和其他插件重名沖突。
II、代碼里面,一定要包含注釋,不為自己,也要為想修改你代碼的別人想想。
III、盡量用最新版的 WordPress 進行開發(fā)和測試。
插件名稱和插件結構
一般來說,都是在 wp-content\plugins 目錄下建立一個文件夾,文件夾名就是插件的名稱,我們插件名字為"copyright_plugin",文件結構如下。
\wp-content\plugins\copyright_plugin下有copyright_plugin.php和readme.txt
這里的 readme.txt 文件中包含了一些插件的介紹,使用說明等信息,主要是提交到 WordPress 官方網(wǎng)站時候用到的,可以參考他們給的模板 ,另外還有插件截圖預覽的功能,需要另外添加圖片,但是我們現(xiàn)在是練習,不需要提交到官網(wǎng),所以暫時先不涉及這些。
插件的核心
總的來說,插件的核心是兩個 function,用來添加 Hooks(中文譯為鉤子)
add_action ($hookname, $callbackfunction)
add_filter ($hookname,$callbackfunction)
這兩個方法相當重要,幾乎所有的插件都要用到他們。
Actions,我理解就是 wordpress 核心代碼預留的一些特殊的切入點,或者說是在執(zhí)行一些特定事件時候發(fā)生,例如文章發(fā)布時,或者訪客留言時觸發(fā)。
Filters,應該就是 wordpress 執(zhí)行時,對數(shù)據(jù)傳輸過程的一種過濾機制,例如當文章保存到數(shù)據(jù)庫的過程,或者文章從事數(shù)據(jù)庫中取出,展現(xiàn)到瀏覽器中的這個過程。
我們今天要制作的插件,應該是用 Filters,因為我們要在文章顯示在瀏覽器之前,在最后面加上一段字符竄,用來顯示版權信息,后面添加菜單項的時候,也要用到 Actions。
插件概要信息
用文本編輯器打開 copyright-plugin.php 文件,輸入如下信息:
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件將在文章正文最下面,顯示一行版權信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
?
保存好文件,然后登錄 WordPress 后臺,打開插件菜單,應該就可以看到這個插件,已經(jīng)顯示在插件列表里面了,并且可以啟用這個插件試試,不過沒有任何效果,因為到目前為止,這個插件還沒有實現(xiàn)任何功能。
為插件實現(xiàn)功能
修改copyright_plugin.php
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件將在文章正文最下面,顯示一行版權信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
/* 此插件將在文章正文最下面,顯示一行版權信息 */
function display_copyright() {
return "p style='color:red'本站點所有文章均為原創(chuàng),轉載請注明出處!/p";
}
?
保存好這個文件,然后打開正在用的主題文件夾,打開index.php 文件夾,找到 get_template_part( 'content', get_post_format() ); 并在下面添加如下代碼
if(function_exists('display_copyright')) {
echo display_copyright();
}
function_exists 是判斷 display_copyright 函數(shù)是否存在,因為當插件停用的時候,主題代碼里面是找不到這個函數(shù)的,所以要判斷一下,防止出錯。
然后在 wordpress 后臺啟用該插件,再打開首頁看看效果吧!
至此,這段代碼,應該可以勉強算是一個插件了。之所以說勉強,是因為這個插件存在一個問題,需要手工去修改主題代碼,如果用戶換了主題的話,需要在新主題里面再次修改代碼,這個不好。
改良插件
還記得我們前面說過的 Hooks (鉤子)嗎,我們要開始用 Filter 鉤子了!
代碼修改copyright_plugin.php如下:
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件將在文章正文最下面,顯示一行版權信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
add_filter( 'the_content', 'display_copyright' );
/* 這個函數(shù)在日志正文結尾處添加一段版權信息,并且只在 首頁 頁面才添加 */
function display_copyright( $content ) {
if( is_home() )
$content = $content . "p style='color:red'本站點所有文章均為原創(chuàng),轉載請指明出處!/p";
return $content;
}
?
參看以上代碼,其中 the_content 是鉤子的名字,display_copyright 是回調函數(shù)名稱。這樣一來,只要啟用插件就可以實現(xiàn)功能,無需去修改主題了,請把剛才在index.php 文件中添加的代碼刪掉,然后啟用插件,看看效果吧,顯示效果應該是一樣的,無論怎么換主題,還是會自動顯示版權信息。
is_home是判斷是不是主頁
更進一步
至此一個真正的插件算是完成了。但是此插件將版權信息直接寫在代碼里,如果用戶想自定義版權信息的話,需要修改插件的源代碼,仍然不方便,所以此插件仍需改進。其實,我們可以在 WordPress 后臺中為插件單獨添加一個菜單和頁面,用戶可以在這里來自定義設置設置版權信息,信息可以保存在數(shù)據(jù)庫里面。
先附上完整代碼,后面會做說明
?php
/*
Plugin Name: Copyright plugin
Plugin URI:
Description: 此插件將在文章正文最下面,顯示一行版權信息
Version: 1.0.0
Author: xcxc
Author URI:
License: GPL
*/
/* 注冊激活插件時要調用的函數(shù) */
register_activation_hook( __FILE__, 'display_copyright_install');
/* 注冊停用插件時要調用的函數(shù) */
register_deactivation_hook( __FILE__, 'display_copyright_remove' );
function display_copyright_install() {
/* 在數(shù)據(jù)庫的 wp_options 表中添加一條記錄,第二個參數(shù)為默認值 */
add_option("display_copyright_text", "p style='color:red'本站點所有文章均為原創(chuàng),轉載請注明出處!/p", '', 'yes');
}
function display_copyright_remove() {
/* 刪除 wp_options 表中的對應記錄 */
delete_option('display_copyright_text');
}
if( is_admin() ) {
/* 利用 admin_menu 鉤子,添加菜單 */
add_action('admin_menu', 'display_copyright_menu');
}
function display_copyright_menu() {
/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function); */
/* 頁名稱,菜單名稱,訪問級別,菜單別名,點擊該菜單時的回調函數(shù)(用以顯示設置頁面) */
add_options_page('Set Copyright', 'Copyright Menu', 'administrator','display_copyright', 'display_copyright_html_page');
}
function display_copyright_html_page() {
?
div
h2Set Copyright/h2
form method="post" action="options.php"
?php /* 下面這行代碼用來保存表單中內容到數(shù)據(jù)庫 */ ?
?php wp_nonce_field('update-options'); ?
p
textarea
name="display_copyright_text"
id="display_copyright_text"
cols="40"
rows="6"?php echo get_option('display_copyright_text'); ?/textarea
/p
p
input type="hidden" name="action" value="update" /
input type="hidden" name="page_options" value="display_copyright_text" /
input type="submit" value="Save" class="button-primary" /
/p
/form
/div
?php
}
add_filter( 'the_content', 'display_copyright' );
/* 這個函數(shù)在日志正文結尾處添加一段版權信息,并且只在 首頁 頁面才添加 */
function display_copyright( $content ) {
if( is_home() )
$content = $content . get_option('display_copyright_text');
return $content;
}
?
說明:
以下代碼自己要是在啟用插件時和停用插件時調用,注釋中已經(jīng)寫得很詳細了。
/* 注冊激活插件時要調用的函數(shù) */
register_activation_hook( __FILE__, 'display_copyright_install');
/* 注冊停用插件時要調用的函數(shù) */
register_deactivation_hook( __FILE__, 'display_copyright_remove' );
function display_copyright_install() {
/* 在數(shù)據(jù)庫的 wp_options 表中添加一條記錄,第二個參數(shù)為默認值 */
add_option("display_copyright_text", "p style='color:red'本站點所有文章均為原創(chuàng),轉載請注明出處!/p", '', 'yes');
}
function display_copyright_remove() {
/* 刪除 wp_options 表中的對應記錄 */
delete_option('display_copyright_text');
}
添加菜單和頁面的代碼如下:
if( is_admin() ) {
/* 利用 admin_menu 鉤子,添加菜單 */
add_action('admin_menu', 'display_copyright_menu');
}
function display_copyright_menu() {
/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function); */
/* 頁名稱,菜單名稱,訪問級別,菜單別名,點擊該菜單時的回調函數(shù)(用以顯示設置頁面) */
add_options_page('Set Copyright', 'Copyright Menu', 'administrator','display_copyright', 'display_copyright_html_page');
}
至此,已經(jīng)可以在后臺看到菜單項了,但是點擊的話,還會出錯,因為還沒有添加對應的頁面(如何自定義添加后臺菜單位置)
下面開始添加頁面,主要代碼如下:
function display_copyright_html_page() {
?
div
h2Set Copyright/h2
form method="post" action="options.php"
?php /* 下面這行代碼用來保存表單中內容到數(shù)據(jù)庫 */ ?
?php wp_nonce_field('update-options'); ?
p
textarea
name="display_copyright_text"
id="display_copyright_text"
cols="40"
rows="6"?php echo get_option('display_copyright_text'); ?/textarea
/p
p
input type="hidden" name="action" value="update" /
input type="hidden" name="page_options" value="display_copyright_text" /
input type="submit" value="Save" class="button-primary" /
/p
/form
/div
?php
}
現(xiàn)在再去點擊剛才新加的菜單,可以顯示出來一個頁面了,我們可以在這里設置版權信息文本。
另外還有如下代碼要修改
/* 這個函數(shù)在日志正文結尾處添加一段版權信息,并且只在 首頁 頁面才添加 */
function display_copyright( $content ) {
if( is_home() )
$content = $content . get_option('display_copyright_text');
return $content;
}
將原來的靜態(tài)化文本,改成動態(tài)的,之所以要這么改,是因為我們已經(jīng)將數(shù)據(jù)存到數(shù)據(jù)庫里面了,這里要從數(shù)據(jù)庫里面取出數(shù)據(jù)。
wordpress可以二次開發(fā),一般都是指主題開發(fā)或者插件開發(fā),不大建議對wordpress的源碼進行改動,本身wordpress也提供了很好的插件與鉤子機制,足于滿足大部分的開發(fā)需求。wordpress入門比較難,但是如果熟悉了wordpress的函數(shù)及鉤子技術那就很簡單了。
有基礎的話,多學習多鍛煉一周左右就可以。
開發(fā)時間主要是看項目的需求和技術難度指標的綜合因素,如果自己的技術嫻熟的話也就會很快的。現(xiàn)在的開發(fā)成本相對也還是很小的。
最重要的一點還是要看個人的學習能力。不過最好還是找專業(yè)的老師教一下,避免走彎路。