การศึกษาจัดการและปรับแต่ง wordpress

1 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

2 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

คานา ในปัจจุบัน Social Network เป็นสื่อที่มีบทบาทเป็นอย่างมาก สามารถใช้งานไดสะดวกรวดเร็วได้รับรู้ ข่าวสารอย่างฉับไว และได้เริ่มเป็นส่วนหนึ่งของชีวิตประจาวัน โดยการนามาใช้เผยแพร่ข่าวสาร คลิปการเรียน การสอนต่างๆ บทความที่ให้ความรู้ หรือเป็นงานทางธุรกิจก็ตาม Wordpress คือ Script หรือ Software ชนิดหนึ่ง ที่ช่วยให้คนทั่วไป ที่ต้องการทาเว็บไซต์ของตนเอง ข้อมูลข่าวสาร เกร็ดความรู้ต่างๆ ก็สามารถที่จะเข้ามาใช้บริการของ http://wordpress.com/ ได้ หากรายงานเล่มนี้มีความผิดพลาดประการใด ขออภัย ณ ที่นี้ด้วยครับ

นายสุรเดช อุทรักษ์ ผู้จัดทา

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

3 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

มาทาความรู้จัก Wordpress Wordpress คืออะไร Wordpress เป็น Open Source Web Software ที่เราสามารถติดตั้งบนเว็บ Server ของเราเพื่อ สร้างเว็บไซต์ Webblog หรือ Community ตอนเริ่มแรก Wordpress เป็นเครื่องมือไว้สาหรับสร้าง Blog แต่ ได้รับการพัฒนามาเรื่อยๆ จนสามารถสร้างเป็นเว็บไซต์ หรือ เว็บ Community ได้แล้ว โดยมีระบบจัดการ บทความ หรือ Content Management System (CMS) ทาให้ง่ายต่อการใช้งาน ซึ่ง Wordpress สร้างขึ้น โดย Matt Mullenweg และ Mike little ตั้งแต่ในปี 2003 นับว่ามีการพัฒนามาถึง 10 ปีแล้ว และเมื่อเริ่ม

Search

หาคาว่า

Wordpress

ก็จะทาให้หลายคนงงต่ออีกว่า

ทาไมมันมี

wordpress.com กับ wordpress.org ละ สองอย่างนี้แตกต่างกันอย่างไร Wordpress.com ติดตั้งง่าย ต้องบอกว่าแค่สมัครไม่ต้องติดตั้ง เพราะเมื่อสมัครแล้วทาตามกระบวนการเสร็จแล้ว เราก็ จะได้เว็บที่เราต้องการ ภายใต้ url : xxxxx.wordpress.com แล้วไม่ต้องเสียค่า Hosting เพราะข้อมูลต่างๆ จะอยู่บน Server ของ wordpress.com มีการอัพเดต wordpress อยู่เสมอ เมื่อมีเวอร์ชั่นใหม่ออกมา มี Plugin ที่จาเป็นสาหรับเว็บทั่วๆ ไปติดตั้งไว้ให้แล้ว โดยเป็นทาง wordpress.com เลือกไว้ให้เราใช้งาน แน่นอนว่า

ฟรี

จะเสียค่าใช้จ่ายก็ต่อเมื่อเราต้องการอัพเกรด

เพื่อให้เรามีฟังค์ชั่นที่มากขึ้นจากที่ทาง

wordpress.com เตรียมไว้ให้ Wordpress.org อิสระในการใช้งาน เนื่องจากเราโหลดมาติดตั้งที่ Server ของเราเอง ดังนั้นเราสามารถปรับแต่งได้ ตามใจเรามากกว่าใช้งานบน wordpress.com ปรับแต่ง Themes ของเราได้ตามสะดวกและสามารถโหลด Themes มาติดตั้งเองได้ โดยไม่ต้องเลือกเฉพาะที่ทาง wordpress.com จากัดไว้ให้ติดตั้ง Pulgin ได้ตามใจ เรา อยากได้ตัวไหน Download มาติดตั้งได้เลย สามารถปรับแต่ง Code ได้ตามที่เราต้องการ และ wordpress.org เองก็มีคู่มือไว้รองรับอยู่แล้ว เลือก Hosting ที่เราต้องการ ในราคาที่เราต้องการได้ ไม่ถูก จากัดเพียงอยู่ที่เดียว

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

4 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

การศึกษาจัดการและปรับแต่ง Wordpress ฉบับสมบูรณ์ วิธีการดาวโหลดโปรแกรม Wordpressthai และการ Login

1

2 3

หมายเลข 1 เข้า Browser พิมว่า Wordpressthai.com หมายเลข 2 คลิกที่ Download หมายเลข 3 คลิกที่ “คลิกดาวน์โหลดที่นี่” จะเป็นโปรแกรม wordpressthai.com เวอร์ชั่น 3.51

4

หมายเลข 4 เลือกโฟลเดอร์ที่ต้องการเก็บไฟล์หรือสามารถเซพไว้ใน USB flash drive นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

5 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

6

5

7

หมายเลข 5 คลิกขวาที่ไฟล์ที่เราได้ดาวน์โหลดมา หมายเลข 6 ถ้าคลิก “แยกไฟล์....” แตกข้อมูลไฟล์ไปไว้ตามที่โฟลเดอร์ที่เราต้องการ หมายเลข 7 ถ้าคลิก “แตกไฟล์ลงที่นี่” จะเป็นการแตกข้อมูลในโฟลเดอร์นั้นเลย

8 9

หมายเลข 8 เป็นภาพรวมของไฟล์ที่ได้จากการแตกไฟล์ หมายเลข 9 เมื่อ ดับเบิ้ลคลิก สิ่งนี้ จะเป็นการเข้าใช้งานและเข้าไปปรับแต่ง wordpress ของตนเอง

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

6 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

10 11 13

12

หมายเลข 10 นี่เป็นหน้าโปรแกรมที่เราได้เปิดขึ้นมา จะมีลักษณะเป็นแบบนี้ หมายเลข 11 Apache จะมีเครื่องหมาย ติ๊กถูก ก็จะแสดงว่าการทางานของระบบปกติ (แต่ถ้าเป็น เครื่องหมายอื่นก็แปลว่าการทางานของระบบไม่เป็นปกติ อาจจะต้องดาวน์โหลดแล้วติดตั้งหใม่อีกครั้ง) หมายเลข 12 Mysql ก็จะมีเครื่องหมาย ติ๊กถูก เหมือนกันจะแสดงว่ามีการทางานที่ปกติ (แต่ถ้าเป็น เครื่องหมายอื่นก็แปลว่าการทางานของระบบไม่เป็นปกติ อาจจะต้องดาวน์โหลดแล้วติดตั้งหใม่อีกครั้ง) หมายเลข 13 Localhost เมื่อเราคลิกที่นี่จะเป็นการเริ่มใช้งานของระบบ wordpressthai V.3.51

14 15

หมายเลข 14 จะเป็นหน้าที่เราได้คลิกเข้ามา หมายเลข 15 เมื่อคลิก http://localhost:8080/wordpressthaiedition จะเข้าสู่หน้า wordpress ที่เรา ต้องการจะแก้ไข นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

7 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

16

17

หมายเลข 16 เมื่อเข้ามาแล้ว มองหาส่วนนี้ก่อนเลย นั่นก็คือ การบริหารจัดการบล็อก หมายเลย 17 คลิกเข้าสู่ระบบ

18 19

20 21 หมายเลข 18 นี่คือหน้าเว็บที่คุณได้คลิกจาก “เข้าสู่ระบบ” หมายเลข 19 ในหัวข้อ “ชื่อสมาชิกผู้ใช้” ให้พิมพ์ว่า Admin หมายเลข 20 ให้หัวข้อต่อมา “รหัสผ่าน” ให้พิมพ์ว่า Admin หมายเลข 21 คลิก “เข้าสู่ระบบ”

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

8 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

การแก้ไขข้อมูล ประวัติเบื้องต้นของผู้ใช้

22

23

หมายเลข 22 เมื่อ Login เข้ามาแล้วเห็นเป็นชื่อของเราแล้ว ก็แปลว่า Wordpress ของเราไม่สามารถ มีใครมาเปลี่ยนแปลงได้นอกจากเราเอง หมายเลข 23 เมื่อคลิก “การตั้งค่า” จะเป็นการแก้ไขข้อมูลเบื้องต้นของเว็บไซต์ที่เราสร้างขึ้น

24 25

26 หมายเลข 24 ส่วนนี้จะเป็นการตั้งชื่อ เว็บไซต์ ของเรา หมายเลข 25 จะเป็นคาอธิบายเกี่ยวกับเว็บไซต์ของเรา นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

9 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

หมายเลข 26 การตั้งเวลา ควรตั้งไปที่ UTC+7 เพราะว่ามันเป็นเวลาของประเทศไทย

27 28 29 หมายเลข 27 จะเป็นรูปแบบของการแสดงในส่วยของ วัน/เดือน/ปี สามารถเลือกได้ตามต้องการ หมายเลข 28 เป็นรูปแบบของการแสดงเวลา เลือกได้ตามต้องการ หมายเลข 29 เมื่อตั้งค่าเบื้องต้นเสร็จเรียบร้อย คลิกที่ “บันทึกการเปลี่ยนแปลง” ก็จะเสร็จในส่วน ของการตั้งค่า การปรับแต่ง Themes หรือการจัดการชุดรูปแบบกราฟิกบล็อก

31 34

30 32

35

36

33 37

หมายเลข 30 เมื่อคลิกแล้วจะเป็นหน้าของเมนู “รูปลักษณ์หน้าเว็บ” หมายเลข 31 จะเป็นชื่อ Themes ที่เรากาลังได้ใช้งานอยู่

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

10 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

หมายเลข 32 จะเป็นการปรับแต่ง Themes ที่เราได้ใช้งานอยู่ สามารถปรับแต่งได้หลากหลาย มากมาย หมายเลข 33 จะเป็น “บล็อกเมนูข้าง:Widgets” จะเป็นพวกส่วนการเพิ่งลูกเล่น ไม่ว่าจะเป็น นาฬิกา ปฏิทิน คลิปวิดีโอ ฯลฯ หมายเลข 34 การสร้างรายการเมนู จะเป็นส่วนของแทบด้านบน เป็นเมนูเนื้อหา หมายเลข 35 เป็นเมนู “BlackForme Theme Options” จะเป็นการปรับแต่งในส่วนของสีของ Themes หมายเลข 36 เมนู “สีพื้นหลัง” เป็นสีที่ใช้ในพื้นหลังของ หมายเลข 37 ในส่วนนี้เป็นรูปแบบ Themes ที่มีทั้งหมด

38 หมายเลข 38 ถ้าอยากจะเพิ่มรูปแบบ Themes คลิกที่ “ติดตั้งชุดรูปแบบกราฟิกบล็อก เพิ่ม”

39

40 42

41

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

11 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

หมายเลข 39 เมื่อเราไปดาวน์โหลด Themes Wordpress มาเมื่อเราคลิกที่ “ส่งไฟล์ขึ้น” เรา สามารถอัพโหลดมาใช้ได้ หมายเลข 40 เมนู “ที่จัดทา-ที่ติดตั้งไว้แล้ว” เป็น Themes ที่เรามีอยู่แล้ว หมายเลข 41 โหมดนี้ Themes มีเป็นแบบที่ใหม่ล่าสุด สามารถดาวน์โหลดมาใช้งานได้ปกติ หมายเลข 42 “ปรับปรุงล่าสุด” ก็คือ ชุดรูปแบบเก่าที่ทางเว็บออกแบบได้นาไปปรับปรุงให้เราใช้ใน เวอร์ชั่นใหม่ การปรับแต่งหน้า Login

42 43

หมายเลข 42 เข้ามาสู่โฟลเดอร์ที่เราได้บันทึกไฟล์ Wordpress ไว้ หมายเลข 43 ดับเบิ้ลคลิก เข้าโฟลเดอร์ Root

44 นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

12 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

หมายเลข 44 ต่อมาดับเบิ้ลคลิก เข้าที่โฟลเดอร์ wordpressthaiwdition

45

หมายเลข 45 ดับเบิ้ลคลิกที่ wp-admin

46

หมายเลข 46 ดับเบิ้ลคลิกที่ images

47

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

13 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

หมายเลข 47 เมื่อเห็นไฟล์ภาพชื่อ wordpress-logo ก็ลากไปตกแต่งได้ที่โปรแกรม Photoshop แล้วเซพให้เป็นชื่อนี้ ก็คือ wordpress-logo

รายงานสรุปวิชา : ARTI3319 เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ รายงาน : คู่มือปรับแต่งการจัดการบริหาร Wordpress สรุปความโดย นายสุรเดช อุทรักษ์ รหัสนักศึกษา 5211302178 กลุ่มเรียน 201 คณะมนุษยศาสตร์และสังคมศาสตร์ สาขาวิชาออกแบบนิเทศศิลป์ Contact E-mail : Suradach14@gmail.com Publish Blog : http://arti3319-suradach.blogspot.com/

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556

14 เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

นาย สุรเดช อุทรักษ์ 25 กันยายน พ.ศ. 2556