More Related Content Similar to Blog : Wordpress
Similar to Blog : Wordpress (20) More from National Science and Technology Development Agency (NSTDA) - Thailand
More from National Science and Technology Development Agency (NSTDA) - Thailand (20) Blog : Wordpress1. 1
เว็บไซตงายๆ และชุมชนออนไลนดวย Blog
Blog เปนคําผสมของคําวา Web และ Log โดย Log จะหมายถึงการจดบันทึก ดังนั้น
Blog จึงเปนรูปแบบการจดบันทึกเนื้อหาผานเว็บไซต ที่อนุญาตใหผูอานแสดงความคิดเห็น
ประกอบเนื้อหาของเราได ลักษณะจะคลายๆ กับ Web board แตโดยมาก Blog จะมีเนื้อหา
เฉพาะมากกวา Web board
การสราง Blog
การสราง Blog ไมใชเรื่องยาก ปจจุบันมีทั้งบริการฟรีบนเว็บ เชนเว็บไซต
http://blogger.com หรือ http://blog.com รวมทั้ง http://wordpress.com และ
http://www.blogetery.com ที่อนุญาตใหผสนใจสมัครสมาชิกและสราง blog สวนตัวได โดยที่
ู
เว็บไซตทั้ง 2 เว็บนั้นก็ใชซอฟตแวรตวเดียวกัน หรือจะดาวนโหลดซอฟตแวรมาสราง blog ที่
ั
Server เองก็สามารถทําได ซึ่งซอฟตแวรที่ใชนั้นก็อยูในกลุม Open Source เชน
http://wordpress.org ที่อนุญาตใหดาวนโหลดโปรแกรมมาติดตั้งที่เครื่องของเราเองเพื่อสราง
blog ไดตามตองการ
จําลองเครื่องเปน Server ดวย Appserv
หลายๆ ทานที่สนใจใชงาน Wordpress คงมีปญหาเกี่ยวกับพื้นที่บริการเว็บ (Web
Hosting )เนื่องจากตองอาศัยเครื่องแมขายเว็บ (Web Server) ที่ติดตั้งโปรแกรมภาษา PHP
ฐานขอมูลMySQL แตปญหานี้หมดไปไดโดยการจําลองเครื่องพีซีธรรมดาใหเปนเครื่องแมขาย
เว็บแบบจําลอง ทั้งนี้โปรแกรมจําลองเครื่องพีซีเปนเครื่องแมขายเว็บจําลอง มีหลายโปรแกรม
เชน XAMPP หรือ AppServ ทั้งนี้โปรแกรมที่จะแนะนําในเอกสารคูมือนี้คือ AppServ โปรแกรม
สําเร็จรูปที่ประกอบดวยโปรแกรมจําลองเครื่องแมขายเว็บ Apache โปรแกรมจัดการฐานขอมูล
MySQL และโปรแกรมแปลภาษา PHP ไวดวยกัน รุนปจจุบันดาวนโหลดไดที่เว็บไซต
http://www.appservnetwork.com
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
2. 2
ไฟลที่ดาวนโหลดมาได คือ appserv-win32-2.5.9.exe เมื่อดับเบิลคลิกจะปรากฏสวน
ติดตั้งโปรแกรม ดังนี้
จากจอภาพตอนรับการติดตั้ง AppServ ใหคลิกปุม Next เพื่อเขาสูสวนลิขสิทธิ์
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
3. 3
คลิก I Agree เพื่อยอมรับลิขสิทธิ์การใชงานเชนกัน
จอภาพถัดไปคือระบุไดรฟ และโฟลเดอรสําหรับติดตั้ง Appserv โดยโปรแกรม
กําหนดไวที่ไดรฟ C โฟลเดอร AppServ ใหคลิก Next เพื่อยอมรับการกําหนดไดรฟและ
โฟลเดอร
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
5. 5
สวนสําคัญในการติดตั้ง คือ
1. การระบุชื่อเครื่องแมขายเว็บ (Server Name) กรณีที่เปนการติดตั้งจําลองมักจะ
ระบุเปน localhost (สําหรับการติดตั้งจริง จะตองสอบถามจากผูดูแลเครื่องแม
ขายเว็บโดยตรง)
2. การระบุอีเมลของผูดูแล (Administrator’s Email Address)
3. การระบุหมายเลขชองทางติดตอ (Apache HTTP Port) มักจะระบุเปนเลข 80
1. กําหนดรหัสผานของการเขาถึงฐานขอมูล MySQL ในรายการ Enter root
password และระบุซ้ําในรายการ Re-enter root password
2. เลือกรหัสภาษาไทยใหถูกตองตามคากําหนดของเครื่องแมขาย กรณีนี้ควรระบุ
เปน UTF-8 Unicode หรือ TIS-620 (ตามขอกําหนดของเครื่องแมขายเว็บ)
Account ชุดแรกที่ตองจําคือ Account ควบคุมฐานขอมูล MySQL โดย
UserName คือ root
Password คือ ..............................................
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
6. 6
เมื่อระบุคาเกียวกับการเขาถึงฐานขอมูล MySQL แลวใหคลิกปุม Install เพื่อเริ่มติดตั้ง
่
โปรแกรมตางๆ ของ AppServ
จอภาพแสดงผลเมื่อการติดตั้งสมบูรณ
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
7. 7
คลิกเลือก Start Apache และ Start MySQL เพื่อใหโปรแกรมทั้งสองทํางาน จากนั้น
คลิกปุม Finish เพียงเทานีก็เสร็จสิ้นการติดตั้ง AppServ ซึ่งสามารถทดสอบไดโดยเปด
้
เว็บเบราวเซอร จากนั้นพิมพคําสั่ง http://localhost หรือ http://127.0.0.1
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
8. 8
ติดตั้ง Worpress
พีซีธรรมดาไดถูกจําลองเปนเครื่องแมขายเว็บแลว ตอนนี้ก็ถึงเวลาทีจะติดตั้ง Joomla
่
เพื่อเนรมิตเว็บไซตภายในไมกี่นาที โดยเริ่มจากดาวนโหลดโปรแกรม Wordpress 2.8 รุนลาสุด
(2.8 ณ วันที่ 22 มิถุนายน 2552) จากเว็บไซต http://www.wordpress.org
เลือกเวอรชันที่ตองการ
ไฟลที่ดาวนโหลดมาไดคือ wordpress-2.8.zip ใหแตกไฟลซึ่งจะไดโฟลเดอรชื่อ
wordpress
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
9. 9
ซึ่งไฟลทั้งหมดในโฟลเดอรดังกลาวคือไฟลตนฉบับของ Wordpress ใหคัดลอก
โฟลเดอรนี้ ไปไวที่โฟลเดอร www ของ AppServ แลวเปลี่ยนชื่อโฟลเดอรตามตองการ เชน ถา
ตองการสรางเว็บไซตของตนเอง ก็ใชชื่อตัวเปนชื่อโฟลเดอร หรือเว็บหนวยงาน ก็อาจจะใชชื่อ
ยอของ หนวยงานเปนชื่อโฟลเดอร (ตัวอยางขอใชชื่อ wordpress)
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
10. 10
สรางฐานขอมูล
ตอนนี้ก็พรอมจะติดตั้ง Wordpress แตกอนที่จะติดตั้ง wordpress ไดนั้นจะตองมีการ
สราง ฐานขอมูลขึ้นกอนเพือใหในระหวางติดตั้งโปรแกรมจะสรางตารางใหในฐานขอมูลนี้ ซึ่งมี
่
วิธีการโดยเปดเบราวเซอร แลวพิมพคําสัง http://localhost/
่
คลิกที่รายการคําสั่ง phpMyAdmin Database Manager Version 2.10.2
ปอน Username และ Password ที่ไดสรางจากการติดตั้ง Appserv
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
12. 12
ติดตั้ง Wordpress
เมื่อสรางชื่อฐานขอมูลแลวก็จะเขาสูการติดตั้ง Blog โดยเริ่มจากการเปดเบราวเซอร
แลวใหพิมพที่ Address Bar ดวยคานี้ http://localhost/wordpress (ชื่อโฟลเดอรที่ไดสรางไว
และมีการคัดลอกโปรแกรม Worpress ไปไวในขั้นตอนกอนหนานี้)
คลิกที่ปุม Create a Configuration File
หนาจอยินดีตอนรับ ใหคลิกปุม Let’s go! เพื่อเขาสูการติดตั้ง
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
13. 13
ปอนรายละเอียดตางๆ เพื่อใชในการติดตัง Blog
้
• Database ชือฐานขอมูลทีไดสรางไวกอนหนานี้ ในทีนี้ใหใชคําวา wordpress
่ ่ ่
• UserName ชื่อที่ใชในการติดตอฐานขอมูล (ผูดูแลระบบจะเปนผุแจงใหในกรณีที่ตดตั้ง ิ
บนเครื่องแมขาย) ในที่นี้ใชคําวา root
• Password รหัสผานที่ใชคกับ UserName ขึ้นกับตอนติดตั้ง Appser วาไดตั้งคาวา
ู
อะไร
• Database Host ชื่อ Host (ขึ้นอยูกับเครืองแมขายนั้นวาใชชื่อวาอะไร) ในที่นี้ใชคาวา
่ ํ
localhost
• Table Preflx ชื่อนําหนาฐานขอมูลแตและตาราง
เมื่อตั้งคาทุกอยางเรียบรอยแลวใหคลิกปุม Submit เพือเขาสูขั้นตอไป
่
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
14. 14
เขาสูหนาจอติดตั้งฐานขอมูลเพื่อใหสามารถใชงาน Blog ได หากไมขึ้นหนานี้แสดงวา
ขั้นตอนกอนหนานี้จะตองมีอะไรผิด เชน ชื่อที่ใชงานการติดตอฐานขอมูลไมถูกตอง หรือยังไมได
สรางชื่อฐานขอมูล เปนตน
กรอกชื่อ Blog และ อีเมลทใชในการติดตอ เมื่อกรอกรายละเอียดเรียบรอยแลวใหคลิก
ี่
ปุม Install Wordpress
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
15. 15
ระบบจะแจง Username และ Password ที่ใชในการเขาระบบครั้งแรก เมื่อได
UserName และPassword แลวแนะนําใหรีบเปลียน Password เปน รหัสผานที่คณจําได
่ ุ
เขาสูระบบดวยปุม LogIn
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
16. 16
หนาจอเมื่อเขาสูระบบเรียบรอย ซึ่งใหสังเกตขอความทีอยูในกรอบสีแดง โปรแกรมจะ
่
แนะนําใหรีบแกไขรหัสผานซึ่งสามารถเขาไปแกไขดวยคําสั่ง Yes, Take me to my profile
page แตหากไมตองการแกไขใหตอบ No Thanks, Do not remind me again
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
17. 17
ปอนรหัสผานใหมพรอมทั้งยืนยันรหัสผาน โดยรหัสผานที่คุณแกไขโปรแกรมจะมีคํา
เตือนมาใหวางายตองการคาดเดาหรือยาก เมื่อแกไขเรียบรอยแลวใหคลิกปุม Update Profile
ก็จะไดรหัสผานใหมที่คุณจําไดงายกวาที่ระบบสรางใหแลวนะครับ
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
18. 18
สราง Blog ที่ Wordpress.com
ในการสราง blog ดวยโปรแกรม Wordpress นั้นหากเครื่องเราไมพรอมที่จะจําลอง
เครื่องเปน Server นั้นหรือไมมีความพรอมดาน Server เราก็สามารถที่จะติดตั้ง Blog ได ดวย
การไปฝากไวที่ wordpress.com ไดเลยซึ่งการติดตั้งก็ไมยาก ซึ่งจะมีขั้นตอนดังนี้
• เขาเว็บไปที่ www.wordpress.com
• คลิกปุม Sign Up Now!
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
19. 19
• กรอกรายละเอียดตางๆ ที่ใชเปนขอมูลในการลงทะเบียน โดยขอมูลที่กรอกจะตอง
เปนขอมูลจริง โดยเฉพาะอีเมล เนื่องจากจะตองยืนยันตัวตนจริงผานทางอีเมล และ
คลิกปุม Next
• เมื่อลงทะเบียนผานแลวทาง wordpress.com จะแจงใหทราบวา URL ที่ใชเรียกเขา
เว็บไซตคือ URL อะไร และมีชื่อเว็บไซตวาอะไร สามารถเปลี่ยนภาษาเปนภาษาที่
ตัวเองถนัดไดที่รายการคําสัง Language เมื่อตั้งคาเรียบรอยแลวใหคลิกปุม Signup
่
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
20. 20
• เมื่อผานขั้นตอนเมื่อกี้แลวโปรแกรมจะใหเราไปเช็คเมลวามีเมลจาก
wordpress.com หรือไมโดยเนื้อหาในเมลจะมีตามภาพ เมื่อไดรับเมลแลวใหคลิกที่
URL ที่ทาง wordpress ไดแจงมา เพื่อเปนการยืนยันวาเราจะใชงานเว็บไซตนี้
• โดย URL ที่เราคลิกไปนั้นทาง wordpress.com จะแจง Username และ Password
ใหหากขึ้นหนาจอนี้แสดงวาการติดตั้งสําเร็จคุณมีเว็บไซตเรียบรอยแลว
• ลองเขาสูระบบดวย Username ที่ทางระบบแจง
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
21. 21
• เมื่อ Login สําเร็จจะไดหนาจอดังนี้ ซึ่งหนาจอนี้เปนหนาจอ BackEnd
• สวนหนาจอเว็บไซตก็เรียบผาน URL ที่ไดแจงไวกอนหนานี้ ซึ่งปกติจะเปน
http://username.wordpress.com ตัวอยางนี้ก็คือ
http://boonkiat00007.wordpress.com
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
22. 22
รูจักกับสวนตางๆ ของ Wordpress
เว็บไซตตัวอยางของ Wordpress ไดติดตังเรียบรอยแลว การเขาสูเว็บไซตเมื่อติดตั้ง
้
เรียบรอยแลวทําไดโดยพิมพ URL ดังนี้ http://localhost/ชื่อโฟลเดอร หรือ http://127.0.0.1/ชื่อ
โฟลเดอร ตัวอยาง http://localhost/wordpress โดยรายละเอียดของหนาเว็บคงไมมีอะไรมากไว
ใชในการแสดงผล
• เนื้อหา คือ ขาวหรือความรูที่ผูเขียน Blog ตองการนําเสนอโดยเนื้อหาของใหมจะอยูขาง
บนสุดเสมอ
• เมนูอื่น คือ ปุมเครื่องมือที่ใหเขาถึงเนื้อหาไดโดยงาย ผานทาง Categories เปนตน
• เมนูเขาสูระบบ คือ เมนูที่ไวเขาไปใสเนื้อหาหรือจัดการระบบ
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
23. 23
เขาสูระบบ BackEnd
ในการจัดการเนื้อหาตางๆ หรือจัดการระบบเราจะตองเขาสูระบบทีเรียกกันทั่วไปวา
BackEnd โดยในการเขามาที่ระบบนีไดนั้นก็มี 2 วีธี คือ
้
1. ผานทางเมนูหนาเว็บในสวนที่มีคําวา Meta จะมีคําวา Login อยูใหคลิกที่คําสั่งนี้แลว
โปรแกรมจะใหใส UserName และPassword
2. เขาโดยการพิมพ URL ที่ Address Bar ดวยคําวา http://localhost/wordpress/wp-
login.php ก็จะสามารถเขาสูระบบไดเหมือนกัน ในกรณีสวนใหญจะใชตอนที่รายการ
คําสั่ง Meta หายไปคือมีการปรับแตงหนาเว็บแลวลืมใสเขามาดวย หรือเปลี่ยน
Template แลว Template นั้นไมมีคําสั่งนี้มาให เปนตน
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
24. 24
สวนตางของระบบ BackEnd
เมื่อเขาสูระบบไดแลวจะปรากฎหนาหลักโดยในหนานี้จะบอกรายละเอียดทั้งหมดของ
เว็บวาตอนนีมีบทความแลวกี่บทความ มี comment แลวกี่ comment และหากตองการใสเนือหา
้ ้
อยางรวดเร็วก็สามารถใสไดที่หนาจอนี้ ซึ่งสวนตางๆ ของหนาจอนี้มีอะไรบางซึ่งหนาจอนี้จะ
เรียกวา Dashboard ในตอนนี้เรามาทําความรูจักสวนสําคัญๆ กันหนอย โดยขอเริ่มจาก
1. Right Now เปนสวนที่แสดงวาเนื้อหาตอนนี้ทั้งหมดเทาไหรโดยแบงเปน Post, Page,
Category เปนตน ซึ่งหากตองการแกไขเนื้อหาไหนหรือตองการดูเนื้อหาทั้งหมดใหคลิก
ที่ตวเลขที่ปรากฏก็จะเขาสูหนาจอแสดงเนื้อหาทั้งหมด อีกทั้งในสวนนี้ยังสามารถ
ั
เปลี่ยนหนาจอเว็บไซตไดดวยปุม Change Theme
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
25. 25
2. QuickPress เปนสวนที่ไวใสเนื้อหาแบบ Post อยางรวดเร็วโดยใสแคชื่อเรื่อง (Title),
เนื้อหา (Content), คําคน (Tag) และเมื่อใสเนื้อหาเรียกรอยแลวก็สามารถคลิกปุม
Publish เพื่อนําเสนอผานเว็บไซตไดเลย
3. Recent Comments เปนสวนที่แสดงวาตอนนี้มีคนมา Comments อะไร ซึ่งเราสามารถ
ที่จะจัดการ comments ไดวาจะใหเผยแพรหรือไม หรือที่เรียกวาการอนุมัติให
comments นี้แสดงผลหรือไมนั่นเอง เพราะหากเปนขอความที่ไมเหมาะสมและได
เผยแพรกอนที่จะมีการอนุมัติก็ทําใหเว็บเราผิดกฎหมายไดหากเนื้อหานั้นไปโจมตีใคร
หรือมีขอความที่ผิดกฎหมายขึ้นไปแสดง
4. Recent Drafts เปนสวนที่แสดงวาตอนนีมีเนื้อหาที่ได Save Drafts ไวคําวา Save
้
Drafts คือเนื้อหาที่เขียนนันยังไมเสร็จและยังไมเผยแพรไมวาจะดวยสาเหตุใดก็ตามที่
้
ยังเขียนไมเสร็จ ซึ่งระบบก็ยอมใหมี Save Drafts เพื่อตรวจสอบเนื้อหากอนที่จะ
Publish โดยจะแสดงใหเห็นวามีเนื้อหาอะไรบาง ซึ่งหากไมแสดงอาจจะทําใหคนที่เขียน
ลืมไดวาตอนเราไดเขียนอะไรไป เปนการเตือนความจําไดอีกวิธีหนึ่ง
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
26. 26
5. เมนูตางๆ เปนเมนูที่ใชในการจัดการเรื่องใดเรื่องหนึ่ง
• Posts จัดการเนื้อหาที่เขียนขึ้นดวยการ Posts
• Media จัดการสื่อภายนอกที่ตองการ upload เขาระบบ
• Links จัดการดานเว็บลิงก
• Pages จัดการเนื้อหาที่เขียนขึ้นดวย Pages
• Comments จัดการกับความคิดเห็นที่เขามา
• Appearance จัดการดานเมนูตางๆ และหนาตางเว็บไซต
• Plugins จัดการโปรแกรมเพิ่มเติมเชน ใหมี Poll ดวย
• Users จัดการเกี่ยวกับผูใช เพิ่มหรือลบ
• Tools เครื่องมือที่ชวยเพิ่มความสามารถใหกับเบราวเซอร
• Settings ตั้งคาระบบตางๆ
6. สวนอื่นๆ เปนสวนที่แจงขาวจากเว็บไซตวามีอะไรใหม หรือมีการปรับปรุงโปรแกรม ซึ่ง
หากไมตองการสามารถปดไดดวยปุมเครืองมือที่ชื่อวา Screen Options โดยที่รายการ
่
ไหนไมอยากใหแสดงก็ใหเอาเครื่องหมายถูกออก
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
27. 27
สรางเนื้อหา
ในการสรางเนื้อหานั้นจะมี 2 แบบคือ Pages และ Posts ซึ่งความแตกตางระหวางการ
เขียนทั้ง 2 แบบคือ ถาเปน Pages จะเปนเนื้อหาที่ไมคอยเคลื่อนไหว และในการเขาถึงเนื้อหา
จะผานทางเมนู สวน Posts นั้นจะเปนเนื้อหาที่มีการ Update ตลอดเวลา และในการเขาถึง
เนื้อหาผานทางหนาเว็บ หรือผานทาง Category เปนตน
เขียนเรื่องราว
การเขียนเนื้อหานั้นสามารถทําไดที่หนา Dashboard ในสวนของ QuickPress เมื่อใส
รายละเอียดตางๆ แลวก็ใหกดปุม Publish แตหากเนื้อหาที่ตองการนําเสนอยังไมเสร็จแตไม
อยากมาเขียนใหมใหคลิกปุม Save Draft จะเปนการบันทึก Draft ไวกอนรอกลับมาแกไขอีก
ครั้ง
• Title ชื่อเรื่อง
• Content เนื้อหาที่แบบระบเอียด
• Tags คําคน หรือ คําที่ใชในการกํากับเนื้อหานี้
• Publish ปุมสําหรับเผยแพรผานหนาเว็บ
เนื้อหาที่เขียนในสวนนี้ โปรแกรมไดอํานวยความสะดวกในการใสเนือหาอยางรวดเร็ว
้
แตสังเกตเห็นนะครับวาเครืองมือในสวนนี้จะไมคอยมีเครื่องมือใหปรับแตงอะไรมากนักซึ่งหาก
่
จะเพิ่มตารางหรือเปลี่ยนสีของฟอนตจะไมสามารถทําไดเพราะฉะนันเครื่องมือในสวน
้
QuickPress จะเหมาะแกการใสเนื้อหาอยางรวดเร็ว หากจะปรับแตงใหสวยจะตองคลิกที่
เครื่องมืออื่น
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
28. 28
เขียนเนื้อหาผานปุม New Post
ในการเขียนเนื้อหาที่ตองการเครื่องมือเพิ่มเติมนั้นจะตองใชปุม New Post ในการเขียน
ซึ่งจะมีเครื่องมือใหเราปรับแตงไดมากขึ้นไมวาจะเปนการใสตาราง เปลี่ยนสีฟอนต หรือใส link
ใหกับขอความ เปนตน ก็ตองเขามาทํางานในสวนนี้ แมกระทั่งคนทีถนัด HTML ก็จะตองเขามา
่
เขียนในโหมด HTML ซึ่งจะมีเครื่องมือใหดวย โดยปุมนี้จะอยูที่ดานบนของหนา Dashboard
เมื่อคลิกที่ปุม NewPost แลวจะไดหนาจอดังนี้
จะเห็นนะครับวามีรายการคําสั่งใหเรากรอกเยอะมา แตในการใสเนื้อหาจริงๆ จะใสไมกี่รายการ
แบงเปนสวนๆ ไดดังนี้
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
29. 29
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
30. 30
อัพโหลดไฟล
ในการใสเนื้อหาบางครั้งไมไดแสดงแคขอความเทานัน อาจจะมีภาพประกอบหรือ วีดีโอ
้
ประกอบเนื้อหาที่เราใสเขาไป ซึ่ง Wordpress ก็ไดเตรียมปุมที่ใชในการอัพโหลดไฟลเขาระบบ
เพื่อดึงมาแสดงผลโดยปุมที่จะแนะนําตอไปนี้ก็คือปุมที่ชื่อวา Upload/Insert ประกอบไปดวยปุม
Add an Image ใสภาพ
Add Video ใสวีดีโอ (ขึ้นอยูกับ Server วาอนุญาตใหใสหรือไม)
Add Audio ใสเสียง (ขึ้นอยูกับ Server วาอนุญาตใหใสหรือไม)
Add Media ใสสื่อรูปแบบอื่นๆ
ขั้นตอนการใสภาพในเนื้อหา
• ใหวางตําแหนงเคอรเซอรตรงจุดที่ตองการนํารูปภาพ
• คลิกที่ปุม Add an Image จะไดหนาจอดังภาพ
• คลิกปุม Select Files เพื่อเลือกภาพที่ตองการนํามาแสดง แลวคลิกปุม Open หรือจะ
ดับเบิลคลิกทีรูปภาพก็ได
่
• ระบบจะทําการโหลดภาพนี้ขึ้น Server รอจนครบ 100%
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
31. 31
• เมื่อครบ 100% โปรแกรมจะแสดงภาพที่ไดนําเขาระบบ
• กรอกรายละเอียดของภาพ
• เลือกตําแหนงของภาพวาจะใหอยูตรงไหนดวยคําสั่ง Alignment
• กําหนดขนาดของภาพที่ใชในการแสดง
• คลิกปุม Insert into Post หากตองการนําภาพนี้ไปแสดง
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
32. 32
• ในสวนการอัพโหลดไฟล วีดีโอหรือไฟลเสียงนั้นก็ใชหลักการเดียวกับการอัพโหลดไฟล
ภาพ แตการจะนํา วีดีโอหรือไฟลเสียงมาใชงานไดนั้นก็ขึ้นอยู Server ดวยวาอนุญาต
หรือไม หากอนุญาตก็ตองติดตั้ง Plugin เพิ่มเติมเพื่อใหสามารถแสดงผลได
เพิ่มหมวดหมูเนือหา
้
เมื่อเราใสเนื้อหาเรียบรอยแลวไมวาจะมีภาพประกอบหรือไมมีก็ตาม เมื่อเขียนเสร็จแลว
เราจะตองใสหมวดหมูใหกับเนื้อหาดวยเพื่อใหคนหาเนื้อหาไดงายและมีการจัดกลุมวาเนื้อหานี้
อยูหมวดไหน ซึ่งมีวิธีการดังนี้
• ไปที่มุมลางขวาของหนาจอใสเนื้อหาจะปรากฏภาพนี้
• เลือก Categories ที่เกี่ยวกับเนื้อหา
• หากไมมีหมวดเนื้อหาที่ตองการสามารถเพิ่มเติมไดจากคําสั่ง +Add New Category
• ใสหมวดใหมและคลิกปุม Add
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
33. 33
• หมวดใหมที่ไดเพิ่มก็จะแสดงใหเลือกวาเนื้อหานี้อยูในหมวดไหนโดยที่เนื้อหาหนึ่งเรื่อง
อาจจะมีไดหลายหมวดหมูก็ไดซึ่งโปรแกรมยอมใหเลือกหลายๆ หมวด
ใส Tag คําคน
Tag คือ คําสั้นๆ สองสามคํา ที่เอาไวอธิบายวาเราเขียนเรื่องอะไร โดยพอใสไปแลว
Tag ของเราจะไปปรากฏใตเนื้อหาที่เราเขียน ขั้นตอนในการใส Tag มีวิธีการดังนี้
• หากรอบคําวา Post Tags
• กรอก Tag ที่เกี่ยวกับเนื้อหารูปแบบในการใส Tag ใหพิมพคําที่ 1 แลวคั่นดวยคอมมา
ไปเรื่อยๆ เชน blog, wordpress, book เปนตน หรือจะใสทละคําแลวกดปุม Add ที่ละ
ี่
คําก็ได ก็จะไดผลเหมือนกับการใสคอมมาเอง
• ตัวอยางการแสดงผลของ Tag
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
34. 34
เผยแพรผานเว็บไซต
เมื่อเราไดใสเนื้อหา เพิ่มหมวดหมู ใส Tag เรียบรอยแลวก็จะตองนําเนื้อหาที่เราใสไป
เผยแพรผาน Blog ดวยปุมงายๆ ที่มีอยูวา Publish แตหาเนื้อหาที่เขียนไปยังไมอยากเผยแพร
หรือเนื้อหาตองมีการปรับปรุงก็สามารถที่จะ Save Draft ไวกอนรอเนื้อหาสมบูรณกอนจึงจะ
Publish ก็ได หรือบางทานอยากจะดูตัวอยางเนื้อหาที่แสดงก็สามารถคลิกทีปุม Preview ก็ได
่
เหมือนกัน
หลังจากที่ไดกดปุม Publish แลวนั้นเนื้อหาที่แสดงนั้นจะแสดงที่เนื้อหาแรกของเว็บ
Blog นี้ ในการจะไปดูเนื้อหาหนาเว็บนั้นใหคลิกที่คําสั่ง View Post
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
35. 35
ภาพแสดงเนื้อหา
บุญเกียรติ เจตจํานงนุช
ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สํานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ