SlideShare a Scribd company logo
การสร้างและบริหารจัดการเว็บไซต์ด้วยเวิร์ดเพรส
มงคล เต็งรุ่งโรจน์ ศูนย์คอมพิวเตอร์ มหาวิทยาลัยขอนแก่น
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 : local
Password : wordpress123
Re-type : wordpress123
คลิกเลือก option เพื่อสร้างฐานข้อมูล
และกาหนดสิทธิ์การใช้งาน ให้ user
16
การสร้างผู้ใช้งาน และฐานข้อมูล (ต่อ)
ผู้ใช้งาน ที่ถูกสร้างขึ้น
ฐานข้อมูล ที่ถูกสร้างขึ้น
17
ติดตั้ง WordPress
18
https://th.wordpress.org
คลิกเพื่อดาวน์โหลดชุดติดตั้ง
ติดตั้ง WordPress (ต่อ)
19
ทาการคลายการบีบอัด และวางไว้ที่
ไดร์ฟที่ติดตั้ง:xampphtdocswordpress
ติดตั้ง 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
จบวันแรก

More Related Content

KEY
คู่มือการติดตั้ง Wordpress บน AppServ
PDF
Blog with Wordpress
PDF
สร้างเว็บไซต์ด้วยWordpress
PDF
Build Website with Joomla! 3.3
PDF
เว็บสำเร็จรูป
PDF
Joomla 3.4 Workshop by Marvelic Engine
PDF
PDF
Joomla 3.2 workshop at PIM.ac.th
คู่มือการติดตั้ง Wordpress บน AppServ
Blog with Wordpress
สร้างเว็บไซต์ด้วยWordpress
Build Website with Joomla! 3.3
เว็บสำเร็จรูป
Joomla 3.4 Workshop by Marvelic Engine
Joomla 3.2 workshop at PIM.ac.th

What's hot (20)

PDF
Joomla 2.5-netdesign
PDF
Joomla คืออะไร
PDF
คู่มือ Joomla
PDF
JoomlaTalk#9 - Joomla Security
PDF
คู่มือ อบรม Joomla! 3.x
PDF
Joomla 3.7 Workshop 1 Day
PDF
Wordpress
PDF
Many Solutions with Joomla!
PDF
เนื้อหา1
PDF
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
PDF
คู่มือการใช้งานระบบ E commerce
PDF
JoomlaDay Bangkok 2014 - Various Solutions by Joomla!
PDF
Joomla Mastering at NetDesign School
PDF
Joomla NetDesign2
PDF
Php training
PDF
Doc2
PDF
Joomla3 : XAMPP Portable
PPT
20100806 wordpress-server2 go
Joomla 2.5-netdesign
Joomla คืออะไร
คู่มือ Joomla
JoomlaTalk#9 - Joomla Security
คู่มือ อบรม Joomla! 3.x
Joomla 3.7 Workshop 1 Day
Wordpress
Many Solutions with Joomla!
เนื้อหา1
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
คู่มือการใช้งานระบบ E commerce
JoomlaDay Bangkok 2014 - Various Solutions by Joomla!
Joomla Mastering at NetDesign School
Joomla NetDesign2
Php training
Doc2
Joomla3 : XAMPP Portable
20100806 wordpress-server2 go
Ad

Similar to Wordpress day01 MoT (20)

PDF
Presentation wordpress
PDF
บทที่ 3
DOC
แผนการสอน เว็บไซต์ ม.5
PDF
Php dreamwaver
PPT
20100806 wordpress-server2 go
PPT
wordpress-server2
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PDF
หน่วยที่ 02
PDF
คำชี้แจง
PDF
4แผนการจัดการเรียนรู้รายหน่วย
PDF
การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress)
PDF
1. ความรู้เกี่ยวกับการ web programming
PDF
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
PDF
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์ ครูสมร
PDF
แบบร่างโครงงาน
PDF
2010012 Wordpress Com Boonkiat
PDF
2010012 wordpress-com-boonkiat
Presentation wordpress
บทที่ 3
แผนการสอน เว็บไซต์ ม.5
Php dreamwaver
20100806 wordpress-server2 go
wordpress-server2
20100806 wordpress-server2 go
20100806 wordpress-server2 go
20100806 wordpress-server2 go
20100806 wordpress-server2 go
หน่วยที่ 02
คำชี้แจง
4แผนการจัดการเรียนรู้รายหน่วย
การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress)
1. ความรู้เกี่ยวกับการ web programming
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์ ครูสมร
แบบร่างโครงงาน
2010012 Wordpress Com Boonkiat
2010012 wordpress-com-boonkiat
Ad

More from Mongkon Cheeva-aree Tengrungroj (6)

PPT
Performance Improvement of RFID System in Mass Races
PPTX
สาระน่ารู้เกี่ยวกับการจ้าง
PDF
การติดตั้งและใช้งาน Dropbox
PPTX
A Spatial Decision Support System for Wireless Local Area Network.
Performance Improvement of RFID System in Mass Races
สาระน่ารู้เกี่ยวกับการจ้าง
การติดตั้งและใช้งาน Dropbox
A Spatial Decision Support System for Wireless Local Area Network.

Wordpress day01 MoT