วว./TISTR

วนองคารท 20 สงหาคม พ.ศ. 2554

โดย

ณฐพล บวพนธ ครช านาญการพเศษ

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน

วธสราง Blog งาย ๆ ไดดวยตนเอง

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 2

บลอก (Blog) หรอชอเตม ๆ คอ เวบลอก (Weblog) หมายถง บนทกเรองราวของบคคลนน ๆ ในชวงเวลาตาง ๆ ทมการปรบปรงอยางสม าเสมอ และมงหวงทจะน าเสนอเนอหาทงทเปนความคดเหน ความชอบ ความสนใจ หวขอการอภปราย งานเขยน หรอแมกระทงแนวบทเพลงทผเขยนใหความสนใจ ตอสาธารณชนทวไป ผานทางเทคโนโลยทเรยกวา เวบไซต (Website)

ในหนงหนาเวบไซตของบลอกจะถกน าเสนอในลกษณะของ ชดของบทความหรอสารสนเทศ ทเรยงตามล าดบของวนเวลาทบนทกหรอเผยแพร ซงเนอหาทน าเสนอนน อาจเขยนโดยเจาของบลอก หรอ รวบรวมมาจากเวบไซตอน หรอน ามาจากแหลงขอมลอน ๆ หรอ สงมาจากผอน กได

Blog คออะไร

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 3

เขยนจากเนอหาตน หรอ ในเชงเลาเรอง อางองทมาใหชดเจน ไมคดลอกเนอหา ภาพ และสอผอนมา โดยไมไดรบอนญาต หรอไมมสทธ หรอไมอางอง ไมควรคดลอกเนอหาจาก Word หรอ สอดจทลตนฉบบมาวางทนท ควรวางผานโปรแกรม NotePad กอน แลวจงคดลอกมาวางใน Blog เพอปองกนปญหาแบบอกษรทแตกตางไปจากคาก าหนด (default) ของระบบ จดเตรยมภาพใหมขนาดทเหมาะสมกอนน าเขาระบบ ไมแนบเอกสารดจทลตนฉบบเขาสระบบ ควรแปลงเปนฟอรแมตทเหมาะสมกอน เชน PDF

หลกปฏบต

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 4

ระบ Title ของเนอเรองใหชดเจน แตไมยาวเกนไป มขอความเกรนน าประมาณ 1 พารากราฟ (ไมเกน 5 บรรทด) แลวใชเครองมอแบงตอน เพอน าเสนอเนอหาละเอยด ระบ Tag ก ากบเนอหาเรองใหเหมาะสม เลอกหมวดเนอหา/ก าหนดเนอหาทเหมาะสม อางอง url แหลงขอมลตนฉบบดวย Trackback ใชภาษาสภาพ ใหความส าคญกบการใชภาษาไทยทเหมาะสม โดยเฉพาะค าทบศพท และการใชเครองหมายวรรคตอน

หลกปฏบต

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 5

กรณทมอปกรณเครองแมขาย หรอ เซรฟเวอร (Server) เลอก และ ดาวนโหลด (Download) โปรแกรมส าหรบท าบลอก เชน เวรดเพรส (Wordpress), ดรปล (Drupal) เปนตน

ตดตงระบบจดการฐานขอมลทเซรฟเวอร ในกรณทจดเกบขอมลในลกษณะฐานขอมล เชน หากเราตองการตดตงโปรแกรมเวรดเพรส หรอ ดรปล จะตองตดตงระบบจดการฐานขอมล คอ MySQL (มายเอสควแอล)

ตดต งโปรแกรมส าหรบท าบลอก เชน เว รดเพรส หรอ ดรปล ทเซรฟเวอร

วธการสราง Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 6

กรณทไมมอปกรณเครองแมขาย หรอ เซรฟเวอร (Server) ปจจบนมการใหบรการพนทและระบบบลอกมากมายบนอนเตอรเนต (Internet) เชน http://wordpress.com https://www.blogger.com http://www.myspace.com http://multiply.com http://www.hi5.com

วธการสราง Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 7

ไปท http://th.wordpress.com/ เลอกทปม “สมครตอนนเลย”

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 8

ใสขอมลเพอสรางบญช และ กดปม “ตอไป”

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 9

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

จากนนท าการกดปม signup โดยระบบจะท าการตรวจสอบวาซ าหรอไม

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 10

เมอลงทะเบยนเรยบรอย จะขนหนาน

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 11

ใหไปเชคอเมล (e-Mail) หรอจดหมายอเลกทรอนกส ตามทอยทลงทะเบยนไว

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 12

คลกท ลงก (link)

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 13

หากส าเรจ เครองจะขนหนาจอดงน

วธสราง Blog งาย ๆ ดวย Wordpress.com

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 14

หากส าเรจ เครองจะขนหนาจอดงรป กด 1 หรอ View your site เพอ ดบลอกของคณ กด 2 หรอ Login เพอ

วธสราง Blog งาย ๆ ดวย Wordpress

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 15

ยนดดวย คณสามารถสราง Blog งาย ๆ ดวยตวคณเอง แลว

วธสราง Blog งาย ๆ ดวย Wordpress

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 16

ท าการ login เขาสระบบ โดยกด 2 หรอ Login หลงจากลงทะเบยนเสรจสน

ท าการใสชอผใช และ รหสผาน แลวกดปม “เขาสระบบ”

วธบรหารจดการ Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 17

ระบบจะแสดงผลทหนา My Dashboard เพอใหบรหารจดการ ดงน

วธบรหารจดการ Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 18

ในกรณทตองการบรหารจดการ Blog ในครงตอไป ใหไปท http://wordpress.com

ท าการใสชอผใช (username) และ รหสผาน (password) แลวกดป ม “Login”

วธบรหารจดการ Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 19

เลอกทปม “My Dashboard” เพอไปบรหารจดการบลอก

วธบรหารจดการ Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 20

ระบบจะแสดงผลดงน

วธบรหารจดการ Blog

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 21

เลอกท “รปแบบบลอก”

การเปลยนรปแบบการน าเสนอหรอหนาตา

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 22

จะปรากฏหนา จดการ Themes ดงรป เลอกธม (Theme) ทตองการโดยกดท “ใชงาน” หรอ กดท “ดกอน” หากตองการดการแสดงผลของบลอกกอนตดสนใจ

หากตองการคนหาเพอใหสามารถก าหนดขอบเขตธมทเราตองการเลอก กดท “Feature Filters”

การเปลยนรปแบบการน าเสนอหรอหนาตา

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 23

จะปรากฏหนาจอดงรป เลอกขอบเขตทตองการ แลวกด “Apply Filters” ระบบจะแสดงธมทมคณสมบตตามทเราตองการ

การเปลยนรปแบบการน าเสนอหรอหนาตา

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 24

วดเจต (Widget) คอ โปรแกรมทเพมความสามารถใหบลอก เชน ลงกไปทตาง ๆ แสดงสถตเยยมชม แสดงหวขอเรอง แสดงขาวสารจาก twitter เปนตน

การเพมหรอลบวดเจต

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 25

การเพม หรอ ลบ วดเจต (Widget) ท าโดยการลากไปวางหรอลากออกจากชอง sidebar ก าหนดคา และกด “บนทก”

การเพมหรอลบวดเจต

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 26

หากตองการเพมหรอลบผใชในการบรหารจดการบลอกของคณใหไปท “ผเขยนและผใชงาน”

ระดบของผใช คอ ผควบคมเวบ ผตรวจทาน ผเขยน ผสนบสนน

ผใช

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 27

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

ผใช

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 28

หากตองการปรบเปลยนขอก าหนดของคาทวไป การเขยน การอาน สนทนา สอ ขอมลสวนตว ลบบลอก OpenID หรอ Domains ใหไปเลอกท “ตงคา” และเมอตองไมลมกดปม “บนทกการเปลยนแปลง” เมอปรบเปลยนคาเสรจ กอนยายไปปรบเปลยนคาตวอน ๆ

ตงคา

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 29

หากตองการบรหารจดการเนอหาหรอบทความ ทมการเผยแพรปรบเปลยนไปตามวนเวลา และหมวดหมทเผยแพร ใหไปเลอกท “เรอง”

เรอง

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 30

หากตองการแกไขบทความใหไปเลอกท “แกไข” 1. เลอกบทความทตองการแกไข 2. แกไขเนอหา 3. ใสปายก ากบ (Tag) เพอการคนหา 4. เพมหรอเลอกหมวดหมของบทความ 5. เมอสนสดการแกไข เลอก “อปเดตเรอง”

แกไขบทความ

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 31

หากตองการเพมบทความใหไปเลอกท “เขยนเรองใหม” 1. พมพชอบทความ 2. พมพเนอหา 3. ใสปายก ากบ (Tag) เพอการคนหา 4. เพมหรอเลอกหมวดหมของบทความ 5. หากตองการบนทกเลอก “บนทกฉบบราง” 6. หากตองการดเลอก “ดกอน” 7. หากตองการเผยแพรเลอก “เผยแพร” 8. สง “trackbacks” เมอมการอางองไปทแหลงอน 9. พมพเนอหาสรปในสวนของ ”ตดทอน” เพอการแสดงผลใน การสบคน หรอ RSS Feed (การสงขอมลในลกษณะ XML)

เพมบทความ

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 32

หากตองการเพม ลบ หรอแกไขปายก ากบ (Tag) ใหไปเลอกท “แกไขปายก ากบ”

แกไขปายก ากบ

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 33

หากตองการเพม ลบ หรอแกไขหมวดหม ใหไปเลอกท “หมวดหม”

หมวดหม

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 34

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

หนา

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 35

หากตองการแกไขหนาใหไปเลอกท “แกไข” 1. เลอกหนาทตองการแกไข 2. แกไขเนอหา 3. ใสหมายเลขเพอแสดงล าดบการแสดงผล 4. เมอสนสดการแกไข เลอก “อปเดตหนา”

แกไขหนา

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 36

หากตองการเพมหนาใหมใหไปเลอกท “เขยนหนาใหม” 1. พมพชอหวขอหนาทตองการเผยแพร 2. พมพเนอหา 3. ใสหมายเลขเพอแสดงล าดบการแสดงผล 4. หากตองการบนทกเลอก “บนทกฉบบราง” 5. หากตองการดเลอก “ดกอน” 6. หากตองการเผยแพรเลอก “เผยแพร”

เขยนหนาใหม

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 37

หากตองการเพม แกไข ลบไฟลวดโอ ไฟลน าเสนอ ไฟลเอกสาร หรอไฟลเสยงบนบลอก ใหไปเลอกท “สอ” โดยมพนทในการจดเกบ 3 GB

สอ

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 38

หากตองการเพมไฟลน าเสนอ ไฟลเอกสาร หรอไฟลรปภาพบนบลอก ใหไปเลอกท “เพมไฟลใหม”

การเพมไฟลใหม

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 39

หากตองการเพมไฟลวดโอ หรอไฟลเสยงบนบลอก ใหไปเลอกท ปม ตรงหนาเพมหรอแกไข เรองหรอหนา รป วดโอ เสยง ไฟลอนๆ โพล

การเพมไฟลวดโอหรอไฟลเสยง

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 40

หากตองการเพมลงก แกไขลงก หรอเพมหมวดหมลงก เพอเชอมโยงไปยงเวบไซตอนใหไปเลอกท “ลงก”

ลงก

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 41

หากตองการน าเรองหรอความเหนจากระบบอนมาไวทเวรดเพรส ใหไปเลอกท “น าเขา”

เครองมอ

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 42

หากตองการบรหารจดการความเหน เชน อนญาตใหโพสบนบลอก ลบความเหน ใหไปท “ความเหน”

ความเหน

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 43

Q & A

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th 44

http://www.whatis.com http://searchsoa.techtarget.com http://searchwindevelopment.techtarget.com http://wordpress.com https://www.blogger.com http://www.myspace.com http://multiply.com http://www.hi5.com

แหลงอางอง

วว./TISTR

โรงเรยนสมปอยพทยาคม สหวทยาเขตภมพทยาพฒน www.sompoy.ac.th