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

ไฟลทดาวนโหลดมาได คอ appserv-win32-2.5.9.exe เมอดบเบลคลกจะปรากฏสวน

ตดตงโปรแกรม ดงน

จากจอภาพตอนรบการตดตง AppServ ใหคลกปม Next เพอเขาสสวนลขสทธ

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

3

คลก I Agree เพอยอมรบลขสทธการใชงานเชนกน

จอภาพถดไปคอระบไดรฟ และโฟลเดอรสาหรบตดตง Appserv โดยโปรแกรม กาหนดไวทไดรฟ C โฟลเดอร AppServ ใหคลก Next เพอยอมรบการกาหนดไดรฟและ โฟลเดอร

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

4

สวนนเปนการเลอกวาจะตดตงโปรแกรมใดบาง กรณนใหคลกเลอกทกรายการ แลว คลกปม Next

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

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

เมอระบคาเกยวกบการเขาถงฐานขอมล MySQL แลวใหคลกปม Install เพอเรมตดตง โปรแกรมตางๆ ของ AppServ

จอภาพแสดงผลเมอการตดตงสมบรณ

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

7

คลกเลอก Start Apache และ Start MySQL เพอใหโปรแกรมทงสองทางาน จากนน คลกปม Finish เพยงเทานกเสรจสนการตดตง AppServ ซงสามารถทดสอบไดโดยเปด เวบเบราวเซอร จากนนพมพคาสง http://localhost หรอ http://127.0.0.1

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

8

ตดตง Worpress

พซธรรมดาไดถกจาลองเปนเครองแมขายเวบแลว ตอนนกถงเวลาทจะตดตง Joomla เพอเนรมตเวบไซตภายในไมกนาท โดยเรมจากดาวนโหลดโปรแกรม Wordpress 2.8 รนลาสด (2.8 ณ วนท 22 มถนายน 2552) จากเวบไซต http://www.wordpress.org

เลอกเวอรชนทตองการ

ไฟลทดาวนโหลดมาไดคอ wordpress-2.8.zip ใหแตกไฟลซงจะไดโฟลเดอรชอ wordpress

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

9 ซงไฟลทงหมดในโฟลเดอรดงกลาวคอไฟลตนฉบบของ Wordpress ใหคดลอกโฟลเดอรน ไปไวทโฟลเดอร www ของ AppServ แลวเปลยนชอโฟลเดอรตามตองการ เชน ถาตองการสรางเวบไซตของตนเอง กใชชอตวเปนชอโฟลเดอร หรอเวบหนวยงาน กอาจจะใชชอยอของ หนวยงานเปนชอโฟลเดอร (ตวอยางขอใชชอ wordpress)

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

10

สรางฐานขอมล

ตอนนกพรอมจะตดตง Wordpress แตกอนทจะตดตง wordpress ไดนนจะตองมการสราง ฐานขอมลขนกอนเพอใหในระหวางตดตงโปรแกรมจะสรางตารางใหในฐานขอมลน ซงมวธการโดยเปดเบราวเซอร แลวพมพคาสง http://localhost/

คลกทรายการคาสง phpMyAdmin Database Manager Version 2.10.2

ปอน Username และ Password ทไดสรางจากการตดตง Appserv

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

11

สรางชอฐานขอมลเพอใชในการตดตง

ชอฐานขอมลทไดสรางขน

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

12

ตดตง Wordpress

เมอสรางชอฐานขอมลแลวกจะเขาสการตดตง Blog โดยเรมจากการเปดเบราวเซอร แลวใหพมพท Address Bar ดวยคาน http://localhost/wordpress (ชอโฟลเดอรทไดสรางไวและมการคดลอกโปรแกรม Worpress ไปไวในขนตอนกอนหนาน)

คลกทปม Create a Configuration File

หนาจอยนดตอนรบ ใหคลกปม Let’s go! เพอเขาสการตดตง

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

13

ปอนรายละเอยดตางๆ เพอใชในการตดตง Blog

• Database ชอฐานขอมลทไดสรางไวกอนหนาน ในทนใหใชคาวา wordpress

• UserName ชอทใชในการตดตอฐานขอมล (ผดแลระบบจะเปนผแจงใหในกรณทตดตงบนเครองแมขาย) ในทนใชคาวา root

• Password รหสผานทใชคกบ UserName ขนกบตอนตดตง Appser วาไดตงคาวาอะไร

• Database Host ชอ Host (ขนอยกบเครองแมขายนนวาใชชอวาอะไร) ในทนใชคาวา localhost

• Table Preflx ชอนาหนาฐานขอมลแตและตาราง

เมอตงคาทกอยางเรยบรอยแลวใหคลกปม Submit เพอเขาสขนตอไป

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

14

เขาสหนาจอตดตงฐานขอมลเพอใหสามารถใชงาน Blog ได หากไมขนหนานแสดงวาขนตอนกอนหนานจะตองมอะไรผด เชน ชอทใชงานการตดตอฐานขอมลไมถกตอง หรอยงไมไดสรางชอฐานขอมล เปนตน

กรอกชอ Blog และ อเมลทใชในการตดตอ เมอกรอกรายละเอยดเรยบรอยแลวใหคลกปม Install Wordpress

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

15

ระบบจะแจง Username และ Password ทใชในการเขาระบบครงแรก เมอได UserName และPassword แลวแนะนาใหรบเปลยน Password เปน รหสผานทคณจาได เขาสระบบดวยปม LogIn

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

16

หนาจอเมอเขาสระบบเรยบรอย ซงใหสงเกตขอความทอยในกรอบสแดง โปรแกรมจะ

แนะนาใหรบแกไขรหสผานซงสามารถเขาไปแกไขดวยคาสง Yes, Take me to my profile page แตหากไมตองการแกไขใหตอบ No Thanks, Do not remind me again

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

17

ปอนรหสผานใหมพรอมทงยนยนรหสผาน โดยรหสผานทคณแกไขโปรแกรมจะมคาเตอนมาใหวางายตองการคาดเดาหรอยาก เมอแกไขเรยบรอยแลวใหคลกปม Update Profile กจะไดรหสผานใหมทคณจาไดงายกวาทระบบสรางใหแลวนะครบ

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

18

สราง Blog ท Wordpress.com

ในการสราง blog ดวยโปรแกรม Wordpress นนหากเครองเราไมพรอมทจะจาลองเครองเปน Server นนหรอไมมความพรอมดาน Server เรากสามารถทจะตดตง Blog ได ดวยการไปฝากไวท wordpress.com ไดเลยซงการตดตงกไมยาก ซงจะมขนตอนดงน

• เขาเวบไปท www.wordpress.com

• คลกปม Sign Up Now!

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

19

• กรอกรายละเอยดตางๆ ทใชเปนขอมลในการลงทะเบยน โดยขอมลทกรอกจะตองเปนขอมลจรง โดยเฉพาะอเมล เนองจากจะตองยนยนตวตนจรงผานทางอเมล และคลกปม Next

• เมอลงทะเบยนผานแลวทาง wordpress.com จะแจงใหทราบวา URL ทใชเรยกเขาเวบไซตคอ URL อะไร และมชอเวบไซตวาอะไร สามารถเปลยนภาษาเปนภาษาทตวเองถนดไดทรายการคาสง Language เมอตงคาเรยบรอยแลวใหคลกปม Signup

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

20

• เมอผานขนตอนเมอกแลวโปรแกรมจะใหเราไปเชคเมลวามเมลจาก wordpress.com หรอไมโดยเนอหาในเมลจะมตามภาพ เมอไดรบเมลแลวใหคลกท URL ททาง wordpress ไดแจงมา เพอเปนการยนยนวาเราจะใชงานเวบไซตน

• โดย URL ทเราคลกไปนนทาง wordpress.com จะแจง Username และ Password ใหหากขนหนาจอนแสดงวาการตดตงสาเรจคณมเวบไซตเรยบรอยแลว

• ลองเขาสระบบดวย Username ททางระบบแจง

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

21

• เมอ Login สาเรจจะไดหนาจอดงน ซงหนาจอนเปนหนาจอ BackEnd

• สวนหนาจอเวบไซตกเรยบผาน URL ทไดแจงไวกอนหนาน ซงปกตจะเปน http://username.wordpress.com ตวอยางนกคอ http://boonkiat00007.wordpress.com

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

22

รจกกบสวนตางๆ ของ Wordpress เวบไซตตวอยางของ Wordpress ไดตดตงเรยบรอยแลว การเขาสเวบไซตเมอตดตงเรยบรอยแลวทาไดโดยพมพ URL ดงน http://localhost/ชอโฟลเดอร หรอ http://127.0.0.1/ชอโฟลเดอร ตวอยาง http://localhost/wordpress โดยรายละเอยดของหนาเวบคงไมมอะไรมากไวใชในการแสดงผล

• เนอหา คอ ขาวหรอความรทผเขยน Blog ตองการนาเสนอโดยเนอหาของใหมจะอยขาง

บนสดเสมอ

• เมนอน คอ ปมเครองมอทใหเขาถงเนอหาไดโดยงาย ผานทาง Categories เปนตน

• เมนเขาสระบบ คอ เมนทไวเขาไปใสเนอหาหรอจดการระบบ

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

23

เขาสระบบ BackEnd

ในการจดการเนอหาตางๆ หรอจดการระบบเราจะตองเขาสระบบทเรยกกนทวไปวา BackEnd โดยในการเขามาทระบบนไดนนกม 2 วธ คอ

1. ผานทางเมนหนาเวบในสวนทมคาวา Meta จะมคาวา Login อยใหคลกทคาสงนแลวโปรแกรมจะใหใส UserName และPassword

2. เขาโดยการพมพ URL ท Address Bar ดวยคาวา http://localhost/wordpress/wp-

login.php กจะสามารถเขาสระบบไดเหมอนกน ในกรณสวนใหญจะใชตอนทรายการคาสง Meta หายไปคอมการปรบแตงหนาเวบแลวลมใสเขามาดวย หรอเปลยน Template แลว Template นนไมมคาสงนมาให เปนตน

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

24

สวนตางของระบบ BackEnd

เมอเขาสระบบไดแลวจะปรากฎหนาหลกโดยในหนานจะบอกรายละเอยดทงหมดของเวบวาตอนนมบทความแลวกบทความ ม comment แลวก comment และหากตองการใสเนอหาอยางรวดเรวกสามารถใสไดทหนาจอน ซงสวนตางๆ ของหนาจอนมอะไรบางซงหนาจอนจะเรยกวา Dashboard ในตอนนเรามาทาความรจกสวนสาคญๆ กนหนอย โดยขอเรมจาก

1. Right Now เปนสวนทแสดงวาเนอหาตอนนทงหมดเทาไหรโดยแบงเปน Post, Page, Category เปนตน ซงหากตองการแกไขเนอหาไหนหรอตองการดเนอหาทงหมดใหคลกทตวเลขทปรากฏกจะเขาสหนาจอแสดงเนอหาทงหมด อกทงในสวนนยงสามารถเปลยนหนาจอเวบไซตไดดวยปม Change Theme

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

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 5. เมนตางๆ เปนเมนทใชในการจดการเรองใดเรองหนง

• Posts จดการเนอหาทเขยนขนดวยการ Posts

• Media จดการสอภายนอกทตองการ upload เขาระบบ

• Links จดการดานเวบลงก

• Pages จดการเนอหาทเขยนขนดวย Pages

• Comments จดการกบความคดเหนทเขามา

• Appearance จดการดานเมนตางๆ และหนาตางเวบไซต

• Plugins จดการโปรแกรมเพมเตมเชน ใหม Poll ดวย

• Users จดการเกยวกบผใช เพมหรอลบ

• Tools เครองมอทชวยเพมความสามารถใหกบเบราวเซอร

• Settings ตงคาระบบตางๆ

6. สวนอนๆ เปนสวนทแจงขาวจากเวบไซตวามอะไรใหม หรอมการปรบปรงโปรแกรม ซงหากไมตองการสามารถปดไดดวยปมเครองมอทชอวา Screen Options โดยทรายการไหนไมอยากใหแสดงกใหเอาเครองหมายถกออก

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

27

สรางเนอหา ในการสรางเนอหานนจะม 2 แบบคอ Pages และ Posts ซงความแตกตางระหวางการเขยนทง 2 แบบคอ ถาเปน Pages จะเปนเนอหาทไมคอยเคลอนไหว และในการเขาถงเนอหาจะผานทางเมน สวน Posts นนจะเปนเนอหาทมการ Update ตลอดเวลา และในการเขาถงเนอหาผานทางหนาเวบ หรอผานทาง Category เปนตน

เขยนเรองราว

การเขยนเนอหานนสามารถทาไดทหนา Dashboard ในสวนของ QuickPress เมอใสรายละเอยดตางๆ แลวกใหกดปม Publish แตหากเนอหาทตองการนาเสนอยงไมเสรจแตไมอยากมาเขยนใหมใหคลกปม Save Draft จะเปนการบนทก Draft ไวกอนรอกลบมาแกไขอก

ครง

• Title ชอเรอง

• Content เนอหาทแบบระบเอยด

• Tags คาคน หรอ คาทใชในการกากบเนอหาน

• Publish ปมสาหรบเผยแพรผานหนาเวบ เนอหาทเขยนในสวนน โปรแกรมไดอานวยความสะดวกในการใสเนอหาอยางรวดเรวแตสงเกตเหนนะครบวาเครองมอในสวนนจะไมคอยมเครองมอใหปรบแตงอะไรมากนกซงหากจะเพมตารางหรอเปลยนสของฟอนตจะไมสามารถทาไดเพราะฉะนนเครองมอในสวน QuickPress จะเหมาะแกการใสเนอหาอยางรวดเรว หากจะปรบแตงใหสวยจะตองคลกทเครองมออน

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

28

เขยนเนอหาผานปม New Post ในการเขยนเนอหาทตองการเครองมอเพมเตมนนจะตองใชปม New Post ในการเขยน ซงจะมเครองมอใหเราปรบแตงไดมากขนไมวาจะเปนการใสตาราง เปลยนสฟอนต หรอใส link ใหกบขอความ เปนตน กตองเขามาทางานในสวนน แมกระทงคนทถนด HTML กจะตองเขามาเขยนในโหมด HTML ซงจะมเครองมอใหดวย โดยปมนจะอยทดานบนของหนา Dashboard เมอคลกทปม NewPost แลวจะไดหนาจอดงน

จะเหนนะครบวามรายการคาสงใหเรากรอกเยอะมา แตในการใสเนอหาจรงๆ จะใสไมกรายการ แบงเปนสวนๆ ไดดงน

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

29

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

30

อพโหลดไฟล

ในการใสเนอหาบางครงไมไดแสดงแคขอความเทานน อาจจะมภาพประกอบหรอ วดโอ ประกอบเนอหาทเราใสเขาไป ซง Wordpress กไดเตรยมปมทใชในการอพโหลดไฟลเขาระบบเพอดงมาแสดงผลโดยปมทจะแนะนาตอไปนกคอปมทชอวา Upload/Insert ประกอบไปดวยปม

Add an Image ใสภาพ Add Video ใสวดโอ (ขนอยกบ Server วาอนญาตใหใสหรอไม) Add Audio ใสเสยง (ขนอยกบ Server วาอนญาตใหใสหรอไม) Add Media ใสสอรปแบบอนๆ

ขนตอนการใสภาพในเนอหา

• ใหวางตาแหนงเคอรเซอรตรงจดทตองการนารปภาพ

• คลกทปม Add an Image จะไดหนาจอดงภาพ

• คลกปม Select Files เพอเลอกภาพทตองการนามาแสดง แลวคลกปม Open หรอจะ

ดบเบลคลกทรปภาพกได

• ระบบจะทาการโหลดภาพนขน Server รอจนครบ 100%

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

31

• เมอครบ 100% โปรแกรมจะแสดงภาพทไดนาเขาระบบ

• กรอกรายละเอยดของภาพ

• เลอกตาแหนงของภาพวาจะใหอยตรงไหนดวยคาสง Alignment

• กาหนดขนาดของภาพทใชในการแสดง

• คลกปม Insert into Post หากตองการนาภาพนไปแสดง

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

32

• ในสวนการอพโหลดไฟล วดโอหรอไฟลเสยงนนกใชหลกการเดยวกบการอพโหลดไฟลภาพ แตการจะนา วดโอหรอไฟลเสยงมาใชงานไดนนกขนอย Server ดวยวาอนญาตหรอไม หากอนญาตกตองตดตง Plugin เพมเตมเพอใหสามารถแสดงผลได

เพมหมวดหมเนอหา

เมอเราใสเนอหาเรยบรอยแลวไมวาจะมภาพประกอบหรอไมมกตาม เมอเขยนเสรจแลวเราจะตองใสหมวดหมใหกบเนอหาดวยเพอใหคนหาเนอหาไดงายและมการจดกลมวาเนอหานอยหมวดไหน ซงมวธการดงน

• ไปทมมลางขวาของหนาจอใสเนอหาจะปรากฏภาพน

• เลอก Categories ทเกยวกบเนอหา

• หากไมมหมวดเนอหาทตองการสามารถเพมเตมไดจากคาสง +Add New Category

• ใสหมวดใหมและคลกปม Add

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

33

• หมวดใหมทไดเพมกจะแสดงใหเลอกวาเนอหานอยในหมวดไหนโดยทเนอหาหนงเรองอาจจะมไดหลายหมวดหมกไดซงโปรแกรมยอมใหเลอกหลายๆ หมวด

ใส Tag คาคน

Tag คอ คาสนๆ สองสามคา ทเอาไวอธบายวาเราเขยนเรองอะไร โดยพอใสไปแลว Tag ของเราจะไปปรากฏใตเนอหาทเราเขยน ขนตอนในการใส Tag มวธการดงน

• หากรอบคาวา Post Tags

• กรอก Tag ทเกยวกบเนอหารปแบบในการใส Tag ใหพมพคาท 1 แลวคนดวยคอมมา

ไปเรอยๆ เชน blog, wordpress, book เปนตน หรอจะใสทละคาแลวกดปม Add ทละคากได กจะไดผลเหมอนกบการใสคอมมาเอง

• ตวอยางการแสดงผลของ Tag

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

34

เผยแพรผานเวบไซต

เมอเราไดใสเนอหา เพมหมวดหม ใส Tag เรยบรอยแลวกจะตองนาเนอหาทเราใสไปเผยแพรผาน Blog ดวยปมงายๆ ทมอยวา Publish แตหาเนอหาทเขยนไปยงไมอยากเผยแพรหรอเนอหาตองมการปรบปรงกสามารถทจะ Save Draft ไวกอนรอเนอหาสมบรณกอนจงจะ Publish กได หรอบางทานอยากจะดตวอยางเนอหาทแสดงกสามารถคลกทปม Preview กไดเหมอนกน

หลงจากทไดกดปม Publish แลวนนเนอหาทแสดงนนจะแสดงทเนอหาแรกของเวบ Blog น ในการจะไปดเนอหาหนาเวบนนใหคลกทคาสง View Post

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

35

ภาพแสดงเนอหา

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

36

ภาพแสดงเนอหาในหนาแรกของเวบไซต

บญเกยรต เจตจานงนช

ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต