SlideShare a Scribd company logo
1 of 46
About WordPress
0 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.
0 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
0 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).
0 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
0 Ford
0 Cheezburger
0 法鼓山僧伽大學
申請虛擬主機空間
0 免費虛擬主機(空間)優缺點:
優點:不用錢、提供的空間及流量大。
缺點:無預警砍帳號、無預警倒閉、主機商不會有備
份、連線品質差、不支援的函數多、控制介面支援功
能少、尖峰時間網站會龜速
0 付費虛擬主機(空間)優缺點:
0 優點:網站速度穩定、主機商會定期備份、提供使用
諮詢、控制介面功能完善、常用函數幾乎都支援
缺點:國內付費空間較貴(因為『黑』納特的關係)、
國外付費空間較便宜但連線速度沒有像國內那麼優
First ! You need a host
有許多免費的虛擬空間
可以在網路上找到資源
獅子免費網站空間
網址 :http://lionfree.net/
0 永久免費、永久無廣告與一個E-mail可申辦多帳號等
服務!
0 我們的最終目的不是要賺錢,我們只是希望和獅子一
樣的玩家可以輕輕鬆鬆的架網站,從此不用再東奔西
走,為了即將砍掉的免空而奮戰。在這裡,砍帳號已
經是過去事了,網站上莫名的廣告也是過去事了!而
我們提供最好的服務,未來還會陸續提供更多服務,
並且將會永久管理下去!
Upload wordpress to host
0 1. Download the WordPress
正體中文版下載頁:
http://tw.wordpress.org
0 2.Using FileZilla to upload
0 https://filezilla-project.org/
0 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
Sublime Text 編輯器
0 為了加速開發時間, Sublime Text 可以讓你不用一直
拖拉檔案到FTPzilla
0 只要安裝
0 Package Control 可以方便管理 packages
0 Sftp plugin
0 Git
0 SideBarEnhancements
Connecting to your website
http://wpken.webuda.com
setup
http://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
後台登入方法
在網址後加上 /wp-login.php
帳號:admin
密碼:**********
控制後台
網站前台
僧伽大學首頁
WordPress佈景主要架構
0 WP佈景的主要架構檔案的檔名都是固定的,在Wordpress裡已
經預設好這些檔名各別的功用,主要架構通常是以下檔案:
0 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:顯示在後台佈景的縮圖
主要開發content 中的Theme
登入後台
0 在網址後面加上”/wp-login.php”
0 以僧伽大學為例:http://dev.ddsu.org/wp-login.php
最重要的地方!!!
選擇一個佈景主題(Theme)
0 可以選擇一個喜愛的Theme,在剛開始接觸
wordpress時,選擇一個已經做得很好的Theme,會
快速的架起一個網站,因為Layout已經幫你寫好了
0 最好選擇有支援RWD的Theme
0 何謂RWD?
0 所謂的RWD就是指Responsive Web Design,中文翻
譯大概就是所謂的響應式設計,意思就是網站會隨著
載具的不同而產生不同的畫面,而什麼是不同的載具?
就是指桌機、平板、手機等等不同的上網平台,也就
是說你只需要做一種設計,就可以符合全部不同的載
具
在後台可以直接搜尋一個Theme
預設主題
目前使用主題
0第一種方法:在後台搜尋安裝與上傳
可以在後台搜尋喜歡的主題,
或是可以將已下載的主題在後台直接上傳
0 第二種方法:利用Filezilla上傳
0 有一些theme不會在後台直接搜尋到,可在網路上搜尋一
個theme,在將檔案上傳到後台
將佈景主題上傳至”/wp-content/themes”下
網站後台
預設的bar
Plugin的bar
Theme的bar
文章(post)與頁面(page)
頁面與文章有甚麼不同?
0 一、按性質區分文章頁與頁面
文章被稱為動態頁面,而頁面被稱為靜態頁面。
0 文章是按時間順序去更新的,頁面一般是固定不變的。
0 作為一個網站,如何去維持網站的長久不衰和SEO效果,靠的就是文章。而在一個網站建成之後,
頁面就是固定的。
0 二、按功能區分文章頁與頁面
0 頁面可以生成不同風格的內容,可以通過頁面模版來實現,也就是說頁面可以做成不同風
格的版式,如關於我們頁面模版、聯繫頁面模版、友情鏈接頁面模版、留言頁面模版等這
些都可以通過頁面實現。
0 而文章模版一般都是唯一的。
這是文章
這是頁面
文章利用標籤去做到
最新消息的功能
新增頁面
新增頁面
1. 點選 新增頁面
更改頁面
頁面就是在「選單」上面可點選的靜態頁面(不長更
改的頁面) 例如:公司概況
「編輯頁面」
-> 進入後台編輯
後台編輯頁面
「預覽」:
基本Word編輯
「文字」:
Html模式編輯
1. 輸入頁面的名字 2. Wordpress自動產生固定網址,可供以後連結用
3. 輸入網頁內顯示的文字
5. 設定子母頁面的關聯
6. 若子頁面有數個,可給予不同頁面一個編號,標示顯示的順序
7. 按 發表 頁面自動儲存更新
後台編輯頁面
設定選單
設定選單
(右側欄位)外觀->選單
設定選單
1. 選取欲新增至下拉選單的頁面,並 新增選單
2. 選單自動新增至結構中,
只要左右拖拉位置,即可改變從屬性。
設定選單
這是靠著「分類」這個屬性去顯示的
所以在發佈一個文章時
請勾選好分類
另外為了「網站搜尋優化SEO」 ,請善用「標籤」
可以在「文章/標籤」中新增標籤
最新消息 活動專區 社企新聞 電子報
新增設定
「最新消息」「活動消息」「電子報」「信託消息」「公益贊助」
搜尋引擎最佳化(Search Engine Optimization
1. 正確的使用「標籤」功能
標籤,是除了文章分類功能以外,可以幫你將同屬性的文章串接在一起,讓搜索
引擎的蜘蛛爬蟲,更能夠了解你網站內容及語意的重要設定。從過去到現在的經
驗來看,許多人常忽略了這個設定或是設定的不正確,標籤的使用,其實也就是
內鏈(Inbound Link)建立的功夫。
我該如何正確設定標籤:同一篇文章標籤建議不要超過五個,而且標籤的選定最
好就是文章所選定的三到五個關鍵字即可。(什麼是三到五個關鍵字?)
2. 開啟「文章摘要」並填寫
絕大多數的佈景及SEO外掛都會把文章摘要當作meta description的內容。如果你
的佈景已經可以正確的將文章摘要當作description,其實你可以不用考慮加裝其
他的SEO外掛。
3. 標題要寫的好
我把標題放在最後並不是他比較不重要,而是這件事情我已經講過好幾次了,但
是許多客戶跟朋友寫標題還是不會寫,除了我在如何寫出一篇具有SEO效果的開
箱文 (一) 標題的下法中已經寫過的方式外,你還可以使用『一個名詞+兩個
形容詞』的方式來撰寫你的標題。
推薦Plugin
0 Shortcodes
0 Contact Form 7
shortcodes
有安裝一個Plugin在後台叫做「shortcodes」,方便於
排版,使用方法很簡單,熟悉界面就可以上手了
可
插
入
圖
The End
如果有任何使用上的問題
可以來信聯繫
m10215040@mail.ntust.edu.tw

More Related Content

Similar to Wordpress網站使用手冊

Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台MOBINODE
 
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409zhengyiwuxian
 
開源碼介紹及Joomla
開源碼介紹及Joomla開源碼介紹及Joomla
開源碼介紹及Joomlatmjhart
 
6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹Nelson Chen
 
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用Webrebuild
 
introduction of web 2.0
introduction of web 2.0introduction of web 2.0
introduction of web 2.0soboring
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍36Kr.com
 
01 产品基础知识培训
01 产品基础知识培训01 产品基础知识培训
01 产品基础知识培训jackieit
 
Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目
Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目
Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目Frank Liu
 
Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Gelis Wu
 
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)Will Huang
 
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevicesDuran Hsieh
 
twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢twMVC
 
100 个免费翻墙工具
100 个免费翻墙工具100 个免费翻墙工具
100 个免费翻墙工具Young Yang
 
第15章
第15章第15章
第15章paoapao
 

Similar to Wordpress網站使用手冊 (20)

Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
 
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
 
開源碼介紹及Joomla
開源碼介紹及Joomla開源碼介紹及Joomla
開源碼介紹及Joomla
 
6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹
 
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
 
introduction of web 2.0
introduction of web 2.0introduction of web 2.0
introduction of web 2.0
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍
 
行動技術開發概論
行動技術開發概論行動技術開發概論
行動技術開發概論
 
占星社團網站
占星社團網站占星社團網站
占星社團網站
 
01 产品基础知识培训
01 产品基础知识培训01 产品基础知识培训
01 产品基础知识培训
 
Html01
Html01Html01
Html01
 
App house
App houseApp house
App house
 
Make-a-blog
Make-a-blogMake-a-blog
Make-a-blog
 
Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目
Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目
Marketingwithfrank.net 如何選擇虛擬主機代管的八大評測項目
 
Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界
 
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
 
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices
 
twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢
 
100 个免费翻墙工具
100 个免费翻墙工具100 个免费翻墙工具
100 个免费翻墙工具
 
第15章
第15章第15章
第15章
 

Wordpress網站使用手冊