รายงาน วิชา…. Visual communication design technology ARTI 3319 เรื่อง…wordpress ส่ง อาจารย์ ผู้ช่วยศาสตราจารย์ ประชิด ทิณบุตร จัดทาโดย ชื่อ มณีกานต์ นามสกุล ทองชุม รหัส….5213000523 ภาคเรียนที่ 2/54 กลุ่ม 102 เอก….ศิลปกรรม แขนง….ออกแบบนิเทศศิลป์
มหาวิทยาลัยราชภัฏจันทรเกษม
คานา รายงานชิ้นนี้เป็นส่วนหนึ่งของรายวิชา เทคโนโลยีเพื่อการออกแบบ ARTI3319 เนื้อหาในรายงานเล่มนี้จะประกอบไปด้วยสื่ออิเล็คโทนิกส์ทางเว็บไซด์โดยเว็บ ไซด์ที่จะนาเสนอนี้มีชื่อว่า wordpress ทุกๆอย่างในรายงานจะมีการนาเสนอวิธีการทาและ วิธีการใช้ wordpress เป็นต้น หากรายงานเล่มนี้ผิดพลาดประการใดก็ขออภัย ณ ที่นี้ด้วย
จัดทาโดย นางสาว มณีกานต์ ทองชุม นักศึ กษาศิลปกรรม สาขาออกแบบนิเทศศิลป์
สารบัญ เรื่อง รวมขั้นตอนในการดาเนินงานทั้งหมด ประวัติความเป็นมา wordpress ประโยชน์ที่ได้รับ WordPress คืออะไร ริการของ WordPress บริการของ WordPress แต่ง WordPress ให้สวยด้วยธีม (Theme) 10 ธีมคืออะไร การเลือกธีม หลักการเลือกธีมเบื้องต้น ความสาคัญของ wordpress theme Premium ไม่เหมาะสมอย่างยิ่ง เหตุผลผมคงวิเคราะห์ในแบบของผมได้ประมาณนี้ วิธีการและขั้นตอนการเข้าใช้ wordpress แบบออฟไลฟ์ Mood-board
หน้า 1 1 1-2 2 2 2-3 3 4 5-6 6 7-17 18
รายงานเรื่องขั้นตอนการดาเนินงานและ การรายงานเรื่องไฟล์เอกสารทั้งหมด ใน Visual communication design technology
โดย : นางสาว มณีกานต์ ทองชุม รหัสนักศึกษา : 5213000523 หมู่เรียน ศศบ 521(4)/13A กลุ่มเรียน :102 วันพฤหัสบดี 13.00น. วิชา:Visual communication design technology รหัสวิชา ARTI3319 Blogger :http://maneekarn-arti3319-technologyvi.blogspot.com/ E-mail : http://maneekarn2532@gmail.com เรื่อง wordpress
ประวัติความเป็นมา wordpress หลายคนรู้จักกันดีและบางคนก็อาจจะกาลังใช้งานอยู่ก็ได้แต่จะมีสักกี่คนที่รู้ว่า wordpress มีประวัติ ความเป็นมายังไงเดี๋ยวจะได้รู้กันครับ ความเป็นมาของ wordpres เริ่มจาก B2 หรือ cafelog คือผู้ที่ให้กาเนิดการทางานของเว็บบล๊อกที่ชื่อว่า wordpress ได้การผลิตบล็อกชนิดนี้ขึ้นครั้งแรกประมาณปี 2003 ตอนนั้นมีบล็อก wordpress อยู่ประมาณ 2000 บล็อก บล็อกที่ชื่อว่า wordpress นี้ เขียนด้วยภาษา PHP เพื่อที่จะใช้กับ MySQL โดยผู้เขียน wordpress ก็คือ Michel Valdrighi เป็นผู้ร่วมพัฒนา wordpress ตอนนั้น wordpress ยังอยู่ใน B2evolution wordpress ได้ปรากฏสู่โลกในปี 2003 โดยเป็นความพยายามของ Matt Mullenweg และ Mike little ในปี 2004 ได้ถูกเปลี่ยนแปลงโดย six apart ทาให้มีผู้งาน wordpress จานวนมากขึ้น และเริ่มก่อเกิดแบรนด์ wp หรือ wordpress ขึ้นมาและมีการใช้งานมากขึ้นและการพัฒนาอย่างต่อเนื่องจนมาถึงปัจจุบัน ในปี 2007 wordpress ได้รับรางวัลชนะเลิศในเรื่องของ Packt open source CMS award นี่คือประวัติความเป็นมาของ wordpress แบบย่อๆที่สุดนะครับเดี๋ยววันหลังผมจะแปลแบบฉบับเต็มมาให้อ่านกัน พอดีไม่เก่งภาษาอังกฤษเท่าไหร่ สามารถศึกษาความเป็นมาของ wordpress เพิ่มเติมได้ที่ http://th.wikipedia.org/wiki/Wordpress ประโยชน์ที่ได้รับ 1.ทาให้ทราบว่า WordPress สามารถนามาประยุกต์ทา Blog Review สินค้าได้ 2.WordPress สามารถทา SEO ให้ติดบน Search Engine ได้ง่าย 3.เราสามารถนา WordPress มาทาเป็น Community เป็นการทดสอบผลิตภัณฑ์ หรือไอเดียใหม่ 4.WordPress -ติดตั้งใช้งานง่าย มีลูกเล่นเสริม มีประสิทธิภาพมากมาย 5.สามารถดาวน์โหลดธีมได้ฟรี 6.ทาให้ทราบว่า WordPress สามารภนามาทาเว็บไซต์แสดงผลงานของตนเอง หรือทา ทาเว็บไซต์ 7.E-Commerce สร้างแกลลอรี่ (Gallery) ทาเว็บไซต์รวบรวมบทความ เป็นต้น WordPress คืออะไร WordPress คือเป็นซอฟต์แวร์ blog ที่ได้รับความนิยมกันไปทั่วโลก ซึ่ง WordPress พัฒนาโดยใช้ภาษา PHP แล้ว ให้ใช้งานร่วมกับระบบฐานข้อมูล เช่น MySQL ซึ่งซอฟต์แวร์ WordPress ตัวนี้ เป็นซอฟต์แวร์ที่แจกให้ใช้ได้ฟรี ทา ให้มีผู้นิยมใช้กันแพร่หลาย WordPress พัฒนามาเพื่อใช้ในการ อัพเดท blog โดยเฉพาะ ดังนั้นตัวโปรแกรมเอง พัฒนามาให้ใช้งานง่ายดาย โดยมีความง่ายตั้งแต่การติดตั้ง จนกระทั่งการเขียน blog หรือการเปลี่ยนรูปแบบดีไซน์ หรือธีมของ blog ก็สามารถ ทาได้สะดวกง่ายดาย
บริการของ WordPress WordPress มีบริการ (และ application) รวมทั้งหมดประมาณ 3 แบบดังนี้ 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 ให้สวยด้วยธีม (Theme) 10 ธีมคืออะไร สิ่งหนึ่งที่ทาให้ WordPress น่าใช้คือ คุรสามารถเปลี่ยนหน้าตาของมันได้ง่ายดาย และที่ดีไปกว่านั้นคือ หน้ากาก ของ WordPress หรือที่เรียกว่า “ธีม” นั้น คุณไม่ต้องเสียตังค์ซื้อเลย เพียงแค่เลือกดาวน์โหลดมาจากเว็บไซต์บริการ ธีมฟรีๆมากมาย แล้วอัปโหลดขึ้นไปบนโฮสต์ของคุณเพื่อเลือกใช้จากเมนู Presentation ของ Admin Panel ได้ ทันที แต่ต้องขอเตือนไว้ก่อนว่า ให้คุณเลือกธีมโดยยึดที่ประสิทธิภาพในการใช้งานเป็นหลัก ไม่ใช่เลือกจากหน้าตาที่ สวยงามเพียงอย่างเดียว เพราะธีมบางธีมอาจสร้างปัญหาให้คุณได้ ดังนั้น เมื่อเกิดปัญหา แนะนาให้คุณเข้าไปลบธีมนั้นออกไปจากโฮสต์ก่อน เมื่อลบแล้ว WordPress จะเปลี่ยนธีมก ลับมาเป็นแบบเก่าเอง (ค่า Default) จากนั้นคุณค่อยหาธีมที่ใช้งานได้ดีมาใช้แทน การเลือกธีม หลักการเลือกธีมเบื้องต้น
การเลือกธีมไม่มีคาว่าถูกหรือผิด แต่ให้คิดถึงประสิทธิภาพการใช้งานให้มากที่สุด ธีมที่เลือกใช้ไม่ควรโหลดช้าเกินไปเมื่อนามาใช้งานจริ
ง สีสันของธีมควรจะเหมาะกับเนื้อหาหรือเรื่องราวของบล็อกที่คุณนาเสนอ โดยนึกถึงความรู้สึกผู้อ่านด้วย เพราะคนส่วนใหญ่ชอบอ่านบล็อกที่มีสีสันสบายตา และอ่านง่ายไม่แสบตา เมื่อเลือกธีมได้แล้ว ให้ลองเปิดบล็อกนี้ด้วยโปรแกรมเว็บเบราเซอร์ตัวหลักๆ เช่น IE หรือ Firefox เวอร์ชันใหม่ๆดูว่ามันใช้งานได้ดีเหมือนกันหมดหรือไม่ เมื่อเลือกธีมได้แล้ว ตรวจดูฟังก์ชันต่างๆว่าทางานได้ปรกติดีหรือเปล่า ความสาคัญของ wordpress theme August 1, 2011 Wordpress No comments
WordPress Theme นั้นมีความสาคัญมากกว่าแค่ความสวยงาม หลายคนอาจทราบแต่อีกหลายคนก็อาจจะไม่ ทราบ หากเราหาเงินออนไลน์ด้วยการทา Affiliate Theme ที่ดีในความเห็นของผมนั้นความเป็น Theme ที่เรียบ ง่าย ไม่ซับซ้อน และเปิดเรียกได้อย่างรวดเร็วแม้ว่าจะดูเชยในสายตาเราแต่มันก็สามารถทางานได้อย่างมี ประสิทธิภาพมากกว่า Theme แบบ Premium เสียด้วยซ้าบทความเกี่ยวกับ WordPress Theme นี้อาจจะไม่ ถูกต้อง หรืออาจจะไม่มีทฤษฏีอะไรมารองรับ แต่มันมาจากการสังเกตุและเกิดขึ้นกับ blog ของเราเอง
จากภาพด้านขวา ไม่ได้ตัดต่อหรือตกแต่งอะไร นี่คือ blog หลักของเรา ที่ทายอดไม่ได้ดังใจมากว่า 1 เดือน เพราะ ได้ทาการเปลี่ยน Theme เดิมซึ่งมีความเชยอยู่เต็มเปี่ยม (แต่มียอดขายพอสมควร) มาเป็น Theme แบบ Premium ที่มีความสวยงามและอลังการกว่าเดิมมาก ผลก็คือ ขายออกยากมากครับ blog ขายของเล็กๆแบบของผมนั้น การ ใช้ Theme แบบ Premium ไม่เหมาะสมอย่างยิ่ง เหตุผลผมคงวิเคราะห์ในแบบของผมได้ประมาณนี้
Blog เล็กๆ Theme แบบ Premium จะดึงให้ blog ของเราทางานได้ช้าลง ฝรั่งเปิดได้ช้าพาลูกค้าหนีหมด Blog เล็กๆ ที่ทางานแบบรีวิวสินค้า ความสวยของเครื่องทรงจาก Theme นั้น ไม่ได้ช่วยอะไรเลย การมี เนื้อหาและตาแหน่งคลิ๊กที่ตรงใจลูกค้าต่างหากที่สาคัญกว่า
จานวนทราฟฟิคที่เพิ่มขึ้นจากภาพ ผมไม่แน่ใจนัก น่าจะเกิดจากการเปิด blog ที่เร็วขึ้น ทาให้ฝรั่งอยู่นาน ขึ้น
วิธีการและขั้นตอนการเข้าใช้ wordpress แบบออฟไลฟ์ ขั้นตอนของการเข้าใช้ wordpress โดยมีรูปภาพประกอบในการเข้าใช้ มาเป็นตัวอย่าง ดังนี้ ขั้นตอนที่ 1 คลิกเข้าไปที่ USB Webserver 8.0 แล้วคลิกต่อไปที่เมนู Localhost
ขั้นตอนที่ 2 จากนั้นก็คลิกที่ลิงค์ http://localhost:8080/wordpressthaiedition เพื่อเข้าสู้หน้าต่างของเว้บต่อไป
ขั้นตอนที่ 3 เมื่อคลิกเข้าไปใน http://localhost:8080/wordpressthaiedition แล้วก็เข้าเป็นหน้าโปร์ไฟล์ของตนเอง
ขั้นตอนที่ 4 เมื่อเข้าไปหน้าโปร์ไพล์แล้วก็คลิก “เข้าสู้ระบบ” ข้างล่างขวามือจากนั้นหน้าเว็บจะขึ้นการกรอกรหัสผ่าน
ขั้นตอนที่ 5 เมื่อคลิกเข้าไปที“่ เข้าสู้ระบบ”แล้วหลังจากนั้นหน้าเว็บก็จะปรากฏขึ้นหน้า การเริ่มตั้งค่าการใช้wordpress
ขั้นตอนที่ 6 หลังจากนั้นก็คลิกเข้ิาไปที่เมนูตัวเลือกฝังแท็บด้านซ้ายมือคาว่า “โปรแกรมเสริม”
ขั้นตอนที่ 7 หลังจากเข้าไปคลิกที่ “โปรแกรมเสริม”แท็บเมนูซ้ายมือแล้วก็คลิกตรงคาว่า “Browse” เพื่อที่จะเปิดไฟล์รูป
ขั้นตอนที่ 8 จากนั้นจะขึ้นหน้าแทบ File Upload เพื่อทาการโหลดธีมที่ิจะใช้
ขั้นตอนที่ 9 จากนั้นก็คลิกที่ File ที่ต้องการดังรูป
ขั้นตอนที่ 10 จากนั้นก็เข้าไปที่การติดตั้งโปรแกรมเสริมอีกครั้งแล้วไปคลิกตรงที“่ Browse”เพื่อที่จะโหลดรูปธีมลงดังรูป
ขั้นตอนของการเปิดไฟล์ Slidedeck ขั้นตอนที่ 11 หลังจากที่ติดตั้งโปร์แกรมเสริมจากไฟล์ที่ส่งขึ้นระบบแล้วก็ทาการเปิดใช้งานโปรแกรมเสริม Slidedeck ดังรูป
ขั้นตอนที่ 12 จากนั้นก็จะปรากฏหน้าโปรแกรมเสริมเปิดใช้งาน
ขั้นตอนที่ 13 จากนั้นก็เลื่อนลงมาคลิกตรงที่ Slidedeck แล้วคลิกตรงที่ตัวเลือก Add New Slidedeck
ขั้นตอนที่ 14 เมื่อเข้าใช้ Add New Slidedeck ก็จะปรากฏหน้านี้ขึ้นมา
ขั้นตอนที่ 15 จากนั้นก็ไปคลิกตรงที่ Folder wordpress แล้วไปคลิกตัวเลือกไฟล์คาว่า “root”
ขั้นตอนที่ 16 จากนั้นก็จะปรากฏหน้า Folder ใหม่ขึ้นแล้วให้ไปคลิกตรงที่ตัวเลือกไฟล์คาว่า “wordpress thaiedition”ดังรูป
ขั้นตอนที่ 17 จากนั้นก็จะปรากฏหน้า Folder ใหม่ขึ้นแล้วให้ไปคลิกตรงที่ตัวเลือกไฟล์คาว่า “Themes”ดังรูป
ขั้นตอนที่ 18 จากนั้นก็เปิดFolderที่ได้ไปโหลดรูปมาดังภาพ
ขั้นตอนที่ 19 จากนั้นก็โยนไฟล์ไปที่ Folder หน้าแรกของธีมที่เปิดเอาไว้แล้วดังรูป
ขั้นตอนที่ 20 เมื่อทาการโหลดไฟล์รูปเสร็จเรียบร้อยแล้วจากนั้นก็เปิดหน้าของการตั้งค่า wordpress ที่ Add New Slidedeck แล้วไปคลิกตรงที่ “รูปลักษณ์หน้าเว็บ”
ขั้นตอนที่ 21 จากนั้นหน้าเว็บก็จะเปลี่ยนมาเป็นหน้าที่ การจัดการชุดรูปแบบกราฟิกบล็อค
ขั้นตอนที่ 22 จากนั้นก็กลับไปที่รูปลักษณ์หน้าเว็บแล้วไปตั้งค่าหัวเว็ปดังรูป
ขั้นตอนที่ 23 จากนั้นก็ไปคลิกที่แท็บเมนูฝังซ้ายมือคาว่า “การตั้งค่าระบบ”ดังรูป
Mood-board