Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

พื้นฐานการใช้งาน wordpress เบื้องต้น

6.930 Aufrufe

Veröffentlicht am

หนังสือที่รวบรวมพื้นฐานการใช้งานที่จำเป็นของ WordPress
สำหรับผู้ที่ต้องการสร้างเว็บไซต์ของตัวเอง คนที่เริ่มต้นเป็น Blogger และอีกหลายๆคน

เนื้อหาภายในหนังสือ:

- การติดตั้ง WORDPRESS บน LOCALHOST ด้วยโปรแกรม XAMPP
- รู้จัก DASHBOARD
- POST และ PAGE คืออะไร?
- การใช้งาน WORDPRESS EDITOR
- การสร้างและแก้ไข POST
และอื่นๆอีกมากมาย
--------------------------------------------------
ซึ่งได้รับการแจกฟรีมาจาก
คุณอานุภาพ ปัญญาศรี
เจ้าของเว็บไซต์ http://slatong.com
ใครมีคำถามสงสัยติดต่อที่เค้าได้นะครับ

Veröffentlicht in: Design

พื้นฐานการใช้งาน wordpress เบื้องต้น

  1. 1. WordPress 101 รู้ทุกพื้นฐานการใช้งาน WordPress
  2. 2. 2       WordPress 101 by SlaTong ‐ Anubhap Panyasri    WordPress 101  อานุภาพ ปัญญาศรี พูดคุยกันได้ที่ Website: slatong.com Facebook: https://www.facebook.com/slatong สงวนลิขสิทธิ์ © 2014 โดย อานุภาพ ปัญญาศรี สงวนลิขสิทธิ์ ห้ามนําส่วนหนึ่งส่วนใดในหนังสือ WordPress 101 ไปทําซ้ํา หรือเผยแพร่ในรูปแบบใดๆ หรือด้วยวิธีอื่นใด ไม่ ว่าจะเป็นทางอิเลคทรอนิกส์ ทางกลไก รวมทั้งการถ่ายเอกสาร การบันทึก หรือการเก็บข้อมูลและระบบกู้คืนข้อมูลใดๆ โดยไม่ได้ รับอนุญาตเป็นลายลักษณ์อักษรจากผู้แต่ง
  3. 3. 3       WordPress 101 by SlaTong ‐ Anubhap Panyasri    สารบัญ เนื้อหา การติดตั้ง WORDPRESS บน LOCALHOST ด้วยโปรแกรม XAMPP ........................................... 5  รู้จัก DASHBOARD ................................................................................................... 14  POST และ PAGE คืออะไร? .......................................................................................... 22  การใช้งาน WORDPRESS EDITOR ............................................................................... 23  การสร้างและแก้ไข POST ............................................................................................... 27  การใช้งาน CATEGORIES & TAGS ............................................................................... 38  การสร้างและแก้ไข PAGE ............................................................................................... 42  การใส่รูปภาพใน  POST  & PAGE ................................................................................... 44  การสร้าง GALLERY รูปภาพ ........................................................................................... 48  การใส่วิดีโอใน POST ................................................................................................... 50  การใช้งาน MEDIA ...................................................................................................... 51  การใช้งานและจัดการ COMMENTS ................................................................................. 55  การสร้าง LINK ........................................................................................................... 57  การเปลี่ยน THEME (ธีม) ............................................................................................... 59  การใช้งานหน้า  WIDGETS ............................................................................................ 67  การสร้าง MENU ........................................................................................................ 68  การใช้งาน PLUGINS (ปลั๊กอิน) ........................................................................................ 73  การจัดการและควบคุม USERS (ผู้ใช้งาน) .............................................................................. 77  การใช้งาน TOOLS (เครื่องมือต่างๆ) .................................................................................... 80  SETTINGS แก้ไขและปรับแต่งการตั้งค่าทั่วไป ........................................................................ 89  ทิ้งท้าย ..................................................................................................................... 97   
  4. 4. 4       WordPress 101 by SlaTong ‐ Anubhap Panyasri   
  5. 5. 5       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การติดตั้ง WordPress บน Localhost ด้วยโปรแกรม XAMPP   สิ่งที่ต้องมีก่อนการติดตั้ง WordPress คือ - ติดตั้งโปรแกรมจําลองโฮสต์ ในที่นี่จะใช้ XAMPP o ลิงก์สําหรับดาวน์โหลด XAMPP : https://www.apachefriends.org/index.html - ไฟล์ WordPress โหลดได้จาก WordPress.org o ลิงก์สําหรับดาวน์โหลด WordPress : http://wordpress.org/download/
  6. 6. 6       WordPress 101 by SlaTong ‐ Anubhap Panyasri    วิธีสร้างฐานข้อมูลและผู้ใช้งานสําหรับใช้งาน WordPress - หลังการติดตั้งโปรแกรม ให้เปิดโปรแกรม XAMPP เลือก Start ที่ Apache และ MySQL - พิมพ์ Localhost ลงในเบราว์เซอร์ จะเข้าสู่หน้าควบคุมฐานข้อมูล
  7. 7. 7       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เลือก phpMyAdmin - คลิก Database เพื่อเข้าสู่การสร้างฐานข้อมูล
  8. 8. 8       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - ตั้งชื่อฐานข้อมูล คลิก Create - คลิกเข้าสู่ฐานข้อมูลที่เราสร้าง จากนั้นเลือก Privileges เพื่อสร้างผู้ใช้งาน - คลิกที่ Add user เพื่อเพิ่มผู้ใช้งาน
  9. 9. 9       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - ใส่ข้อมูลผู้ใช้ (ซึ่งเราเองนี่แหละคือผู้ใช้) - เลือก Check All เพื่อให้สิทธิ์แก่ผู้ใช้ทั้งหมด จากนั้นคลิก Go เป็นการเสร็จสิ้นการสร้างผู้ใช้งาน - กลับไปแตกไฟล์ WordPress ที่ดาวน์โหลดมา
  10. 10. 10       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - หลังแตกไฟล์แล้วจะได้โฟลเดอร์หนึ่งมา ให้ตั้งชื่อโฟลเดอร์ให้ตรงกับชื่อฐานข้อมูลที่เราสร้าง (ในตัวอย่างฐานข้อมูลคือ wordpress ดังนั้นโฟลเดอร์ก็ต้องเป็น wordpress) - ไปที่ Drive C หรือที่ที่เราติดตั้ง XAMPP ไว้ คลิกเข้าไปที่ XAMPP จากนั้นคลิกเข้าไปที่ htdocs จากนั้นคัดลอก โฟลเดอร์ไฟล์ WordPress ที่เราแตกไฟล์และทําการเปลี่ยนชื่อไป มาวางในโฟลเดอร์ htdocs - กลับไปที่เบราว์เซอร์ พิมพ์ localhost ตามด้วยฐานข้อมูล ก็จะได้เป็น localhost/wordpress ลงในเบราว์เซอร์ - คลิก Create a Configuration File
  11. 11. 11       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - คลิก Let’s go! - จากนั้นใส่ฐานข้อมูลที่เราสร้างขึ้นมาในตอนแรก ใส่ชื่อผู้ใช้และรหัสผ่านที่เราสร้างขึ้นในฐานข้อมูล ที่เหลือข้ามไป คลิก submit
  12. 12. 12       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - คลิก Run the install เพื่อติดตั้ง - ใส่รายละเอียดและข้อมูล o Site Title – ชื่อเว็บไซต์ o Username – ชื่อผู้ใช้สําหรับ การลงชื่อเข้าใช้เว็บไซต์ o Password – รหัสผ่าน o Your Email – อีเมล o Privacy – ต้องการให้ search engine เข้าถึงเนื้อหาในเว็บไซต์หรือไม่ เมื่อใส่รายละเอียดครบแล้ว คลิกที่ Install WordPress
  13. 13. 13       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การติดตั้งเสร็จสมบูรณ์! - คลิก Log In เพื่อลงชื่อเข้าใช้งานได้ทันที
  14. 14. 14       WordPress 101 by SlaTong ‐ Anubhap Panyasri    รู้จัก Dashboard - Dashboard – เป็นหน้าแรกที่เจอเมื่อเข้าสู่ระบบ - Dashboard มีพื้นที่หลักอยู่สามส่วน o Toolbar – แถบเครื่องมืออยู่ด้านบนสุด o Main Navigation Menu – เมนูหลักอยู่ด้านซ้าย o Main Work Area - เป็นพื้นที่ทํางานหลักในบริเวณพื้นที่ที่เหลือ
  15. 15. 15       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เมื่อเข้าสู่ระบบครั้งแรก จะพบกล่องข้อความต้อนรับ พร้อมลิงก์สําหรับปรับแต่งเว็บไซต์ หรือเขียน Post และอื่นๆได้ ทันที ถ้าไม่ต้องการใช้งานกล่องนี้ให้คลิก “Dismiss” เพื่อยกเลิกการใช้งาน - Toolbar จะแสดงอยู่ด้านบนสุดเสมอ o ลิงก์ต่างๆ เกี่ยวกับ WordPress o เมื่อวางเมาส์เหนือชื่อเว็บไซต์จะมีลิงก์ “Visit Site” สามารถคลิกเข้าไปเยี่ยมชมเว็บไซต์ของเราได้ o ปุ่ม Updates จะปรากฏเมื่อมีการแจ้งเตือนให้อัพเดทข้อมูล คลิกเพื่อไปหน้า Updates
  16. 16. 16       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o ดูรายชื่อ Comments o ลิงก์สร้าง Post, Media, Page และ User o Toolbar จะอยู่ตําแหน่งเดิมเสมอ ทําให้เราสามารถแก้ไข Post ที่เราอ่านได้ทันที หรือสร้าง Post ใหม่ได้ทันที o ด้านมุมขวาบนของ Toolbar เป็นลิงก์สําหรับเข้าไปแก้ไขข้อมูลส่วนตัวหรือออกจากระบบ o Screen Options & Help - อยู่บริเวณด้านล่างชื่อผู้ใช้บริเวณมุมขวาบน
  17. 17. 17       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o “Help” – อธิบายข้อมูลการใช้งานทั่วไปใน Dashboard o Screen Options - ใช้สําหรับปรับการใช้งาน Dashboard โดยการคลิ๊กที่ช่องสี่เหลี่ยมจะเป็นการปิด/เปิด กล่องควบคุมต่างๆ - Main Navigation Menu o เมื่อนําเมาส์ไปวางเหนือเมนูหลักจะปรากฏเมนูรองสําหรับจัดการและควบคุมอื่นๆ
  18. 18. 18       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o ถ้าต้องการพื้นที่ในการทํางานมากขึ้น สามารถย่อเมนูลงได้โดยการกดที่ปุ่ม “Collapse Menu” ด้านล่าง เมนู จะแสดงเป็นสัญลักษณ์หลังจากที่เรากดย่อเมนู
  19. 19. 19       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การจัดการ Dashboard o วางเมาส์เหนือไตเติลบาร์ เมาส์จะเปลี่ยนสัญลักษณ์ ทําให้สามารถลากย้ายกล่องควบคุมได้ คลิกแล้วลากไปวาง ช่องที่เป็นเส้นประตามต้องการ o คลิกย่อหรือขยายกล่องควบคุมได้โดยคลิกที่สามเหลี่ยมมุมขวาบนของกล่องควบคุม หรือคลิกย่อ/ขยายที่แถบ ชื่อได้เลยทันที
  20. 20. 20       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การใช้งานกล่องควบคุม o At a Glance - แสดงจํานวน Posts, Pages และ Comments ทั้งหมดบนเว็บไซต์ของเรา และแจ้งว่าเรา กําลังใช้ WordPress เวอร์ชันใดและใช้ Theme (ธีม) ใดอยู่ o Activity - แสดง Post ตามตารางเวลา พร้อมแสดง Comments ล่าสุด เราสามารถจัดการความเห็นเหล่านั้น ได้
  21. 21. 21       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o WordPress News - รวบรวมข่าวสารล่าสุดจากโปรเจ็คทางการของเวิร์ดเพรส WordPress Planet รวมไปถึง ข่าวสารของ Plugins ยอดนิยมและล่าสุด o Quick Draft - ร่าง Post ที่ต้องการได้ทันทีและสามารถกลับมาเขียนให้เสร็จได้ทีหลัง โดยพิมพ์ Title เนื้อหา คลิก “Save Draft” ก็จะปรากฏรายชื่อ Post ของเราด้านล่างของกล่องควบคุม เมื่อเราคลิกที่ Post ก็จะนํา เราเข้าไปยังหน้า WordPress editor สําหรับเขียน Post ให้เสร็จสมบูรณ์
  22. 22. 22       WordPress 101 by SlaTong ‐ Anubhap Panyasri    Post และ Page คืออะไร? - Page – คือหน้าที่ใช้แสดงสําหรับเนื้อหาที่ไม่เปลี่ยนแปลงหรือนานๆครั้งจะเปลี่ยน เช่น About หรือ Contact Us ซึ่ง เราสามารถนํา Page มาใช้เป็นเมนูในหน้าเว็บไซต์ของเราได้ o ตัวอย่าง About Page - Post - ก็คือบทความหรือเนื้อหาที่เราเผยแพร่ให้ผู้เยี่ยมชมเว็บไซต์อ่าน Post จะแสดงเรียงตามวันเวลาที่เราเขียน เรา สามารถจัดหมวดหมู่ให้กับ Post ได้ o ตัวอย่าง Post ที่มีชื่อ Image alignment
  23. 23. 23       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งาน WordPress Editor - การเปิดใช้งาน WordPress Editor o ไปที่เมนู Posts เลือก Add New เพื่อเขียน Post o ไปที่เมนู Page เลือก Add New เพื่อเขียน Page
  24. 24. 24       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การใช้งาน WordPress Editor คล้ายกับ Dashboard เราสามารถปิด/เปิดกล่องควบคุมโดยเลือกที่ “Screen Options” รวมไปถึงการย่อ/ขยายกล่องควบคุมได้เช่นกัน - การใช้งาน WordPress Editor คล้ายๆกับการใช้งาน Microsoft Word มีคําสั่งในการเขียน Post ดังนี้ Bold – ตัวหนา Italic - ตัวเอียง Strikethrough – ขีดฆ่า Bulleted List - รายชื่อแบบข้อ Numbered List – รายชื่อตัวเลข Blockquote Horizontal Line – เส้นคั่น Align Left - จัดตัวอักษรชิดซ้าย Align Center – จัดตัวอักษรจัดกลาง Align Right - จัดตัวอักษรชิดขวา Insert/edit Link - เพิ่ม/แก้ไขลิงก์ Remove Link - เอาลิงก์ออก Insert Read More Tag – ใส่ลิงก์อ่านเพิ่มเติม Toolbar Toggle - ปิด/เปิดเครื่องมือเพิ่มเติม
  25. 25. 25       WordPress 101 by SlaTong ‐ Anubhap Panyasri    Distraction Free Writing - เขียน Post แบบอิสระ ขยายเต็มจอ เลือกรูปแบบตัวอักษร Underline – ขีดเส้นใต้ Justify - จัดตัวอักษรหัวท้ายให้เท่ากันทุกบรรทัด Text Color – เลือกสีตัวอักษร Paste as text - วางเป็นตัวอักษร Clear Formatting – ล้างรูปแบบ Special character - ตัวอักษรพิเศษ Decrease Indent – ลดย่อหน้า Increase Indent - ใส่ย่อหน้า Undo – ย้อนกลับ Redo - กลับไปทําใหม่ Keyboard Shortcuts - ปุ่มลัดคีย์บอร์ด - ด้านขวาบนของ WordPress Editor มีแถบใช้งานสองแถบ คือ o Visual - เราเขียน Post แบบไหนก็จะแสดงในหน้าเว็บไซต์แบบนั้น
  26. 26. 26       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o Text - คลิกแถบนี้ จะเห็นว่า WordPress ได้ใส่คําสั่งแท็ก HTML ให้เราโดยอัตโนมัติ ซึ่งเราสามารถใช้งาน แท็กได้โดยคลุมดําส่วนที่เราต้องการใช้แท็ก html เสร็จแล้วเลือกคําสั่งแท็ก HTML ที่ต้องการใช้งาน ในส่วนนี้ จะเหมาะสําหรับผู้ที่มีความรู้ด้านการเขียน HTML
  27. 27. 27       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การสร้างและแก้ไข Post - สามารถคลิกสร้าง Post ใหม่ได้จาก Toolbar ด้านบน เข้าสู่ WordPress editor สําหรับเขียน Post ได้ทันที - หรือคลิกที่ Posts เลือก “Add New”
  28. 28. 28       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - ใส่ชื่อเรื่อง เนื้อหา - WordPress จะสร้างลิงก์สําหรับ Post ให้เราโดยอัตโนมัติ ซึ่งเรียกว่า Permalink ซึ่งเป็น URL ของ Post เราสามารถ เปลี่ยนชื่อของ URL ได้ตามต้องการ
  29. 29. 29       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Categories (หมวดหมู่) o กําหนด “Category” ให้กับ Post หรือสร้าง Category ใหม่ เราสามารถกําหนด Post ให้อยู่ใน Category ได้มากกว่าหนึ่ง Category โดยเลือกจากแถบ “All Categories (ทั้งหมด)” หรือ “Most Used (ใช้บ่อย ที่สุด)”
  30. 30. 30       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Tags (แท็ก/ป้ายกํากับ) o ใส่ “Tags” เพื่อทําให้การจัดหมวดหมู่ของ Post ได้ดีขึ้น Tags เป็นเหมือนคีย์เวิร์ดของ Post ถ้าเราคลิกลิงก์ Tags ในหน้าเว็บไซต์ จะเป็นการเรียกแสดง Post ที่มี Tags เหมือนกัน o เลือก Tags ที่ใช้มากที่สุดโดยคลิกที่ “Choose from the most used tags”
  31. 31. 31       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Featured Image o ใส่ Featured Image สําหรับ Post - Format (รูปแบบ) เราสามารถกําหนดให้ Post แต่ละ Post แสดงผลตามรูปแบบที่ต่างกันออกไป โดยปกติแล้วเวลาเราสร้าง Post จะเป็น การสร้าง Standard Post แต่เราสามารถเลือก Format อื่นสําหรับ Post ได้ รายชื่อตัวอย่าง Formats o Standard – มาตรฐาน o Aside - Aside o Image - ภาพ o Video - วีดีโอ o Audio - เสียง o Quote - Quote o Link - ลิงก์ o Gallery - แกลลอรี่รูปภาพ
  32. 32. 32       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Post Format จะแสดงผลต่างกันขึ้นอยู่กับ Theme ที่เราใช้งาน ขึ้นอยู่กับนักพัฒนา Theme ว่าได้ออกแบบ Post Format ไว้หรือไม่ - ตัวอย่าง Post Formats
  33. 33. 33       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - กล่องควบคุม Publish o Save Draft เพื่อกลับมาแก้ไขให้เรียบร้อยอีกครั้งได้ o Preview คลิกเพื่อดูว่า Post แสดงผลแบบใดในหน้าเว็บไซต์ o คลิกที่ “Edit” เพื่อย่อ/ขยายคําสั่ง o Status  Pending Review : กําลังรอการตรวจสอบจากผู้ดูแลที่สามารถ Publish ได้  Drafted : Post ที่ยังไม่พร้อมเผยแพร่ และรอการแก้ไข o Visibility กําหนดให้ Post แสดงผลดังนี้  Public ทุกคนสามารถอ่าน Post นี้ได้ การคลิก “Stick this post to the front page” จะเป็นการ บังคับให้ Post แสดงด้านบนสุดเสมอในหน้าแสดง Post ทั้งหมดของเรา แม้ว่าจะมี Post ใหม่กว่าก็ ตาม  Password Protected ต้องใส่รหัสผ่าน สําหรับการที่จะเข้าไปอ่าน Post นี้ได้  Private แสดง Post นี้สําหรับผู้ดูแล นักเขียน หรือผู้ดูแลคนอื่นๆของเว็บไซต์เท่านั้น ผู้ใช้งานทั่วไปไม่ สามารถเห็น Post นี้ได้  * Post จะถูกกําหนดให้เป็น Public โดยมาตรฐาน o Published กําหนดให้ Publish ทันทีหรือกําหนดวันเวลาที่จะ Publish ได้
  34. 34. 34       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เมื่อเขียน Post เสร็จเรียบร้อยดีแล้วให้คลิก “Publish” - ดู Post ที่ Publish ได้ทันที่โดยคลิกที่ “View post” การแก้ไข Post - คลิกเมนูหลัก “All Posts” จะเห็นรายชื่อและข้อมูล Posts ทั้งหมด ดูรายชื่อ Post หน้าอื่นโดยคลิกที่ pagination ด้านบน หรือค้นหา Post ในกล่องค้นหา
  35. 35. 35       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - วางเมาส์เหนือ Post จะมีลิงก์คําสั่งต่างๆปรากฏขึ้น o Edit คลิกเพื่อแก้ไขโดยใช้ WordPress editor o Quick Edit เปลี่ยนข้อมูล Posts แต่ละ Posts เช่น  เปลี่ยนชื่อ Posts  เปลี่ยนวันที่  ใส่รหัสผ่าน  เพิ่มหมวดหมู่อื่นๆ  เพิ่ม Tags  เปิดหรือปิด Comments  อนุญาต Pings  เปลี่ยน Status  ปักหมุด Post ให้อยู่ด้านบนสุดเสมอ
  36. 36. 36       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - แก้ไข Post ได้หลายๆ Post ในคราวเดียว โดยคลิกที่ช่องสี่เหลี่ยมหน้า Post เพื่อเลือก Post ที่ต้องการแก้ไข เลือก “Edit” ตรงเมนู “Bulk Actions” คลิก “Apply” o สามารถเปลี่ยน Category, Tags, Author หรืออื่นๆ สําหรับ Post พร้อมกันในครั้งเดียว o สําหรับการเอา Post ออกจากการแก้ไขพร้อมกัน คลิกที่กากบาทหน้ารายชื่อ Post คลิก Update
  37. 37. 37       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เราสามารถลบ Post ได้โดยการคลิกที่ “Trash” หรือลบ Posts ทั้งหมดผ่านคําสั่ง Bulk Actions - เราสามารถกู้คืน Post ที่ลบกลับมาได้ภายใน 30 วัน โดยไปที่ “Trash” ด้านบน เพื่อดูรายชื่อ Post ที่โดนลบ ถ้าหาก ต้องการกู้คืนให้คลิกที่ “Restore” เราสามารถกู้คืนพร้อมกันทั้งหมดผ่านคําสั่ง Bulk Actions ได้เช่นกัน
  38. 38. 38       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งาน Categories & Tags - Categories การจัด Post ลงใน Categories ทําให้เราสามารถจัดการและค้นหา Post ได้ง่ายขึ้น ช่วยให้ผู้ใช้สามารถ ค้นหาว่ามี Post ใดบ้างในแต่ละ Categories o คลิกเมนู “ Posts ” แล้วเลือก “Categories” o ตั้งชื่อ Category จากนั้นคลิก “Add New Category” o เรายังสามารถเลือกให้ Category ที่เราสร้าง อยู่ใน Categories หลัก โดยเลือกจาก “Parent” Post ของ Category ที่อยู่ใน Parent Category จะถือว่าเป็น Post ใน Parent Category ด้วยเช่นกัน
  39. 39. 39       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o นําเมาส์วางเหนือ Category จะมีคําสั่ง Edit, Quick Edit, Delete และเราสามารถดูรายชื่อ Posts ที่อยู่ใน Category นั้นด้วยการคลิก View o สามารถลบ Categories พร้อมกันโดยคลิกช่องสี่เหลี่ยมหน้ารายชื่อ Category เลือก “Delete” จากเมนู Bulk Actions คลิก “Apply” เพื่อลบ
  40. 40. 40       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Tags เป็นเหมือนคีย์เวิร์ดของ Post ถ้าเราคลิกลิงก์ Tags ในหน้าเว็บไซต์ จะเป็นการเรียกแสดง Post ที่มี Tags เหมือนกัน o คลิกที่ “Tags” เพื่อเข้าสู่หน้าจัดการ Tags o ด้านบนซ้ายของหน้าจะแสดงว่าเว็บเรามี Tags ใดบ้าง o เพิ่ม Tags โดยพิมพ์ชื่อ Tags คลิกที่ “Add New Tag”
  41. 41. 41       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o มีคําสั่ง Edit, Quick Edit, Delete และ View ได้เหมือนกับหมวดหมู่ o เมื่อคลิกที่ “View” จะแสดงรายชื่อ Post ทั้งหมดที่มี Tags นั้นๆ o ค้นหา Tags ที่เราต้องการในช่อง “Search Tags”
  42. 42. 42       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การสร้างและแก้ไข Page - Page เป็นหน้าที่มีเนื้อหาที่ไม่ค่อยเปลี่ยนแปลงมากนัก ยกตัวอย่างเช่น หน้าติดต่อเรา หรือหน้าเกี่ยวกับเรา - ส่วน Post เป็นบทความที่เรา Publish ซึ่งแสดงเนื้อหาตามลําดับเวลา - Page ไม่ได้แสดงเนื้อหาตามลําดับวันเวลา และแสดงแยกออกมาจาก Post - การใช้งานต่างกัน Page ไม่สามารถกําหนด Categories หรือ Tags - สามารถสร้าง Page ได้จากเมนู + New ที่ Toolbar หรือคลิกเมนู “Pages” เลือก “Add New” - คําสั่งการใช้งานต่างๆจะเหมือนกับการสร้าง Posts - ดูรายชื่อ Pages ทั้งหมด คลิกที่ All Pages สามารถแก้ไขพร้อมกันโดยใช้คําสั่ง “Edit” หรือลบพร้อมกันทั้งหมด โดยใช้ คําสั่ง “Move to Trash” ในเมนู “Bulk Actions” เราสามารถเลือกแก้ไข Author, Parent, Template, ปิดหรือ เปิด Comments, กําหนด Status
  43. 43. 43       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - ส่วนใหญ่แล้วใช้คําสั่งเหมือนกันกับที่ใช้ในการจัดการ Posts
  44. 44. 44       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใส่รูปภาพใน Post & Page - ในหน้า WordPress Editor คลิก “Add Media” เพื่อเปิดตัวอัปโหลดไฟล์ - จะพบหน้าต่างขึ้นมา เมนูหลักด้านซ้ายประกอบไปด้วย o Insert Media – เพิ่มไฟล์ที่ต้องการอัปโหลด o Create Gallery - สร้างแกลลอรีรูปภาพ
  45. 45. 45       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o Create Audio Playlist - เพิ่มไฟล์เสียง o Create Video Playlist - เพิ่มวีดีโอ o Set Featured Image - ตั้ง Featured Image o Insert from URL – เพิ่มภาพโดยใช้ URL - เราสามารถเลือกอัปโหลดไฟล์ใหม่ หรือเลือกไฟล์ที่เราอัปโหลดไว้อยู่แล้วใน “Media Library” - การอัปโหลดไฟล์ o ดึงภาพที่ต้องการอัปโหลดวางลงในหน้าต่างอัปโหลด ภาพจะอัปโหลดลงไปอัตโนมัติ - เมื่ออัปโหลดไฟล์แล้ว ไฟล์ของเราจะเก็บใน Media Library เราจะสามารถแก้ไขรายละเอียดของภาพได้ ดังนี้ o Title – ชื่อภาพ o Caption – คําบรรยายใต้ภาพ o Alt Text – คําบรรยายภาพสําหรับผู้มีปัญหาทางประสาทสัมผัส ให้ใช้งานผ่านซอฟแวร์ Screen Reader o Description – รายละเอียดของภาพ o Alignment - เราสามารถจัดภาพได้ โดยจัดให้อยู่ทางซ้าย ขวา หรือกลาง o Link to - ตั้งให้ไฟล์ลิงค์ไปที่ที่เราต้องการ  Media File – ไปยังไฟล์โดยตรง  Attachment Page – ไปยังหน้าแสดงไฟล์แนบ  Custom URL - ลิงก์ไป URL ที่เราต้องการ o เราสามารถเลือกขนาดของภาพได้  Thumbnail - ขนาดเล็ก  Medium - ขนาดกลาง  Large - ขนาดใหญ่  Full Size - ภาพเต็มขนาด o คลิก “Insert into Post ” o ภาพจะถูกใส่ลงไปใน Post และ จะมี Caption ด้านล่างของภาพ ตามที่เรากําหนด สามารถคลิกที่ Caption เพื่อแก้ไขได้ทันที
  46. 46. 46       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o คลิกที่ภาพ จะมีสัญลักษณ์ดินสอหรือปากกา คลิกเพื่อเข้าไปแก้ไข o คลิกที่ภาพ คลิกสัญลักษณ์กากบาท จะเป็นการลบภาพออกจาก Post
  47. 47. 47       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เมื่อเข้าสู่หน้าแก้ไขจะแก้ไขไฟล์ได้ดังนี้ o Caption - แก้ไข Caption o Alternative Text - แก้ไข Alternative Text o Alignment เราสามารถจัดภาพได้ โดยจัดให้อยู่ทางซ้าย ขวา หรือกลาง o เราสามารถเลือกขนาดของภาพได้  Thumbnail ขนาดเล็ก  Medium ขนาดกลาง  Large ขนาดใหญ่  Full Size ภาพเต็มขนาด o Link to ตั้งให้ไฟล์ลิงค์ไปที่ที่เราต้องการ  Media File ลิงก์ไปไฟล์โดยตรง  Attachment Page หน้าแสดงไฟล์แนบ  Custom URL ลิงก์ไป URL ที่เราต้องการ
  48. 48. 48       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การสร้าง Gallery รูปภาพ o คลิกที่ Add Media เลือก “Create Gallery” และเลือกภาพได้จํานวนที่ต้องการ o คลิก “Create a new gallery” o สามารถเพิ่มภาพเข้าไปใน gallery ได้ o เราสามารถกลับลําดับการเรียงภาพโดยคลิกที่ “Reverse Order” หรือคลิกลากภาพเพื่อเรียงลําดับภาพได้ o เลือกให้ลิงก์ไปที่ที่เราต้องการ o เลือกจํานวนแถวการแสดงภาพ o คลิก “Insert Gallery”
  49. 49. 49       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o คลิกที่ Gallery จะมีสัญลักษณ์ดินสอหรือปากกาเพื่อแก้ไข Gallery หรือคลิกกากบาทเพื่อลบ Gallery ออก จาก Post
  50. 50. 50       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใส่วิดีโอใน Post - คัดลอก URL ของวีดีโอ วาง URL ลงใน WordPress editor จากนั้น WordPress จะแสดงตัวอย่างของวีดีโอทันที ซึ่งเป็น ความสามารถใหม่ของ WordPress 4.0
  51. 51. 51       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งาน Media - เข้าสู่หน้า Media คลิก Media ที่เมนูหลัก - เราสามารถใช้ Media Library สําหรับเพิ่มไฟล์ แก้ไข ลบ หรือดูไฟล์ของเราได้ ในบทเรียนนี้จะใช้งานหน้า Media แบบตาราง ซึ่งเป็นหน้า Media แบบใหม่ของ WordPress 4.0 (ซึ่งการใช้งานแบบรายชื่อหรือ List View นั้นการใช้งานจะคล้ายๆกับการจัดการ Posts, Pages หรือ Categories) - เพิ่มไฟล์โดยการลากไฟล์ที่ต้องการวางลงในช่องอัปโหลด ไฟล์จะอัปโหลดโดยอัตโนมัติ
  52. 52. 52       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การแก้ไขไฟล์ คลิกที่ไฟล์ แล้วเลือก “Edit More Details” เพื่อแก้ไขข้อมูลต่างๆของไฟล์นั้นๆ - ถ้าหากไฟล์เป็นไฟล์วีดีโอ เราสามารถโหลดไฟล์นั้นมาเก็บได้ - ถ้าหากไฟล์นั้นเป็นไฟล์ MP3 เราสามารถกดฟังไฟล์นั้นได้
  53. 53. 53       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การแก้ไขภาพ คลิกภาพที่ต้องการแก้ไข คลิกที่ “Edit More Details” เพื่อแก้ไขทั้งข้อมูลและขนาดของภาพ - หน้าแก้ไขภาพ Crop - ตัดภาพหลังจากลากขนาดที่ต้องการตัดได้แล้ว Rotate Counterเ – Clockwise - หมุนทวนเข็มนาฬิกา Rotate Clockwise - หมุนตามเข็มนาฬิกา Flip Vertically – พลิกแนวตั้ง
  54. 54. 54       WordPress 101 by SlaTong ‐ Anubhap Panyasri    Flip Horizontally – พลิกแนวนอน Undo - ย้อนกลับ Redo – กลับไปทําใหม่ - คลิก Crop เพื่อตัดภาพให้ได้ขนาดที่ต้องการ คลิก Save จะได้ขนาดภาพที่เราตัด - สามารถกู้คืนภาพเดิมได้ตลอดเวลา โดยคลิกที่ “Edit Image” เพื่อกลับไปหน้าแก้ไขภาพอีกครั้ง คลิก “Restore Original Image” คลิกที่ “Restore Image” จะได้ภาพเดิมของเรากลับคืนมา
  55. 55. 55       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งานและจัดการ Comments - ในกล่อง Activity ใน Dashboard จะแจ้ง Comments ล่าสุดให้เราทราบ - เราสามารถเลือก Approve/Unapprove (อนุมัติ/ไม่อนุมัติ), Reply (ตอบกลับ), Edit (แก้ไข), แจ้งว่าเป็น Spam หรือ ลบโดยคลิก Trash - คลิก # เพื่ออ่าน Comment ใน Post
  56. 56. 56       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - ในส่วนเมนูหลัก Comments เราสามารถ Approve, Reply, Quick Edit, Edit, แจ้งว่าเป็น Spam หรือลบ Comments ผ่าน Bulk Actions พร้อมกันได้หลาย Comments
  57. 57. 57       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การสร้าง Link - คลุมดําคําที่ต้องการให้เป็นลิงก์ใน WordPress Editor - คลิก Insert/edit link - จะปรากฏหน้าต่างขึ้นมา ให้ใส่ URL ที่เราต้องการลิงก์ไป ใส่ Title ที่จะแสดงเวลานําเมาส์ไปวางค้างไว้ - คลิกช่องสี่เหลี่ยมหน้า Open link in a new window/tab เพื่อเลือกที่จะให้เปิดลิงก์ในหน้าต่างใหม่หรือแท็บใหม่ - ลิงก์ไปยังเนื้อหาที่มีอยู่ในเว็บไซต์ของเราคลิกที่ “Or link to existing content” - พิมพ์ค้นหาเนื้อหาที่เราต้องการได้ - คลิก “Add Link”
  58. 58. 58       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เราสามารถทําให้รูปภาพเป็นลิงก์ได้โดย o เลือกแก้ไขไฟล์ภาพ o เลือก Link To ไปที่ “Custom URL” ใส่ URL ที่เราต้องการให้ลิงก์ไป
  59. 59. 59       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การเปลี่ยน Theme (ธีม) - ธีม คือรูปแบบหรือดีไซน์ของเว็บไซต์เรา ซึ่งทําให้เว็บไซต์เรามีความแตกต่างจากเว็บไซต์อื่นๆ ซึ่งเราสามารถติดตั้งธีม ใหม่ๆได้ตลอดตามที่เราต้องการ - คลิก “Appearance” ที่เมนูหลัก เข้าไปยังหน้าจัดการ Theme - คลิก “Theme Details” เพื่อเข้าไปอ่านรายละเอียด
  60. 60. 60       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - หน้าแสดงรายละเอียดของธีม - คลิก “Live Preview” เพื่อดูตัวอย่างของธีมก่อนการเปิดใช้งาน - ปรับแต่ง Theme ได้ตามความสามารถที่ Theme สนับสนุน - แก้ไขส่วนต่างๆตามที่เราต้องการ ซึ่งการปรับแต่งหรือแก้ไขนี้จะต่างกันไปแต่ละ Theme ขึ้นอยู่กับนักพัฒนา Theme นั้นๆ ถ้าปรับแต่งจนพอใจรูปแบบของ Theme ที่เลือก คลิก “Save & Activate” เพื่อใช้งาน
  61. 61. 61       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - การปรับแต่งธีมใน WordPress 4.0 จะเพิ่มส่วนของการแสดงตัวอย่างของ Widgets ที่เราเปิดใช้งานทันที คลิกที่ “Widgets” - หน้าปรับแต่ง Widgets ซึ่งตําแหน่งการแสดงผลและตําแหน่งของ Widgets จะแตกต่างกันไปขึ้นอยู่กับธีมที่เราใช้งาน
  62. 62. 62       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - คลิก “Add a Widget” เข้าไปยังหน้าจัดการ Widgets และเพิ่ม Widget ที่เราต้องการ การติดตั้ง Theme - ติดตั้ง Theme ใหม่ คลิกที่ “Add New” - โดยเราสามารถเลือก Theme ตามตัวกรองที่มีอยู่ คือ o Featured - Theme พิเศษ o Popular - Theme ยอดนิยม o Latest - Theme พิเศษ
  63. 63. 63       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o Feature Filter - เลือก Theme โดยใช้ตัวกรอง - หน้าแสดงผลการค้นหา Theme ตามลักษณะที่เลือกผ่าน Feature Filter o Search Theme – ค้นหา Theme
  64. 64. 64       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - คลิก “Details & Preview” เพื่อดูรูปแบบ Theme ก่อนการติดตั้ง - หน้าแสดงรายละเอียดและตัวอย่างเสมือนจริงของเว็บไซต์ o คลิกที่ “Install” เพื่อทําการติดตั้ง Theme
  65. 65. 65       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - แก้ไข Theme โดยคลิกที่เมนูรอง “Editor” เหมาะสําหรับผู้มีความรู้ด้านการเขียนโค๊ดที่ต้องการปรับแต่ง Theme - เราสามารถติดตั้ง Theme ที่ซื้อหรือโหลดมา ที่อยู่ในรูปแบบไฟล์ .zip คลิกที่ “Upload Theme”
  66. 66. 66       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เลือกไฟล์ของธีมที่เราต้องการติดตั้ง (ธีมที่ติดตั้งต้องเป็นไฟล์ .zip) - หลังการติดตั้งเราสามารถดู Live Preview หรือ Activate เพื่อเปิดใช้งาน Theme
  67. 67. 67       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งานหน้า Widgets - Widgets จะแตกต่างกันออกไปในแต่ละ Theme ขึ้นอยู่กับนักพัฒนา Theme - คลิก Widgets ที่เมนูหลักเพื่อเข้าใช้งานหน้า Widgets - ลาก Widgets ที่ต้องการลงในบริเวณกล่องสําหรับใส่ Widgets ตําแหน่งการแสดง Widgets ขึ้นอยู่กับ Theme - คลิกที่สามเหลี่ยมด้านขวาของ Widgets เพื่อแก้ไข - เปลี่ยนตําแหน่ง Widgets โดยการลากแล้ววางบริเวณที่ต้องการ - ลาก Widgets ที่ไม่ต้องการออกจากกล่องด้านข้างหลัก หรือ ตําแหน่งอื่น - หรือถ้าต้องการหยุดใช้งาน Widgets แต่ยังต้องการเก็บค่าที่แก้ไขไว้ ให้ลาก “Widgets” ไปไว้ที่ส่วนของ “Inactive Widgets” บริเวณด้านล่างสุด
  68. 68. 68       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การสร้าง Menu - คลิกเมนูหลัก “Appearance” คลิกสร้างเมนูที่ “Menus” คลิก “Create a new menu” - ตั้งชื่อเมนูตามต้องการ
  69. 69. 69       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เลือกว่าจะเพิ่ม Page ใดลงในเมนู โดยคลิกช่องสี่เหลี่ยม คลิก “Add to menu” - สร้างเมนูให้ลิงก์ไป URL ที่ต้องการ - ทําให้ Category เป็นเมนู เมื่อคลิกเข้าไปใน Category ที่อยู่ในเมนูก็จะแสดง Posts ที่อยู่ใน Category นั้น
  70. 70. 70       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เลือกว่าจะใช้เมนูบริเวณตําแหน่งใดบ้าง ตําแหน่งของเมนูขึ้นอยู่กับ Theme ที่เปิดใช้งาน - หรือเลือกแสดงเมนูตามตําแหน่งได้ที่หน้า “Manage Locations”
  71. 71. 71       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เปลี่ยนตําแหน่งเมนูได้โดยการลากแล้ววางเรียงลําดับเมนู - สร้างเมนูดรอปดาวน์ได้ โดยลากไปวางเข้าไปด้านขวาอีกชั้นหนึ่งของเมนูด้านบน (ในกรณีที่ Theme สนับสนุนเมนูดร อปดาวน์) - คลิกที่สามเหลี่ยมด้านขวาเพื่อทําการแก้ไขหรือปรับแต่งเมนู
  72. 72. 72       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เสร็จแล้วคลิก ”Save menu” - ตัวอย่างเมนูในหน้าเว็บไซต์
  73. 73. 73       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งาน Plugins (ปลั๊กอิน) - Plugins เป็น โปรแกรมเสริมชนิดหนึ่ง ที่จะเพิ่มความสามารถให้กับ Theme ของเรา ซึ่งเราจะติดตั้งเพื่อใช้งาน หรือไม่ ติดตั้งก็ได้ โดย Plugins ถูกออกแบบให้มีความสามารถเฉพาะอย่าง ซึ่งเป็นความสามารถเสริมที่ช่วยให้ Theme มี ความสามารถมากขึ้น - เข้าหน้าจัดการ Plugins ที่เมนูหลัก - เมนู “Installed Plugins” จะแสดงรายชื่อ Plugins ที่ติดตั้งอยู่แล้ว พร้อมแสดงรายละเอียดต่างๆ - เพิ่ม Plugins คลิกที่ “Add New” - ค้นหา Plugins โดยการพิมพ์ชื่อ หรือค้นหาโดยใช้ตัวกรองคล้ายกับการค้นหาธีม - ดูรายละเอียดเพิ่มเติมของ Plugins คลิก More Details - คลิก Install เพื่อติดตั้ง
  74. 74. 74       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - หน้า More Details
  75. 75. 75       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - หลังจากการติดตั้ง คลิก “Activate Plugin” เพื่อเปิดใช้งาน - ลบ Plugins โดยคลิกที่ Delete
  76. 76. 76       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - หน้าลบ Plugins
  77. 77. 77       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การจัดการและควบคุม Users (ผู้ใช้งาน) - คลิก “Users” ที่เมนูหลัก เพื่อเข้าใช้งานหน้าจัดการ Users - ในหน้ารายชื่อผู้ใช้งาน เราสามารถแก้ไข หรือลบผู้ใช้งาน หรือลบผู้ใช้งานพร้อมกันผ่านคําสั่ง Bulk Actions - สถานะบทบาทของผู้ใช้งานมีดังนี้ o Administrator - ผู้ดูแล o Editor - ผู้เขียน แก้ไข และ เผยแพร่ Post ทั้งของตนเองและผู้อื่น o Author - ผู้เขียน แก้ไข และ เผยแพร่ Post ของตนเองเท่านั้น o Contributor - ผู้เขียนและจัดการ แต่ไม่สามารถ เผยแพร่ Post ได้ ได้แต่เขียนและรอให้ผู้ดูแลอนุมัติเท่านั้น o Subscriber - สามารถจัดการโปรไฟล์ตนเอง และอ่านเนื้อหาได้เท่านั้น - เมื่อคลิก Edit สามารถตั้งค่า User ตามลําดับได้ดังนี้ o Personal Options  Visual Editor  Disable the visual editor when writing - ยกเลิกแก้ไขเสมือนจริง ใช้ได้แค่ Text เท่านั้น  Admin Color Scheme – เปลี่ยนชุดสีการใช้งานของผู้ใช้งาน  Keyboard Shortcuts  Enable keyboard shortcuts for comment moderation – อนุญาตให้ใช้ปุ่มลัดในการ จัดการ comments  Toolbar  Show Toolbar when viewing site – แสดง Toolbar ขณะดูเว็บไซต์
  78. 78. 78       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o Name  Username - ชื่อผู้ใช้ ไม่สามารถเปลี่ยนแปลงได้  Role - เปลี่ยนบทบาทผู้ใช้งาน  First Name – ชื่อจริง  Last Name - นามสกุล  Nickname (required) – ชื่อเล่น (ต้องมี)  Display name publicly as – เปลี่ยนชื่อที่แสดงสาธารณะ o Contact Info  Email (required) – อีเมล (ต้องมี)  Website – เว็บไซต์ o About the user - ข้อมูลเกี่ยวกับผู้ใช้งาน  Biographical Info – ข้อมูลชีวประวัติผู้ใช้งาน  New Password – ตั้งรหัสผ่านใหม่  Repeat New Password – ป้อนรหัสผ่านใหม่อีกครั้ง - การเพิ่ม User o คลิก Add New
  79. 79. 79       WordPress 101 by SlaTong ‐ Anubhap Panyasri    o ใส่รายละเอียดข้อมูลของ User ที่เราต้องการเพิ่ม - แก้ไขโปรไฟล์ของเราเองได้เช่นกันโดยคลิกที่ “Your Profile” ในเมนูรอง ของเมนูหลัก Users - แก้ไขโปรไฟล์ของเราเองโดยคลิกที่ “Edit My Profile” ด้านมุมขวาบนใน Toolbar
  80. 80. 80       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การใช้งาน Tools (เครื่องมือต่างๆ) - คลิก Tools ที่เมนูหลัก เพื่อใช้งานหน้า Tools - ใช้ “Press This” เก็บข้อมูล หรือ ภาพจากเว็บไซต์อื่นๆที่น่าสนใจ เพื่อสร้าง Post ที่ต้องการ WordPress จะสร้างลิงก์ ใน Post ที่เราเขียนกลับไปยังเว็บไซต์ที่เป็นเจ้าของเนื้อหาโดยอัตโนมัติ ตัวอย่างการใช้งาน Press This - คลุมดําบทความที่ต้องการคัดลอก
  81. 81. 81       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - ลาก Press This ไปวางตรงแถบชื่อของเว็บไซต์หรือบทความ - จะมีกล่อง WordPress Editor ขึ้นมาสําหรับแก้ไขบทความ โดยข้างในจะมีบทความที่เราคลุมดําเพื่อคัดลอกไว้ และใน บทความนั้น WordPress จะสร้างลิงก์กลับไปยังบทความนั้นๆโดยอัตโนมัติ คลิก Publish เพื่อเผยแพร่บทความที่เรา ต้องการ
  82. 82. 82       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การ import (นําเข้า) และ Export (ส่งออก) เนื้อหา วิธีการนําเข้าเนื้อหาจาก WordPress โดยใช้งาน WordPress Importer - คลิก Import ในเมนูรองของเมนูหลัก Tools เลือกติดตั้งเครื่องมือนําเข้าเนื้อหาสําหรับ WordPress - คลิก Install Now เพื่อติดตั้ง
  83. 83. 83       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - คลิกเปิดใช้งาน WordPress Importer ก่อนที่เราจะนําเข้าเนื้อหาเราต้องมีไฟล์เนื้อหาก่อน - ค้นหาเนื้อหาสําหรับทดสอบ
  84. 84. 84       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - คลิกลิงก์เนื้อหาทดสอบ - คัดลอกโค๊ดทั้งหมดเพื่อนํามาวางลงใน Code Editor หรือ Text Editor
  85. 85. 85       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - วางโค๊ดลงไปใน Code Editor หรือ Text Editor จากนั้นบันทึกไฟล์เป็นนามสกุล .xml - กลับมายังหน้า WordPress Importer คลิกเลือกไฟล์ที่ต้องการนําเข้า
  86. 86. 86       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - เลือกไฟล์ .xml ที่บันทึกไว้ก่อนหน้า - คลิกนําเข้าเนื้อหา
  87. 87. 87       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - สําหรับเนื้อหาทดสอบเราสามารถกําหนดให้นําเข้าผู้ใช้งานใหม่หรือมอบหมายให้ Posts ของผู้ใช้งานที่เราจะนําเข้าคน นั้นกลายเป็นบทความของผู้ใช้งานที่เราเลือก คลิก submit เพื่อตกลงนําเข้าเนื้อหา - WordPress จะแสดงรายชื่อ Posts, Pages, และไฟล์อื่นๆว่านําเข้าได้สมบูรณ์หรือล้มเหลว
  88. 88. 88       WordPress 101 by SlaTong ‐ Anubhap Panyasri    การ Export หรือส่งออกเนื้อหาเพื่อย้ายไปนําเข้าเว็บไซต์อื่น - เราสามารถส่งออกเนื้อหาของเราเพื่อนําเข้าเว็บไซต์อื่นเช่นกัน โดยเราจะได้ไฟล์นามสกุล .xml เพื่อใช้ WordPress Importer นําเข้าเนื้อหาแก่เว้บไซต์ที่เราต้องการ การส่งออกเนื้อหามีวิธีการดังนี้ - คลิก Export ในเมนูรองของเมนูหลัก Tools o All content - บทความทั้งหมด จะเป็นการส่งออกทั้ง Posts, Pages, Comments และอื่นๆ o Posts – เลือกส่งออกเฉพาะ Posts  Categories - เลือกหมวดหมู่ที่ต้องการส่งออก  Author - เลือกผู้เขียนที่ต้องการส่งออก  Date range - เลือก Post ระหว่างช่วงเวลาใดเวลาหนึ่ง  Status - เลือก Post ตามสถานะ o Pages – เลือกส่งออกเฉพาะ Page  Author – เลือก Page ตามผู้เขียน  Date range - เลือก Page ระหว่างช่วงเวลาใดเวลาหนึ่ง  Status - เลือก Page ตามสถานะ - ไฟล์เนื้อหาส่งออกของ WordPress นั้นเมื่อโหลดมาจะได้เป็นไฟล์ .XML ซึ่งสามารถนําเข้าผ่านการใช้งาน WordPress Importer ในหน้า Import
  89. 89. 89       WordPress 101 by SlaTong ‐ Anubhap Panyasri    Settings แก้ไขและปรับแต่งการตั้งค่าทั่วไป - General – ทั่วไป o Site Title – ชื่อเว็บไซต์ o Tagline – คําอธิบายเว็บไซต์ o WordPress Address (URL) – URL ของเว็บไซต์ o Site Address (URL) - URL ของเว็บไซต์ o E-mail Address – อีเมลหลัก o Membership  Anyone can register – ให้ผู้เยี่ยมชมเว็บไซต์สมัครสมาชิกได้ o New User Default Role – กําหนดบทบาทมาตรฐานของผู้เยี่ยมชมที่สมัครสมาชิก o Timezone – เลือกเขตเวลา o Date Format – เลือกรูปแบบการแสดงวัน เดือน ปี o Time Format – เลือกรูปแบบการแสดงเวลา o Week Starts On – เลือกวันแรกเริ่มของสัปดาห์
  90. 90. 90       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Writing – การเขียน o Formatting  Convert emoticons like :-) and :-P - แปลงสัญลักษณ์อารมณ์เช่น :-) และ :-P ให้เป็นรูปภาพ แสดงอารมณ์  WordPress should correct invalidly nested XHTML automatically – WordPress แก้ไข Nested XHTML โดยอัตโนมัติ o Default Post Category – กําหนดหมวดหมู่มาตรฐานสําหรับการเขียน Post o Default Post Format – เลือก Format มาตรฐานสําหรับ Post o Post Via Email ตั้งค่าการเขียน Post ผ่านอีเมล (ผู้เขียนขอข้ามส่วนนี้ไปเพราะยุ่งยากสําหรับผู้เริ่มต้นใช้งาน) o Updates Services - บริการอัปเดท แจ้งเตือนเว็บไซต์บริการอัปเดทเมื่อเรา Publish Post ใหม่
  91. 91. 91       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Reading – การอ่าน o Front page displays - เลือกหน้าแรกที่จะแสดง เป็น Post ล่าสุด หรือ Page เฉพาะที่เราต้องการ o Blog pages show at most – ต้องการแสดงจํานวน Posts ในหน้าแรกหรือหน้าแสดง Posts เท่าใด o Syndication feeds show the most recent – ต้องการแสดงจํานวน Post ล่าสุดเท่าใดใน Syndication feeds o For each article in a feed, show - แสดง Post ใน feed แบบแสดงข้อความเต็มหรือแบบย่อ o Search Engine Visibility  Discourage search engines from indexing this site – ไม่ต้องการให้ Search engine เข้าถึง เนื้อหาในเว็บไซต์
  92. 92. 92       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Discussion – การสนทนาและแสดงความคิดเห็น o Default article settings  Attempt to notify any blogs linked to from the article – เตือนว่ามีบล็อกใดๆที่ลิงก์มาหา บทความในเว็บไซต์ของเรา  Allow link notifications from other blogs (pingbacks and trackbacks) – อนุญาตให้เตือนว่า มีลิงก์มาจากบล็อกอื่นๆ (pingbacks and trackbacks)  Allow people to post comments on new articles – อนุญาตให้ผู้เยี่ยมชมแสดงความคิดเห็น ในบทความใหม่ได้ o Other comment settings  Comment author must fill out name and e-mail – ผู้แสดงความเห็นต้องเขียนชื่อและอีเมล์  Users must be registered and logged in to comment - ผู้ใช้ต้องลงทะเบียนและเข้าสู่ระบบ ก่อนจะแสดงความเห็น  Automatically close comments on articles older than 14 days - ปิดการแสดงความเห็น ของบทความที่เก่ากว่า 14 วันโดยอัตโนมัติ  Enable threaded (nested) comments levels deep - เปิดใช้ threaded (nested) ระดับความ ลึกของความเห็น  Break comments into pages with 50 top level comments per page and the last/first page displayed by default – แสดงความเห็น 50 ความเห็นในแต่ละหน้า และให้แสดงหน้าแรก หรือหน้าสุดท้ายโดยมาตรฐาน  Comments should be displayed with the older/newer comments at the top of each page – แสดงความเห็นที่เก่ากว่าหรือใหม่กว่า o E-mail me whenever – ให้ส่งอีเมลหาเมื่อ  Anyone posts a comment – มีคนแสดงความคิดเห็น  A comment is held for moderation – มีความคิดเห้นที่รอให้อนุมัติ o Before a comment appears – ก่อนความเห็นจะแสดง  Comment must be manually approved – ความเห็นต้องได้รับการอนุมัติ  Comment author must have a previously approved comment – ผู้แสดงความเห็นต้องเคย ได้รับการอนุมัติความเห็นมาก่อนหน้านี้
  93. 93. 93       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Comment Moderation – การจัดการความเห็น o ถ้าความเห็นมีคําเหล่านี้(ระบุลงกล่องข้อความด้านล่าง)ในเนื้อหา, ชื่อ, URL, อีเมล์ หรือ IP ความเห็นนั้นจะถูก เก็บไว้ในคิวรอการจัดการ คําหนึ่งคําสามารถจับคู่กับคําอื่นได้ ดังนั้น คําว่า “press” ก็จะถูกจับคู่กับคําว่า “WordPress” ด้วย - Comment Blacklist o ถ้าความเห็นมีคําเหล่านี้(ระบุลงกล่องข้อความด้านล่าง)ในเนื้อหา, ชื่อ, URL, อีเมล์ หรือ IP ความเห็นนั้นจะถือ ว่าเป็นความเห็นสแปม คําหนึ่งคําสามารถจับคู่กับคําอื่นได้ ดังนั้น คําว่า “press” ก็จะถูกจับคู่กับคําว่า “WordPress” ด้วย
  94. 94. 94       WordPress 101 by SlaTong ‐ Anubhap Panyasri    Avatars – รูปประจําตัว รูปประจําตัว เป็นรูปภาพที่ปรากฏอยู่ข้างๆ ชื่อของคุณ เมื่อคุณแสดงความคิดเห็นลงบนเว็บไซต์ที่เปิดให้แสดงรูปประจําตัวได้ - Avatar Display – ให้แสดงรูปประจําตัวหรือไม่ - Maximum Rating – การอันดับการรับชม o G — Suitable for all audiences – เหมาะสําหรับทุกวัย o PG — Possibly offensive, usually for audiences 13 and above – อาจมีเนื้อหาไม่เหมาะสม เหมาะ สําหรับผู้มีอายุ 13 ปีขึ้นไป o R — Intended for adult audiences above 17 - เหมาะสําหรับที่มีอายุ 17 ปีขึ้นไป o X — Even more mature than above – เหมาะสําหรับผู้ที่บรรลุนิติภาวะแล้ว Default Avatar – เลือกรูปประจําตัวสําหรับผู้ใช้ที่ไม่มี avatar ของตัวเอง
  95. 95. 95       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Media – ไฟล์สื่อ o Image sizes – ตั้งค่าขนาดมาตรฐานของรูปภาพแต่ละขนาดเมื่ออัปโหลดลงใน Media Library  Thumbnail size – ภาพขนาด Thumbnail  Medium size - ภาพขนาดปานกลาง  Large size - ภาพขนาดใหญ่ o Uploading Files – การอัปโหลดไฟล์  Organize my uploads into month- and year-based folders - เลือกให้เรียงไฟล์ตามลําดับวัน เวลาที่เราอัพโหลดไฟล์ลง Media Library
  96. 96. 96       WordPress 101 by SlaTong ‐ Anubhap Panyasri    - Permalinks – ลิงก์ URL o Common Settings ตั้งค่ารูปแบบ URL สําหรับ Post หรือ Page  Default – ค่าเริ่มต้น  Day and name-วันและชื่อ  Month and name – เดือนและชื่อ  Numeric - จํานวนเลข  Post name – ชื่อ Post  Custom structure – แบบที่เราต้องการ o การใช้ชื่อ Post เป็น URL ที่ส่งผลดีต่อ SEO สําหรับเว็บไซต์เรา o Optional  ในส่วนนี้ ส่วนใหญ่แนะนําให้ใช้ค่าเริ่มต้น โดยไม่ต้องเปลี่ยนแปลงอะไร
  97. 97. 97       WordPress 101 by SlaTong ‐ Anubhap Panyasri    ทิ้งท้าย   ถึงตรงนี้ผมหวังว่าหลายๆคนก็คงมีพื้นฐานการใช้งาน WordPress ไปไม่น้อยแล้ว ถ้าหากหนังสือเล่มนี้มีข้อผิดพลาด ตรงไหน หรือหากผู้อ่านท่านใดที่ยังมีข้อสงสัยสามารถเข้ามาพูดคุยกันได้ทั้งทางเว็บไซต์และทาง Facebook ได้เลยครับ ยินดี ตอบทุกคําถามและทุกข้อสงสัยครับ ขอบคุณมากครับ, อานุภาพ ปัญญาศรี Website: slatong.com Facebook: https://www.facebook.com/slatong

×