การสร้าง Wordpress Manual.pdf

การสร้างเว็บไซต์ดว้ ย

1

เน้อื หา >>

Part 1 : แนะนาเกีย่ วกับ WordPress
Part 2 : ตดิ ต้งั WordPress และโปรแกรมทจี่ าเป็น
Part 3 : สร้างเนอ้ื หา (Posts)
Part 4 : สรา้ งเพจและเมนู (Pages & Menus)
Part 5 : ตดิ ต้งั และปรบั แตง่ ธมี (Theme)
Part 6 : เพิ่มลูกเล่นและติดตง้ั ปลกั๊ อิน (Widgets & Plugins)
Part 7 : อพั โหลดข้นึ โฮสจรงิ

2

Part 1 : แนะนาเกี่ยวกบั WordPress

WordPress เป็น CMS (Content Management System)

เหมาะสาหรับสรา้ งเว็บไซต์ ทาบลอ็ ก พฒั นาโดยใช้ภาษา PHP
ใชง้ านร่วมกับฐานขอ้ มูล MySQL

3

Part 1 : แนะนาเกยี่ วกบั WordPress

ข้อดีของ WordPress
1. เปน็ CMS แบบ OpenSource ประหยัดค่าใชจ้ ่าย
2. ปรบั แต่งธมี (Theme) ไดง้ า่ ยและมีใหเ้ ลอื กเยอะ
3. มีฟังกช์ น่ั การทางานมากมาย (Plugins/ Widgets)
4. จัดการขอ้ มูลในเวบ็ ไซตไ์ ด้ง่าย
5. อพั เดทง่าย

4

Part 1 : แนะนาเก่ยี วกบั WordPress

สถติ ิภาพรวมการใช้ CMS

ทีม่ า : W3Techs

5

Part 1 : แนะนาเก่ยี วกับ WordPress

ตัวอยา่ งเวบ็ ไซต์ท่ีสรา้ งจาก WordPress

• Bitly.com
• Discovery.com
• Time.com
• Neverland.naver.jp
• Shopathome.com

6

Part 2 : ตดิ ต้งั WordPress และโปรแกรมที่จาเปน็

วธิ ีการติดตัง้ WordPress และโปรแกรมที่จาเปน็
บน localhost (AppServ)

• ติดตง้ั Server จาลอง (AppServ)
• ติดต้งั WordPress

7

Part 2 : ติดต้งั WordPress และโปรแกรมทจี่ าเป็น วธิ กี ารตดิ ตั้ง AppServ

1 2
3 4

8

Part 2 : ตดิ ตั้ง WordPress และโปรแกรมท่จี าเปน็

5 Server Name: localhost
Email: ระบอุ ีเมล์ผูต้ ิดตงั้

9

Part 2 : ติดตัง้ WordPress และโปรแกรมที่จาเปน็

ระบรุ หสั ผา่ นให้ตรงกัน (**ควรจดบนั ทกึ )
6

10

Part 2 : ตดิ ตงั้ WordPress และโปรแกรมที่จาเปน็ 8

7

11

Part 2 : ตดิ ต้งั WordPress และโปรแกรมทจี่ าเปน็

การสรา้ งฐานข้อมูล

• เปิดเบราเซอร์ พมิ พ์ URL “localhost”
• คลกิ เลอื ก “phpMyAdmin Database Manager Version 2.10.3”

12

3

• ระบุช่ือผู้ใช้ : root
• รหสั ผา่ น : *******

12

Part 2 : ตดิ ต้ัง WordPress และโปรแกรมทจ่ี าเปน็

• ต้ังชื่อฐานข้อมลู จากนั้นคลกิ “สรา้ ง”

4

• จะปรากฎชอื่ 5
ฐานขอ้ มูลท่เี ราสรา้ ง
ทางซ้ายมือ

13

Part 2 : ตดิ ตง้ั WordPress และโปรแกรมที่จาเป็น

การติดตัง้ WordPress
• คัดลอกโฟลเ์ ดอร์ WordPress ไปวางใน Drive C:/AppServ/www

14

Part 2 : ติดต้งั WordPress และโปรแกรมที่จาเป็น

• เปิดเบราเซอร์ พมิ พ์ URL “localhost/wordpress”

• เลอื กภาษา
• คลิก Continue

15

Part 2 : ตดิ ตั้ง WordPress และโปรแกรมท่ีจาเป็น

• คลิก “Let’s go!”

16

Part 2 : ติดตงั้ WordPress และโปรแกรมท่จี าเป็น

• ระบุขอ้ มลู ตา่ งๆ ให้ถกู ตอ้ งและครบถว้ น จากนั้นคลกิ ปมุ่ “Submit”
และ Run the install ตามลาดับ

***

17

Part 2 : ตดิ ต้งั WordPress และโปรแกรมที่จาเปน็

• ระบขุ อ้ มูลต่าง ๆ ให้ครบถ้วน
จากน้ันคลกิ
“Install WordPress”

18

Part 2 : ติดต้งั WordPress และโปรแกรมทจ่ี าเป็น

กรณที ตี่ ดิ ต้ังเสรจ็ เรียบรอ้ ยจะปรากฎข้อความ “Success!”
จากนน้ั คลิก“Log in”

19

Part 2 : ตดิ ตั้ง WordPress และโปรแกรมทีจ่ าเปน็

• Log in เพ่อื เขา้ สู่หนา้ การจดั การเวบ็ ไซต์

20

Part 3 : สรา้ งเน้อื หา (Post)

สรา้ งเนื้อหา (Post)

1

2 • คลิกเมนูบาร์ Posts
จากน้ันคลืกเลือก Add New

21

Part 3 : สร้างเนื้อหา (Post)

3

4 5

สร้างเน้อื หา (Post)

22

Part 3 : สรา้ งเนื้อหา (Post) การใส่วดิ โี อลงในเน้อื หา (Post)

1 3
2

4

23

Part 4 : สรา้ งเพจและเมนู (Pages & Menus)

สร้างเพจ (Pages)
• คลิกเมนบู าร์ Pages

1 2 จากน้นั คลกื เลอื ก Add New

24

Part 4 : สรา้ งเพจและเมนู (Pages & Menus) 5

3
4

25

Part 4 : สรา้ งเพจและเมนู (Pages & Menus)

สร้างเมนู (Menu)

• คลิกเมนบู าร์ Appearance
จากน้นั คลืกเลือก Menus

1
2

26

Part 4 : สรา้ งเพจและเมนู (Pages & Menus)

• ท่ี Menu Name ตงั้ ชอ่ื เมนู จากน้นั คลกิ Create Menu

45

27

Part 4 : สรา้ งเพจและเมนู (Pages & Menus)

• ท่ี Pages ไปทแี่ ทบ็ View All คลิก Select All เพื่อเลอื กเพจท้งั หมด
จากน้นั คลกิ Add to Menu

6

78

28

Part 4 : สร้างเพจและเมนู (Pages & Menus)

• ท่ี Menu Settings คลกิ เครื่องหมาย / หน้า Main Header Menu
จากน้ัน คลกิ Save Menu

ย้ายลาดับเมนูไดโ้ ดยใช้เมาส์
เลอื่ นขึน้ -ลงตามตอ้ งการ

9

10

29

Part 5 : ติดต้งั และปรัปแต่งธมี (Theme)

ติดตั้งธมี (Theme) ทาได้ 3 วิธี

1. Add New Theme
2. Upload Theme
3. นาธีมทีด่ าวนโ์ หลดวางในตาแหนง่ ของโฟลเดอรท์ ่จี ดั เกบ็ ธมี

30

Part 5 : ตดิ ต้งั และปรัปแต่งธมี (Theme)

1. Add New Theme

• ไปทเ่ี มนบู าร์ Appearance > Themes
• คลิก “Add New”
• เลือกธมี ที่ตอ้ งการ จากน้นั คลิก“Install”
• คลกิ เลอื ก“Activate”

31

Part 5 : ติดตงั้ และปรปั แต่งธมี (Theme)

2. Upload themes…

• ไปทเี่ มนูบาร์ Appearance > Themes
• คลกิ “Add New”

• คลิก “Upload Theme”

• คลิกท่ี “เลอื กไฟล์”

• เลอื กไฟลท์ ีต่ ้องการ จากนนั้ คลกิ
“Install Now”

• คลิก“Activate” เพอื่ เปิดใช้งาน

32

Part 5 : ติดต้งั และปรัปแตง่ ธมี (Theme)

3. นาธีมที่ดาวน์โหลดวางในตาแหน่งของโฟลเดอรท์ ่จี ดั เกบ็ ธมี

33

Part 5 : ตดิ ตัง้ และปรัปแต่งธมี (Theme)

ส่วนประกอบของธีม (Theme)

• Header
• Content
• Sidebar
• Footer

34

Part 5 : ตดิ ต้งั และปรัปแตง่ ธมี (Theme)

การปรับแตง่ ธีม

• คลกิ เมนูบาร์ Appearance
จากนั้นเลอื ก Customize

1
2

35

Part 5 : ตดิ ตั้งและปรัปแตง่ ธมี (Theme)

• แกไ้ ขปรับเปลย่ี นธมี ตามตอ้ งการ จากนนั้ คลิก Save & Publish

4

3

36

Part 6 : เพมิ่ ลูกเล่นและตดิ ตั้งปลก๊ั อิน (Widgets & Plugins)

Widgets คอื เครอื่ งมอื เพม่ิ ความสวยงามใหก้ บั เว็บไซต์ จะฝงั อย่ใู น
Sidebar หรือ Footer

37

Part 6 : เพม่ิ ลูกเล่นและตดิ ตั้งปล๊กั อิน (Widgets & Plugins)

การเพ่มิ ลกู เลน่ (Widgets)

• คลกิ เมนบู าร์ Appearance
จากนน้ั เลือก Widgets

1
2

38

Part 6 : เพมิ่ ลกู เล่นและตดิ ตัง้ ปลั๊กอนิ (Widgets & Plugins)

• เลอื ก Widgets และตาแหน่งทตี่ อ้ งการจดั วาง จากนั้น คลิก Add Widgets

3
4

5

39

Part 6 : เพมิ่ ลูกเลน่ และตดิ ต้งั ปลกั๊ อิน (Widgets & Plugins)

ปลั๊กอนิ (Plugin) คือเคร่อื งมือเสริมความสามารถในแตล่ ะด้าน
ให้กับ WordPress

40

Part 6 : เพ่มิ ลูกเลน่ และตดิ ต้งั ปล๊ักอนิ (Widgets & Plugins)

การตดิ ตงั้ ปลัก๊ อนิ (Plugin) ทาได้ 2 วิธี
วิธีที่ 1 : Add New
วธิ ที ี่ 2 : Upload Plugin

41

Part 6 : เพมิ่ ลกู เลน่ และตดิ ตั้งปลั๊กอนิ (Widgets & Plugins)

วธิ ีท่ี 1 : Add New

• คลิกเมนูบาร์ Plugins จากนั้น
เลอื ก Add New

1
2

42

Part 6 : เพ่มิ ลกู เล่นและตดิ ต้ังปลัก๊ อนิ (Widgets & Plugins)

• เลอื กปลั๊กอินท่ีตอ้ งการติดตงั้ จากนัน้ คลิก Install Now

3

• คลกิ Activate Plugins เพ่ือเปิดใชง้ าน

43

Part 6 : เพมิ่ ลูกเล่นและตดิ ตั้งปล๊กั อนิ (Widgets & Plugins)

วธิ ีที่ 2 : Upload File

• คลิกเมนบู าร์ Plugins จากนนั้
เลือก Add New

1
2

44

Part 6 : เพ่ิมลกู เล่นและตดิ ตั้งปล๊กั อนิ (Widgets & Plugins)

• คลกิ Upload Plugin

45

Part 6 : เพมิ่ ลกู เลน่ และตดิ ตั้งปลก๊ั อิน (Widgets & Plugins)

• เลือกไฟล์ปลั๊กอินท่ีต้องการตดิ ตง้ั (.zip) จากนั้น คลิก Install Now

• Activate Plugins เพอ่ื เปิดใชง้ าน

46

Part 7 : อพั โหลดขนึ้ โฮสจริง

ขน้ั ตอนการอพั โหลด
• Export Database จาก phpMyAdmin
• สร้างและ Import Database ลงบนโฮส
• อพั โหลดไฟล์ WordPress
• แกไ้ ขไฟล์ wp-config.php ให้ถกู ต้อง
• เปดิ permission โฟลเ์ ดอร์ wp-content/uploads เปน็ 777

47

สอบถามขอ้ มูลเพิ่มเติม >>

ธชั ชา นามนนท์
[email protected]

Tel.02-470-8239

ปญั จลักษณ์ ธาดาวธุ
[email protected]

Tel.02-470-9692

48