wordpress installation step by step
DESCRIPTION
CMS Wordpress 安裝投影片TRANSCRIPT
Wordpress
About WordPress
• WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day.
• WordPress is a free and open source blogging tool and a content management system (CMS) based
on PHP and MySQL , which runs on a web hosting service
Market share• According to W3Techs, almost 55% of the 1
million most visited websites that are run on a content management system (CMS) are run on WordPress.
(2011).• Mullenweg said, “We’re now up to 18.9
percent of the web running WordPress. … We’re going to see the number of people who have WordPress as part of their daily habits grow exponentially.”
Website using Wordpress
• Ford• Cheezburger• 法鼓山僧伽大學
申請虛擬主機空間• 免費虛擬主機 (空間 )優缺點： 優點：不用錢、提供的空間及流量大。 缺點：無預警砍帳號、無預警倒閉、主機商不會有備份、連線品質差、不支援的函數多、控制介面支援功能少、尖峰時間網站會龜速
• 付費虛擬主機 (空間 )優缺點： • 優點：網站速度穩定、主機商會定期備份、提供使用諮詢、控制介面功能完善、常用函數幾乎都支援 缺點：國內付費空間較貴 (因為『黑』納特的關係 )、國外付費空間較便宜但連線速度沒有像國內那麼優
First ! You need a host
有許多免費的虛擬空間可以在網路上找到資源
Set domain name
Create a Database
Account Details Overview
Upload wordpress to host
• 1. Download the WordPress 正體中文版下載頁：
http://tw.wordpress.org • 2.Using FileZilla to upload
• https://filezilla-project.org/• FileZilla is open source
software distributed free of charge under the terms of the GNU General Public License
Upload wordpress to host
2.將Wordpress上傳至虛擬主機
1.與虛擬主機連線
FileZilla
Connecting to your website
http://wpken.webuda.com
setuphttp://wpken.webuda.com
http://wpken.webuda.com
如果您的空間不支援以上的資料輸入模式1. 下載Wordpress後將檔案解壓縮，找到 wp-config-
sample.php將檔名改成『 wp-config.php』2. 編輯 wp-config.php 3. /** WordPress 的資料庫名稱，請更改 "database_name_here" */
define('DB_NAME', 'a4438033_wpken');/** MySQL 資料庫使用者名稱，請更改 "username_here" */define('DB_USER', 'a4438033_wpken');/** MySQL 資料庫密碼，請更改 "password_here" */define('DB_PASSWORD', 's*******1');
$table_prefix = 'wpken_';define(‘WP_CACHE’,true); //加入三行程式碼允許使用網站快取define('WP_POST_REVISIONS',false); //關閉發文版本define('AUTOSAVE_INTERVAL',86400); //自動儲存文章間隔時間
安裝 wp登入後台方式：在網址列輸入『網址 /wp-login.php』EX:wpken.webuda.com/wp-login.php
控制後台http://www.wpken.webuda.com
網站前台
僧伽大學首頁
WordPress佈景主要架構• WP佈景的主要架構檔案的檔名都是固定的，在Wordpress裡已經預設好這些檔名各別的功用，主要架構通常是以下檔案：
• header.php：網站頂部及網頁資訊 index.php：整體首頁 single.php：文章內頁 footer.php：網站底部 archive.php：分類頁面 page.php：分頁頁面 sidebar.php：側邊欄 style.css： css語法 404.php：錯誤頁面 comments.php：留言頁面 functions.php：功能函數 screenshot.png：顯示在後台佈景的縮圖
Q1:如何登入後台• 在網址後面加上” /wp-login.php”• 以僧伽大學為例： http://dev.ddsu.org/wp-login.php
網站後台
選擇佈景主題
預設主題
目前使用主題
Q2:搜尋安裝其他樣板• 第一種方法：在後台搜尋安裝與上傳
可以在後台搜尋喜歡的主題，或是可以將已下載的主題在後台直接上傳
Q2:搜尋安裝其他樣板• 第二種方法：利用 Filezilla上傳
將佈景主題上傳至” /wp-content/themes”下
Q3:新增文章
頁面與文章有甚麼不同 ?• 一、按性質區分文章頁與頁面
文章被稱為動態頁面，而頁面被稱為靜態頁面。• 文章是按時間順序去更新的，頁面一般是固定不變的。
– 作為一個網站，如何去維持網站的長久不衰和SEO效果，靠的就是文章。而在一個網站建成之後，頁面就是固定的。
• 二、按功能區分文章頁與頁面
• 頁面可以生成不同風格的內容，可以通過頁面模版來實現，也就是說頁面可以做成不同風格的版式，如關於我們頁面模版、聯繫頁面模版、友情鏈接頁面模版、留言頁面模版等這些都可以通過頁面實現。
• 而文章模版一般都是唯一的。
• 三、文章能否單獨進行版式設計在很多wordpress主題模板文件中會看到 single.php這個文件。這個文件就是文章的模板。如果只有一個這樣的文件，那麼你的所有文章都是一個版式
這是文章這是頁面
文章利用標籤去做到最新消息的功能
Q4:新增頁面
Q4:新增頁面
1. 點選 新增頁面
1. 輸入頁面的名字 2. Wordpress自動產生固定網址，可供以後連結用
3. 輸入網頁內顯示的文字
4. 插入相簿
5. 設定子母頁面的關聯
6. 若子頁面有數個，可給予不同頁面一個編號，標示顯示的順序
7. 按 發表 頁面自動儲存更新
Q5:設定下拉式選單
Q5:設定下拉式選單
（右側欄位）外觀 ->選單
Q5:設定下拉式選單
1. 選取欲新增至下拉選單的頁面，並 新增選單
2. 選單自動新增至結構中，只要左右拖拉位置，即可改變從屬性。
Q6:改背景顏色改變顏色
至 Striking 中的 Color
設定 Header Footer 的顏色
可直接鍵入色碼或是選取旁邊的彩色圓圈 <調色盤 >
顏色設定完成
想要改變 Footer
Q7:設定 FOOTER
選取 Striking>Footer
兩欄 Footer
設定 FOOTER
插入圖片
聯絡資料
Footer完成
外觀 >小工具
Sub Navigation
Q8:使用小工具右邊欄位 -文章分類
右邊欄位 -文章分類
拖曳過去
右邊欄位 -文章分類