ความรู้เรื่องระบบเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ เรื่ อง : การสร้ างเว็บบล็อคใน Wordpress.com โดย : น.ส.อาภารัตน์ เถกิงเกียรติ รหัส 5311310436 Email : aparat420@gmail.com blogwordpress:http://aparattakerkiat.wordpres s.com/ วิชา : เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (ARTI3319) อาจารย์ : ประชิต ทิณบุตร ภาคเรี ยนที่ 2 ปี การศึกษา 2555 มหาวิทยาลัยราชภัฎจันทรเกษม
2
1.ขัน้ ตอนการสมัครเว็บไซด์ wordpress.com ขั ้นตอนแรกเราต้ องเข้ าเว็บไซด์www.wordpress.com
ภาพที่ 1 แสดงภาพหน้ าจอของหน้ าแรกของเว็บไซด์ www.wordpress.com -และเมื่อทําการเข้ าเว็บไซด์เป็ นที่เรี ยบร้ อยแล้ วให้ ท่านเลือกคลิกคําว่า Get Started เพื่อ เป็ นการสมั ค รเป็ น
member
ของเว็ บ ไซด์ เ สี ย ก่ อ นเพราะในการใช้ งานของ
wordpress นันผู ้ ้ ใช้ จะต้ องเป็ นสมาชิคของระบบเสียก่อนถึงจะสามารถสร้ างเว็บเพจหรื อ เว็บบล็อกใน wordpress ได้ ที่มา
: www.wordpress.com
จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ 2556
3
2.การใส่ ข้อมูลในการสมัคร www.wordpress.com
1 2 3 4
5 ภาพที่ 2 แสดงภาพหน้ าจอของหน้ า การใส่ข้อมูลการสมัครเว็บ www.wordpress.com -หมายเลข 1 ใส่ที่อยู่ Email ของคุณ เช่น aparat420@gmail.com -หมายเลข 2 ใส่ชื่อของคุณที่จะนํามาใช้ เพื่อทําการ Login เข้ าสูร่ ะบบและยังเป็ นชื่อของคุณที่ จะต้ องใช้ ในระบบ wordpress อีกด้ วย -หมายเลข 3 ใส่รหัสของคุณที่จะใช้ ทําการ login เข้ าสูร่ ะบบwordpress คําแนะนําของการ ใส่รหัสคือ ควรใช้ ตวั อักษรทังบนและล่ ้ างหรื อใช้ เครื่ องหมายสัญลักษณ์ร่วม กับตัวเลขหรื อตัวอักษร
4
-หมายเลข 4 ใส่ที่อยู่ของ Blog หรื อที่อยู่ของ Webpage ที่เราจะสร้ าง การตั ้งชื่อนั ้นควรตั ้ง ชื่อให้ สอดคล้ องกับเนื ้อหา ข้ อมูลที่แสดงภายในเว็บบล็อก เพราะชื่อเว็บนั ้นจะเป็ นการสือ่ ให้ ผ้ ทู ี่เห็น รู้ได้ ถึงข้ อมูล และเนื ้อหาหลักภายในเว็บ -หมายเลข 5 เมื่อทําการกรอกข้ อมูลต่างๆ ครบเรี ยบร้ อยแล้ ว ข้ อควรระวังเมื่อกรอกข้ อมูลเรี ยบร้ อย แล้ วให้ ตรวจดูว่า ข้ อมูลที่เรากรอกไปแล้ วนันสามารถใช้ ้ ได้ หรื อไม่ โดยการดูที่กล่องข้ อความว่ามี ข้ อความสีแดง และเครื่ องหมายกากบาทแจ้ งเตือนหรื อเปล่า หากมีข้อความแจ้ งเตือนต้ องทําการ เปลีย่ นข้ อมูลนันๆ ้ เมื่อระบบทําการยอมรับข้ อมูลแล้ ว ที่กล่องข้ อความจะมีเครื่ องหมายถูกแสดง ขึ ้น เมื่อ มีเครื่ อ งหมายถูกแสดงครบทุกช่อง ลําดับต่อไปก็ทําการคลิกเลือกที่ Create Blog
ภาพที่ 3 แสดงภาพหน้ าจอ การใส่ข้อมูลที่ไม่ถกู ต้ อง ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ,2556
5
3.เมื่ อ เราทําการสมัครเป็ นสมาชิ ค ของ wordpress เป็ นที่เรี ยบร้ อยแล้ ว ทางระบบจะส่ง Email ตอบกลับมายัง Email ของท่าน เพื่อเป็ นการยืนยันการสมัคร หลังจากนั ้นให้ ทําการ Login เข้ าสูร่ ะบบของ wordpress
ภาพที่ 4 แสดงภาพหน้ าจอ เว็บไซด์ wordpress ขันตอนการเข้ ้ าสูร่ ะบบ -พิมพ์ ที่อยู่ Email หรื อ Username ของท่าน ลงในหมายเลข 1 และกรอก Password ของท่านลงในช่องถัดไป -หลังจากกรอกข้ อมูลส่วนตัวของท่านเรี ยบร้ อยแล้ ว ให้ คลิก Sign in ในหมายเลข 2 ที่มา : www.wordpress.com ผู้จดั ทํา : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
6
4.หลังจากที่ทา่ นทําการเข้ าสูร่ ะบบของเว็บไวด์ wordpress มาแล้ ว ท่านก็จะเข้ ามาสูใ่ นหน้ า แรกของ เว็บไซด์ wordpress ในด้ านซ้ ายของหน้ าแรกนั ้นจะเป็ นการแสดงข่าวสารจากบล๊ อค ต่างๆ ที่คณ ุ กําลังติดตามอยู่ และในแถบด้ านบน จะเป็ นแถบเครื่ องมือต่างๆ
ภาพที่ 5 ภาพแสดงหน้ า จอเว็ บ ไซด์ wordpress
ในหน้ า แรกหลัง จากการเข้ า สู่ร ะบบ
-เมื่อเข้ าสูร่ ะบบแล้ วเราก็จะมาทําการแก้ ไขโปรไฟล์ โดยการใส่ประวัติ ต่างๆของท่านลงไป ใส่รูป โปรไฟล์ของตนเอง และทําการตัง้ ชื่ อ บล็อ กของท่านเองให้ แสดงในบล็อ กของ wordpress -โดยการนําเม้ าท์ของท่านไปชี ้ที่รูปโปรไฟล์ของท่านเอง เมื่อชี ้ไปแล้ วจะมีหน้ าต่างสีขาว แสดงตัว เลือดต่างๆ แก่ทา่ น ให้ คลิกเลือกที่ setting
7
ที่มา: www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556 5. เมื่อท่านทําการคลิดเลือกที่คําสัง่ Setting แล้ ว ระบบจะแสดงหน้ าจอของการตั ้งค่าบัญชี ของท่าน,ข้ อมูลส่วนตัว,password และจัดการ แอปพลิเคชั่นต่างๆ ในที่นีเ้ ราจะมาอธิ บาย ขันตอนของการตั ้ งค่ ้ า การปรับเปลีย่ นโปรไฟล์สว่ นตัว และ การใส่รูปโปรไฟล์ ของท่านให้ ผ้ ทู ี่เห็นรู้ ได้ ในทันทีวา่ เป็ นคุณ
ภาพที่ 6 ภาพแสดงหน้ าจอ การตังค่ ้ าโปรไฟล์ของท่านใน เว็บไซด์ wordpress - เมื่อเข้ ามายังหน้ าของการตังค่ ้ า ให้ เลือก Public Profile เพื่อเป็ นการเพิ่มเติมและแก้ ไข ข้ อมูลต่างๆ ในโปรไฟล์ของท่าน - หลังจากนันให้ ้ ใส่ชื่อของตนเอง ลงใน หมายเลข 2
8
- นามสกุลในหมายเลข 3 -หมายเลข 4 ทําการตังชื ้ ่อบล็อกของคุณที่จะแสดงในหน้ าบล็อกของคุณ และการตั ้งชื่อบล็อกของ ท่านนันควรจะเป็ ้ นชื่อ ที่สอดคล้ องกับเนื ้อหาต่างๆ ภายในบล็อกของท่านเองด้ วย เช่น ท่านทํา บล็อคเกี่ยวกับดอกไม้ ท่านก็อาจจะตังชื ้ ่อบล็อกว่า Florist….. -หมายเลข 5 ใส่ประวัติของท่านเองลงไป -หมายเลข 6 เปลีย่ น Gravatar ของคุณ คือการเปลีย่ นรูปโปรไฟล์ของคุณนั ้นเอง คลิกที่คําว่า Change your Gravatar ระบบจะแสดงหน้ าจอดังรู ปข้ างล่างนี ้
ภาพที่ 7 ภาพแสดงหน้ าจอ การเลือก Gravatar -เลือก ที่อยูข่ องไฟล์รูปที่คณ ุ ต้ องการไม่วา่ จะ เป็ นจากเครื่ องคอมพิวเตอร์ ของคุณเอง หรื อจะถ่าย ใหม่จากกล้ องเว็บแคม และอื่นๆ ตามที่คณ ุ ต้ องการ ที่มา: www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
9
1
2
ภาพที่ 8 ภาพแสดงหน้ าจอ การเลือกไฟล์รูป ในการเปลีย่ น Gravatar - เมื่อเลือกที่อยูไ่ ฟล์รูปเรี ยบร้ อยแล้ ว ขั ้นตอนต่อไปก็เลือกรูปที่ต้องการ โดยการคลิกเลือกที่ เลือก ไฟล์ เมื่อเลือกไฟล์รูปของท่านเรี ยบร้ อยแล้ วให้ คลิกที่คําว่า ต่อไป ที่มา: www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
-หลังจากที่คลิกเลือกที่คําว่าต่อไปแล้ วระบบจะแสดงหน้ าจอให้ เราเลือกขนาดของรูปโปรไฟล์ ให้ ท่านเลือกขนาดของรูปของท่านได้ ตามต้ องการและคลิกเลือกที่คําว่า ตัดรูป และจบขันตอน ้
10
ภาพที่ 9 ภาพแสดงหน้ าจอ การ Crop รูปภาพโปรไฟล์ ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
11
ภาพที่10 ภาพแสดงหน้ าจอของการเลือกจัดการเรทของเว็บบล็อก ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556 6. เมื่อทําการเปลี่ยน Gravatar เรี ยบร้ อยแล้ ว ให้ กลับมายังหน้ าจอการแสดงผล Setting ไปยังแถบด้ านบน และคลิกเลือกคําว่า Save Changes เพื่อบันทึกการเปลียนแปลงและคลิก เลื อ ก my
Blogs
เพื่ อ ไปยั ง ขั น้ ตอนของการตกแต่ ง Blog
ภาพที่ 11 ภาพแสดงหน้ าจอ ของการบันทึกการเปลีย่ นแปลงของการตั ้งค่า ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
ของคุ ณ ต่ อ ไป
12
7.เมื่อท่านทําการคลิกเลือกคําสัง่ My Blogs แล้ ว จะมีหน้ าจอดังรูปต่อไปนี ้
ภาพที่12 ภาพแสดงหน้ าจอ หน้ าแรกของการจัดการบล็อก wordpress -เมื่อเข้ ามาถึงในหน้ าจอนี ้แล้ วให้ ทา่ นคลิกเลือกที่คถว่า Blog admin เพื่อเป็ นการจัดการ ตกแต่ง เพิ่ม วิตเจ็ท ต่างๆ ให้ แก่บล็อกของท่านเอง ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
13
8.เมื่อท่านคลิกที่คําว่า Blog admin แล้ วระบบจะแสดงหน้ าจอของหน้ าควบคุมขึ ้นมาดัง ภาพ
ภาพที่ 13 ภาพแสดงหน้ าจอ หน้ าการควบคุมเว็บบล็อก wordpress -ในที่นี ้เราจะแนะนําในเรื่ องของการเลือกเปลีย่ น เทมเพลต ของเว็บบล็อกของท่าน โดยการไปที่ แถบเครื่ องมือทางด้ านขวา เลือกที่คําว่า Appearance และเลือก Themes ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
14
9. เมื่อเราเลือกที่คําสัง่ Themes แล้ วหน้ าจอของท่านจะทําการแสดงรูปแบบของเทมเพลต หรื อ ทีม สําเร็ จรูปต่างๆ ที่เว็บไซด์ wordpress นํามาให้ คณ ุ เลือกใช้ ตกแต่งบล็อกของคุณให้ สวยงามดังใจ มีทงั ้ เทมเพลตแบบฟรี และแบบเสียค่าใช้ จ่าย
ภาพที่ 14 ภาพแสดงหน้ าจอ ของเทมเพลตสําเร็ จรูปต่างๆ ของเว็บ wordpress -เมื่อท่านเลือกเทมเพลตที่ทา่ นต้ องการเรี ยบร้ อยแล้ วให้ ทา่ น คลิกเลือกที่คําว่า ใช้ งานใต้ รูปภาพ ของเทมเพลต เพื่อนําเทมเพลตนันๆ ้ ไปใช้ กบั บล็อกของท่าน ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
15
10. เมื่อท่านคลิกเลือกเทมเพลตที่ต้องการเรี ยบร้ อยแล้ วท่านยังสามารถทําการปรับแต่งเทมเพลต ของท่านเอง ดังนี ้
ภาพที่ 15 ภาพแสดงหน้ าจอการปรับแต่งเทมเพลต ใน wordpress -คลิกเลือก คําว่าปรับแต่ง เพื่อเป็ นการปรับแต่งเทมเพลตของท่านเอง เช่น การปรับแต่งการ ออกแบบข้ อความส่วนหัวของบล็อก สีข้อความ และ การจัด layout ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
16
11. วิธีปรับแต่งเทมเพลต (หัวข้ อเว็บและคําโปรย)
ภาพที่ 16 ภาพแสดงหน้ าจอการปรับแต่งเทมเพลต (หัวข้ อเว็บและคําโปรย) -เมื่อเข้ ามาในหน้ าจอการปรับแต่งแล้ ว ให้ ทา่ นมายังแถบเครื่ องมือด้ านขวา เลือกคําว่า หัวข้ อเว็บ และคําโปรย จากนันให้ ้ ใส่ข้อความที่จะเป็ นหัวข้ อเว็บของคุณ หัวข้ อเว็บคือ ข้ อความด้ านบนสุดที่ จะแสดงขึ ้นเป็ นหัวข้ อใหญ่ของเว็บบล็อกของท่าน -และเมื่อใส่หวั ข้ อเว็บเรี ยบร้ อยแล้ ว ให้ ทา่ นใส่ข้อความคําโปรย คือ หัวข้ อรองของเว็บบล็อกทีจ่ ะ แสดงขึ ้นต่อจากหัวข้ อหลัก -เมื่อท่านได้ ใส่ข้อความต่างๆ เรี ยบร้ อยแล้ วให้ คลิกเลือกคําว่า บันทึก เพื่อบันทึกการเปลีย่ นแปลง ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
17
12. เมื่อท่านเลือกเทมเพลตสําหรับบล็อกของท่าน และตกแต่งบล็อกเป็ นที่เรี ยบร้ อยแล้ ว ขั ้นตอน ต่อไปจะเป็ นขันตอนของการใส่ ้ ข้อมูลต่างๆ ของท่านลงไปยัง Blog wordpress มีขั ้นตอน ง่ายๆ ดังนี ้
1ชื่อเรื่อง
4.เพิ่มสือ
3 เครื่ องมือ 5 2 ช่ องพิมพ์ ข้อความ
ภาพที่ 17 ภาพแสดงหน้ าจอของการสร้ าง เอกสาร เพื่อเพิ่มลงในบล็อก wordpress - ขันตอนแรกคื ้ อ มายังแถบเครื่ องมือด้ านซ้ าย และคลิกเลือกคําว่า Post และเลือก add new - จากนัน้ พิมพ์ชื่อเรื่ องที่เราจะโพส -พิมพ์ข้อความต่างๆ ลงในช่องหมายเลข 2 ท่านยังสามารถจัดรูปแบบของข้ อความได้ โดยใช้ เครื่ องมือต่างๆ ในแถบเครื่ องมือ หมายเลข 3 และท่านยังสามารถเพิ่มรูปภาพหรื อ วีดีโอ ใน หมายเลข 4 -เมื่อท่านได้ ใส่ข้อความต่างๆ ของท่านเรี ยบร้ อยแล้ ว ให้ คลิกที่คําว่าเผยแพร่ในหมายเลข 5
18
ที่มา : www.wordpress.com จัดทําโดย : นางสาว อาภารัตน์ เถกิงเกียรติ , 2556
13. เมื่อตกแต่งเว็บบล็อกและ ใส่เนื ้อหาสาระต่างๆ เรี ยบร้ อยแล้ ว
ภาพที่ 18 ภาพแสดงหน้ าจอ บล็อก wordpress เมื่อทําการใส่ข้อมูลเนื ้อหาและตกแต่ง เรี ยบร้ อยแล้ ว
19
-
Communication Design Technology ARTI3319