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
ภาพแสดงเนอหาในหนาแรกของเวบไซต
บญเกยรต เจตจานงนช
ศนยบรการความรทางวทยาศาสตรและเทคโนโลย สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต
Top Related