การสร้างและบริหารจัดการเว็บไซต์ด้วยเวิร์ดเพรสมงคล เต็งรุ่งโรจน์ ศูนย์คอมพิวเตอร์ มหาวิทยาลัยขอนแก่น

1

เนื้อหา (วันแรก)

•แนะน า WordPress •การติดตั้ง / ใช้งาน XAMPP การสร้างฐานข้อมูล การติดต้ัง WordPress•การใช้งาน Admin Panel การก าหนดค่าต่างๆ ของ WordPress •การจัดการเนื้อหาใน WordPress •การจัดการ Link, Post, Page การจัดการไฟล์สื่อ (Media) ต่างๆ

2

เนื้อหา (วันที่สอง)

•การจัดการเมนู การสร้างเมนูเว็บไซต์ •การจัดการ Widget•การติดตั้ง ค้นหา ใช้งาน plug-in (ส่วนเสริม) •การติดตั้ง ใช้งานและปรับแต่ง Theme มาตรฐาน

3

แนะน า WordPress

4

แนะน า WordPress (ต่อ)

5

แนะน า WordPress (ต่อ)

6

ขั้นตอนการติดตั้ง WordPress

1. ติดตั้งเว็บเซิร์ฟเวอร์ (Apache) 2. เตรียมฐานข้อมูล (MySQL)3. ก าหนดผู้ใช้งานส าหรับจัดการฐานข้อมูล4. ติดตั้ง WordPress ลงบนเซิร์ฟเวอร์

7

https://www.apachefriends.org/

เลือกโปรแกรม ตาม OS ที่จะติดตั้ง8

การติดตั้งโปรแกรม XAMPP

เลือกเฉพาะ Apache และ MySQL Server

9

การติดตั้งโปรแกรม XAMPP

เลือกต าแหน่ง ที่จะติดตั้งโปรแกรม

10

การติดตั้งโปรแกรม XAMPP

11

XAMPP Control Panel

12

http://localhost

เลือกภาษา

เมนู

13

http://localhost/phpmyadmin

14

การสร้างผู้ใช้งาน และฐานข้อมูล

คลิกที่ปุ่ม Add user เพื่อสร้างผู้ใช้งานฐานข้อมูลใหม่

15

การสร้างผู้ใช้งาน และฐานข้อมูล (ต่อ)

กรอกข้อมูลดังนี้ User name : wordpress Host : localPassword : wordpress123Re-type : wordpress123

คลิกเลือก option เพื่อสร้างฐานข้อมูลและก าหนดสิทธิ์การใช้งาน ให้ user

16

การสร้างผู้ใช้งาน และฐานข้อมูล (ต่อ)

ผู้ใช้งาน ที่ถูกสร้างขึ้น

ฐานข้อมูล ที่ถูกสร้างขึ้น

17

ติดตั้ง WordPress

18

https://th.wordpress.org

คลิกเพื่อดาวน์โหลดชุดติดตั้ง

ติดตั้ง WordPress (ต่อ)

19

ท าการคลายการบีบอัด และวางไว้ที่ไดร์ฟทีต่ิดตั้ง:\xampp\htdocs\wordpress

ติดตั้ง WordPress (ต่อ)

20

เปิดบราวเซอร์ แล้วไปที่ http://localhost/wordpress

ติดตั้ง WordPress (ต่อ)

21

เตรียมข้อมูลที่จ าเป็น แล้วคลิกที่ปุ่ม “เริ่มท างานได้”

ติดตั้ง WordPress (ต่อ)

22

กรอกข้อมูลตามที่เตรียมไว้ แล้วคลิกที่ปุ่ม “ส่ง”

ติดตั้ง WordPress (ต่อ)

23

ตรวจสอบความเรียบร้อยแล้วคลิกที่ปุ่ม “ด าเนินการติดต้ัง”

ติดตั้ง WordPress (ต่อ)

24

กรอกรายละเอียดเพิ่มเติม ของเว็บไซต์ แล้วคลิกที่ปุ่ม “ติดตั้งเวิร์ดเพรส”

ติดตั้ง WordPress (ต่อ)

25

ติดตั้งเรียบร้อยแล้ว คลิกที่ปุ่ม “เข้าสู่ระบบ”

ติดตั้ง WordPress (ต่อ)

26

กรอก “ชื่อผู้ใช้” และ “รหัสผ่าน”คลิกที่ปุ่ม “เข้าสู่ระบบ”

ภาพรวมของ WordPress

Front end Back end

27

หน้าควบคุม (Dashboard)

28

แถบเครื่องมือ (Tools Bar)

ภาพรวมของเว็บไซต์เมนู (Menu)

อัปเดต เวิร์ดเพรส

29

รายการอัปเดต

ตั้งค่าทั่วไป

30

การตั้งค่าเว็บไซต์

Page (หน้า) VS Post (เรื่อง)

31

http://www.proqblog.com/what-is-the-difference-between-posts-vs-pages-in-wordpress/

หน้า (Page)

32

เรื่อง (Post)

33

หมวดหมู่ (Category)

34

ป้ายก ากับ (Tag)

35

คลังไฟล์สื่อ (Media)

36

37

จบวันแรก