15

Visual Communication Design Arti3319

Embed Size (px)

DESCRIPTION

รายงานเล่มนี้เป็นการแสดงวิธีการทำ Wordpress themes Desing

Citation preview

รายงาน

เรื่อง WordPress

จัดท าโดย

นาย นิติธร ตันตระกูล

รหัสนักศึกษา 5213000440 กลุ่ม 102

เสนอ

ผศ.ประชิด ทิณบุตร

รายงานฉบับนี้เป็นส่วนหนึ่งของการเรียนวิชา Visual communication design technology ARTI3319

ภาคเรียนที่ 2 ปีการศึกษา 2554

มหาวิทยาลัยราชภัฏจันทรเกษมคณะมนุษยศาสตร์และสังคมศาสตร ์สาขาวิชา ศิลปกรรม แขนงออกแบบนิเทศศิลป ์

ค า น า รายงาน นี้เป็น ส่วนหนึ่งของวิชาVisualcommunication design technology ARTI3319 ภาคเรียนที่ 2 ปีการศึกษา 2554จัดท าขึ้นเพื่อเป็นการสรุปการศึกษาการท า WordPressใน รายงานเล่มนี้ได้กล่าวสรุปเนื้อหาเกี่ยวกับการศึกษาเทคโนโลยีเพื่อการออกแบบ นิเทศศิลป์ผลกระทบของเทคโนโลยีที่มองเห็นว่ามีต่อวิชาชีพนักออกแบบนิเทศศิลป์เพื่อให้นักศึกษาได้รับความรู้และความเขาใจในการประกอบ อาชีพในอนาคตต่อไป หากรายงานเล่มนี้ผิิดพลาดประการใดก็ขออภัย ณ ที่นี้ด้วย

นาย นิติธร ตันตระกูล ผู้จัดท า

สารบัญ เรื่อง หน้า ความเป็นมาของWordPress 1-2 ค าแนะน า WordPress.com 2 ค าแนะน า WordPress.org 2 ค าแนะน า WordPressMu 2 ขั้นตอนการสมัครWordPressและการปรับแต่งWordPress 3-10

ความเป็นมาของWordPress เวิร์ดเพรสส์ (อังกฤษ: WordPress) เป็นโปรแกรมช่วยสร้างบล็อก ซึ่งเขียนด้วยภาษาพีเอชพีและใช้ฐานข้อมูล MySQL มีสัญญาอนุญาตใช้งานแบบ GPL เริ่มพัฒนาโดย แมตต์ มูลเลนเวก รุ่นปัจจุบันคือ 3.2.1 หลังจากซอฟต์แวร์สร้างบล็อก Movable Type ของบริษัท Six Apart ได้เปลี่ยนแปลงการคิดค่าใช้งานใน พ.ศ. 2547 ผู้ใช้เดิมของ Movable Type จ านวนมากจึงหันมาใช้ เวิร์ดเพรสส์แทนเน่ืองจากว่ามีรูปแบบการใช้งานคล้ายคลึงกันซึ่งปัจจุบันเวิร์ดเพรสส์ได้รับความนิยมเป็นอย่างมากจากบล็อกเกอร์ท่ัวโลก เนื่องจากเป็นระบบที่มีความยืดหยุ่นในการใช้งาน อีกทั้งยังมีผู้ที่สร้างปลั๊กอิน (โปรแกรมเสริม)ธีม(รูปแบบการแสดงผล)รวมท้ังระบบอื่นๆที่สามารถใช้งานร่วมกับเวิร์ดเพรสส์ได้เป็นจ านวนมาก จึงท าให้ เวิร์ดเพรสส์ได้รับความนิยมอย่างยิ่งนอกจากนี้ เวิร์ดเพรสส์ยังได้แตกหน่อออกมาเป็น เวิร์ดเพรสส์ มิว เพื่อให้ผู้ใช้งานสามารถน าไปใช้สร้างเว็บบล็อก เพื่อให้ผู้อ่ืนใช้งานได้อีกด้วย ซึ่งระบบของ เวิร์ดเพรสส์MU น้ัน ได้มีการปรับปรุงให้รองรับกับผู้ใช้งานจ านวนมากขึ้นกว่า เวิร์ดเพรสส์ในรุ่นปกต ิปัจุจบันได้มีการ แก้ไขโค้ดของ เวิร์ดเพรสส์เพื่อใช้ในการให้บริการพื้นที่สร้างบล็อกด้วย

เวิร์ดเพรส เป็นระบบแพลตฟอร์มที่เหมือนด่ังงานศิลป์ชั้นเอกที่ใช้ในการเผยแพร่เรื่องราวส่วนตัวของคุณ เพราะเวิร์ดเพรสน้ันมีทั้งความสวยงาม ถูกสร้างตามมาตรฐานเวบ และความสามารถในการใช้งานมากมาย คุณสามารถใช้งานเวิร์ดเพรสได้โดยไม่ต้องจ่ายเงินซื้อเลยเวิร์ดเพรสยังเป็นระบบที่คุณสามารถใช้งานได้ง่าย เพราะว่าคุณต้องการเขียนบล็อกต่างหาก! ไม่ได้ต้องการมางงกับ ค าส่ังและ code มากมายของระบบเขียนบล็อก

เวิร์ดเพรส เป็น โปรแกรมบนเว็บที่คุณสามารถใช้เพื่อสร้างเว็บไซต์หรือบล็อกที่สวยงามได้ เราจึงสามารถพูดได้ว่าเวิร์ดเพรสน้ันเป็นโปรแกรมที่ฟรีและหาค่าไม่ได้ในเวลาเดียวกัน โปรแกรมหลักถูกพัฒนาขึ้นโดยอาสาสมัครหลายร้อยคน และคุณยังสามารถเลือกใช้ theme และปล๊ักอินจ านวนกว่าหลายพนัเพื่อเปลี่ยนเว็บของคุณตามต้องการ ผู้คนมากกว่า 25 ล้านคนเลือกใช้เวิร์ดเพรสเพื่อสร้างเว็บที่พวกเขาเรียกว่า "บ้าน" พวกเราจึงยินดีเป็นอย่างย่ิงที่คุณจะมาร่วมเป็นส่วนหนึ่งของครอบครัวของเรา WordPress คือเป็นซอฟต์แวร์ blog ที่ได้รับความนิยมกันไปทั่วโลก ซึ่ง WordPress พัฒนาโดยใช้ภาษา PHP แล้วให้ใช้งานร่วมกับระบบฐานข้อมูล เช่น MySQL ซึ่งซอฟต์แวร์ WordPress ตัวน้ี เป็นซอฟต์แวร์ที่แจกให้ใช้ได้ฟรี ท าให้มีผู้นิยมใช้กันแพร่หลาย WordPress พัฒนามาเพื่อใช้ในการ อัพเดท blog โดยเฉพาะ ดังน้ันตัวโปรแกรมเอง พัฒนามาให้ใช้งานง่ายดาย โดยมีความง่ายต้ังแต่การติดตั้ง จนกระท่ังการเขียน blog หรือการเปลี่ยนรูปแบบดีไซน์ หรือธีมของ blog ก็สามารถท าได้สะดวกง่ายดาย

1. WordPress.com

เป็นบริการให้พื้นที่ blog ฟรี และหากอยากได้พื้นที่เพิ่ม ก็สามารถจ่ายเงินเพิ่มได้ ส าหรับตัวน้ี ไม่ต้องลงโปรแกรมเอง แค่สมัครผ่านเว็บก็ใช้ได้เลย รูปแบบ url ที่ได้ ก็จะเป็นรูปแบบที่เรียกว่า ซับโดเมน (subdomain) ตัวอย่างเช่น kengdotcom.wordpress.com เป็น ข้อดีของการใช้บริการจาก wordpress.com คือ ไม่เสียค่าใช้จ่ายในการเช่า host เพราะทาง WordPress.com ให้เราฟรี 3 GB. ก่อนแล้ว แต่ก็มีข้อจ ากัดอื่น ๆ เช่นไม่สามารถปรับแต่ง CSS เพื่อปรับ layout ให้เป็นแบบที่เราต้องการได้อย่างสุด ๆ แบบนี้เหมาะส าหรับคนที่ ไม่สนใจที่จะปรับแต่งมากมาย แค่อยากเขียนเฉย ๆ เพราะใช้ได้ทันที ไม่ต้องใช้เทคนิค ในการท าเว็บ เยอะมากนัก แต่ส าหรับคนที่เขยีนจนเก่งแล้ว หรืออยากปรับแต่งขึ้นมา หรืออยากใช้โดเมนของเราเอง ทาง wordpress.com ก็มีบริการเสริม เพื่อให้เราใช้บริการ ซื้อพื้นที่เพิ่ม ซื้อการชี้โดเมนมาที่ blog ของเราใน WordPress.com เป็นต้น

2. WordPress.org

เป็นโปรแกรม ให้เรามาติดตั้งเองในเว็บโฮสติ้งของเรา สามารถดาวน์โหลดโปรแกรมนี้ได้ที่ wordpress.org เหมาะส าหรับผู้ที่มีความรู้ เรื่องการติดตั้งโปรแกรม และฐานข้อมูลบ้างนิดหน่อย เพราะว่าการติดตั้งโปรแกรม WordPress ก็ไม่จ าเป็นต้องมีความรู้เรื่องทางเทคนิคมากนัก เรยีกได้ว่าติดตั้งง่ายน่ันเอง WordPress แบบนี้สามารถปรับแต่งดีไซน์ หรือเลือก theme ใหม่ ๆ มาใส่ได้เองตลอดเวลา ข้อจ ากัดจะข้ึนอยู่กับจ านวนพื้นที่ ที่เราเช่าไว้ กับทางบริษัทเว็บโฮสติ้งน่ันเอง เหมาะมากส าหรับคนที่ชอบปรับแต่งโน่นแต่งนี่ตลอดเวลา ตัวอย่างเช่น keng.com ก็ใช้ WordPress แบบนี ้

3. WordPress Mu

เป็นโปรแกรม ให้เราเอามาติดตั้งเองในเว็บโฮสติ้ง ของเราเช่นเดียวกัน เพียงแต่ว่า WordPress Mu จะเป็นการให้บริการ WordPress ให้คนท่ัวไปเข้ามาเขียน อธิบายง่าย ๆ ก็คือ ตัวโปรแกรม WordPress Mu น้ัน สามารถท าให้เรา เป็นผู้ให้บริการพื้นที่ blog เหมือน WordPress.com น่ันเอง แต่การติดตั้ง จะค่อนข้างยากสักหน่อย ใช้เทคนิคการปรับแต่ง server เข้ามาช่วย หากต้องการใช้ function บางอย่าง ตัวอย่างเว็บที่ใช้ WordPress mu ก็คือ Travelify.com ที่แจกพื้นที่ blog ส าหรับเรื่องท่องเที่ยว

ข้ันตอนการสมัครWordPressและการปรับแต่งWordPress ข้ันตอนที1่

ไปที่ Localhost เพื่อท าการเข้าระบบในการใช้งานของWordPress

ข้ันตอนที2่

จากนั้นเิข้าไปที่เว็ปลิงค ์http://localhost:8080/Wordpressthaie.dition เพื่อเข้าสู่หน้าเว็ปต่อไป

ข้ันตอนที3่

เมื่อคลิกเข้าไปในระบบแล้วก็ท าการใส่ ชื่อผู้ใช้ และ รหัสผ่าน

ข้ันตอนที4่

เข้าไปที่การติดตั้งโปรแกรมเสริมทางด้านซ้ายมือเพื่อเอาไฟล์ที่จะติดตั้งโปรแกรม

ข้ันตอนที5่

แล้วหลังจากน้ันท าการ Browse เพื่อที่จะท าการอัพโหลดไฟล์ลงมา

ข้ันตอนที6่

จากนั้นจะขึ้นไฟล์ Upload เพื่อท าการโหลดธีมที่จะใช้ลงมา

ข้ันตอนที7่

จากนั้นคลิกไฟล์ที่จะอัพโหลด

ข้ันตอนที8่

จากนั้นเข้าไปติดตั้งโปรแกรมเสริมจากน้ันไฟล์ที่จะเปิดข้ึนระบบแล้วท าการเปิดใช้งานโปรแกรม

slidedeck-lite-for-wordpress.zip

ข้ันตอนที9่

แล้วหลังจากน้ันก็ไปที่ add New

ข้ันตอนที1่0

จากนั้นก็ไปคลิกตรงที่ Folder wordpress แล้วไปคลิกตัวลือกไฟล์ค าว่า root

ข้ันตอนที1่1

จากนั้นก็จะปรากฏหน้า Folder ใหม่ขึ้นแล้วให้ไปคลิกตรงที่ตัวเลือกไฟล์ค าว่า wordpress thaiedition

ข้ันตอนที1่2

จากนั้นก็จะปรากฏหน้า Folder ใหม่ขึ้นแล้วให้ไปคลิกตรงที่ตัวเลือกไฟล์ค าว่า Themes

ข้ันตอนที1่3

จากนั้นหน้าเว็บก็จะเปลี่ยนมาเป็นหน้าที่ การจัดการชุดรูปแบบกราฟิกบล็อค

ข้ันตอนที1่4

จากนั้นก็กลับไปที่หน้าเว็บแล้วไปตั้งค่าปรับแต่งรูปส่วนหัวของ WordPress

ข้ันตอนที1่5

ต่อจากน้ันก็แิต่งพื้นหลังของ WordPress

ข้ันตอนที1่6

สุด้ายคือการเพิ่ม Widgets