WordPress 101 รู้ทุกพื้นฐานการใช้งาน WordPress
2
WordPress 101 อานุภาพ ปัญญาศรี พูดคุยกันได้ที่ Website: Facebook:
slatong.com https://www.facebook.com/slatong
สงวนลิขสิทธิ์ © 2014 โดย อานุภาพ ปัญญาศรี สงวนลิขสิทธิ์ ห้ามนําส่วนหนึ่งส่วนใดในหนังสือ WordPress 101 ไปทําซ้ํา หรือเผยแพร่ในรูปแบบใดๆ หรือด้วยวิธีอื่นใด ไม่ ว่าจะเป็นทางอิเลคทรอนิกส์ ทางกลไก รวมทั้งการถ่ายเอกสาร การบันทึก หรือการเก็บข้อมูลและระบบกู้คืนข้อมูลใดๆ โดยไม่ได้ รับอนุญาตเป็นลายลักษณ์อักษรจากผู้แต่ง
WordPress 101 by SlaTong ‐ Anubhap Panyasri
3
สารบัญ เนื้อหา การติดตั้ง 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
WordPress 101 by SlaTong ‐ Anubhap Panyasri
4
WordPress 101 by SlaTong ‐ Anubhap Panyasri
5
การติดตั้ง WordPress บน Localhost ด้วยโปรแกรม XAMPP
สิ่งที่ต้องมีก่อนการติดตั้ง WordPress คือ - ติดตั้งโปรแกรมจําลองโฮสต์ ในที่นี่จะใช้ XAMPP o ลิงก์สําหรับดาวน์โหลด XAMPP : https://www.apachefriends.org/index.html - ไฟล์ WordPress โหลดได้จาก WordPress.org o ลิงก์สําหรับดาวน์โหลด WordPress : http://wordpress.org/download/
WordPress 101 by SlaTong ‐ Anubhap Panyasri
6
วิธีสร้างฐานข้อมูลและผู้ใช้งานสําหรับใช้งาน WordPress - หลังการติดตั้งโปรแกรม ให้เปิดโปรแกรม XAMPP เลือก Start ที่ Apache และ MySQL
- พิมพ์ Localhost ลงในเบราว์เซอร์ จะเข้าสู่หน้าควบคุมฐานข้อมูล
WordPress 101 by SlaTong ‐ Anubhap Panyasri
7
- เลือก phpMyAdmin
- คลิก Database เพื่อเข้าสู่การสร้างฐานข้อมูล
WordPress 101 by SlaTong ‐ Anubhap Panyasri
8
- ตั้งชื่อฐานข้อมูล คลิก Create
- คลิกเข้าสู่ฐานข้อมูลที่เราสร้าง จากนั้นเลือก Privileges เพื่อสร้างผู้ใช้งาน
- คลิกที่ Add user เพื่อเพิ่มผู้ใช้งาน
WordPress 101 by SlaTong ‐ Anubhap Panyasri
9
- ใส่ข้อมูลผูใ้ ช้ (ซึ่งเราเองนี่แหละคือผู้ใช้)
- เลือก Check All เพื่อให้สิทธิ์แก่ผู้ใช้ทั้งหมด จากนั้นคลิก Go เป็นการเสร็จสิ้นการสร้างผู้ใช้งาน
- กลับไปแตกไฟล์ WordPress ที่ดาวน์โหลดมา
WordPress 101 by SlaTong ‐ Anubhap Panyasri
10
- หลังแตกไฟล์แล้วจะได้โฟลเดอร์หนึ่งมา ให้ตั้งชื่อโฟลเดอร์ให้ตรงกับชื่อฐานข้อมูลที่เราสร้าง (ในตัวอย่างฐานข้อมูลคือ wordpress ดังนั้นโฟลเดอร์ก็ต้องเป็น wordpress)
- ไปที่ Drive C หรือที่ที่เราติดตั้ง XAMPP ไว้ คลิกเข้าไปที่ XAMPP จากนั้นคลิกเข้าไปที่ htdocs จากนั้นคัดลอก โฟลเดอร์ไฟล์ WordPress ที่เราแตกไฟล์และทําการเปลี่ยนชื่อไป มาวางในโฟลเดอร์ htdocs
- กลับไปที่เบราว์เซอร์ พิมพ์ localhost ตามด้วยฐานข้อมูล ก็จะได้เป็น localhost/wordpress ลงในเบราว์เซอร์ - คลิก Create a Configuration File
WordPress 101 by SlaTong ‐ Anubhap Panyasri
11
- คลิก Let’s go!
- จากนั้นใส่ฐานข้อมูลที่เราสร้างขึ้นมาในตอนแรก ใส่ชื่อผู้ใช้และรหัสผ่านทีเ่ ราสร้างขึ้นในฐานข้อมูล ที่เหลือข้ามไป คลิก submit
WordPress 101 by SlaTong ‐ Anubhap Panyasri
12
- คลิก Run the install เพื่อติดตั้ง
- ใส่รายละเอียดและข้อมูล
o Site Title – ชื่อเว็บไซต์ o Username – ชื่อผู้ใช้สําหรับ การลงชื่อเข้าใช้เว็บไซต์ o Password – รหัสผ่าน o Your Email – อีเมล o Privacy – ต้องการให้ search engine เข้าถึงเนื้อหาในเว็บไซต์หรือไม่
เมื่อใส่รายละเอียดครบแล้ว คลิกที่ Install WordPress
WordPress 101 by SlaTong ‐ Anubhap Panyasri
13
- การติดตั้งเสร็จสมบูรณ์!
- คลิก Log In เพื่อลงชื่อเข้าใช้งานได้ทันที
WordPress 101 by SlaTong ‐ Anubhap Panyasri
14
รู้จัก Dashboard - Dashboard – เป็นหน้าแรกที่เจอเมื่อเข้าสู่ระบบ
- Dashboard มีพื้นที่หลักอยู่สามส่วน o Toolbar – แถบเครื่องมืออยู่ด้านบนสุด o Main Navigation Menu – เมนูหลักอยู่ด้านซ้าย o Main Work Area - เป็นพื้นที่ทํางานหลักในบริเวณพื้นที่ที่เหลือ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
15
- เมื่อเข้าสู่ระบบครั้งแรก จะพบกล่องข้อความต้อนรับ พร้อมลิงก์สําหรับปรับแต่งเว็บไซต์ หรือเขียน Post และอื่นๆได้ ทันที ถ้าไม่ต้องการใช้งานกล่องนี้ให้คลิก “Dismiss” เพื่อยกเลิกการใช้งาน
- Toolbar จะแสดงอยู่ด้านบนสุดเสมอ o ลิงก์ต่างๆ เกี่ยวกับ WordPress
o เมื่อวางเมาส์เหนือชื่อเว็บไซต์จะมีลิงก์ “Visit Site” สามารถคลิกเข้าไปเยี่ยมชมเว็บไซต์ของเราได้
o ปุ่ม Updates จะปรากฏเมื่อมีการแจ้งเตือนให้อัพเดทข้อมูล คลิกเพื่อไปหน้า Updates
WordPress 101 by SlaTong ‐ Anubhap Panyasri
16
o ดูรายชื่อ Comments
o ลิงก์สร้าง Post, Media, Page และ User
o Toolbar จะอยู่ตําแหน่งเดิมเสมอ ทําให้เราสามารถแก้ไข Post ที่เราอ่านได้ทันที หรือสร้าง Post ใหม่ได้ทันที o ด้านมุมขวาบนของ Toolbar เป็นลิงก์สําหรับเข้าไปแก้ไขข้อมูลส่วนตัวหรือออกจากระบบ
o Screen Options & Help - อยู่บริเวณด้านล่างชื่อผู้ใช้บริเวณมุมขวาบน
WordPress 101 by SlaTong ‐ Anubhap Panyasri
17
o “Help” – อธิบายข้อมูลการใช้งานทั่วไปใน Dashboard
o Screen Options - ใช้สําหรับปรับการใช้งาน Dashboard โดยการคลิ๊กที่ช่องสี่เหลี่ยมจะเป็นการปิด/เปิด กล่องควบคุมต่างๆ
-
Main Navigation Menu o เมื่อนําเมาส์ไปวางเหนือเมนูหลักจะปรากฏเมนูรองสําหรับจัดการและควบคุมอื่นๆ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
18
o ถ้าต้องการพื้นที่ในการทํางานมากขึ้น สามารถย่อเมนูลงได้โดยการกดที่ปุ่ม “Collapse Menu” ด้านล่าง เมนู จะแสดงเป็นสัญลักษณ์หลังจากที่เรากดย่อเมนู
WordPress 101 by SlaTong ‐ Anubhap Panyasri
19
- การจัดการ Dashboard o วางเมาส์เหนือไตเติลบาร์ เมาส์จะเปลี่ยนสัญลักษณ์ ทําให้สามารถลากย้ายกล่องควบคุมได้ คลิกแล้วลากไปวาง ช่องที่เป็นเส้นประตามต้องการ
o คลิกย่อหรือขยายกล่องควบคุมได้โดยคลิกทีส่ ามเหลี่ยมมุมขวาบนของกล่องควบคุม หรือคลิกย่อ/ขยายที่แถบ ชื่อได้เลยทันที
WordPress 101 by SlaTong ‐ Anubhap Panyasri
20
- การใช้งานกล่องควบคุม o At a Glance - แสดงจํานวน Posts, Pages และ Comments ทั้งหมดบนเว็บไซต์ของเรา และแจ้งว่าเรา กําลังใช้ WordPress เวอร์ชันใดและใช้ Theme (ธีม) ใดอยู่
o Activity - แสดง Post ตามตารางเวลา พร้อมแสดง Comments ล่าสุด เราสามารถจัดการความเห็นเหล่านั้น ได้
WordPress 101 by SlaTong ‐ Anubhap Panyasri
21
o WordPress News - รวบรวมข่าวสารล่าสุดจากโปรเจ็คทางการของเวิร์ดเพรส WordPress Planet รวมไปถึง ข่าวสารของ Plugins ยอดนิยมและล่าสุด
o Quick Draft - ร่าง Post ที่ต้องการได้ทันทีและสามารถกลับมาเขียนให้เสร็จได้ทีหลัง โดยพิมพ์ Title เนื้อหา คลิก “Save Draft” ก็จะปรากฏรายชื่อ Post ของเราด้านล่างของกล่องควบคุม เมื่อเราคลิกที่ Post ก็จะนํา เราเข้าไปยังหน้า WordPress editor สําหรับเขียน Post ให้เสร็จสมบูรณ์
WordPress 101 by SlaTong ‐ Anubhap Panyasri
22
Post และ Page คืออะไร? - Page – คือหน้าที่ใช้แสดงสําหรับเนื้อหาที่ไม่เปลี่ยนแปลงหรือนานๆครั้งจะเปลี่ยน เช่น About หรือ Contact Us ซึ่ง เราสามารถนํา Page มาใช้เป็นเมนูในหน้าเว็บไซต์ของเราได้ o ตัวอย่าง About Page
- Post - ก็คือบทความหรือเนื้อหาที่เราเผยแพร่ให้ผู้เยี่ยมชมเว็บไซต์อ่าน Post จะแสดงเรียงตามวันเวลาที่เราเขียน เรา สามารถจัดหมวดหมู่ให้กับ Post ได้ o ตัวอย่าง Post ที่มีชื่อ Image alignment
WordPress 101 by SlaTong ‐ Anubhap Panyasri
23
การใช้งาน WordPress Editor - การเปิดใช้งาน WordPress Editor o ไปที่เมนู Posts เลือก Add New เพื่อเขียน Post
o ไปที่เมนู Page เลือก Add New เพื่อเขียน Page
WordPress 101 by SlaTong ‐ Anubhap Panyasri
24
- การใช้งาน 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 - ปิด/เปิดเครื่องมือเพิ่มเติม
WordPress 101 by SlaTong ‐ Anubhap Panyasri
25
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 แบบไหนก็จะแสดงในหน้าเว็บไซต์แบบนั้น
WordPress 101 by SlaTong ‐ Anubhap Panyasri
26
o Text - คลิกแถบนี้ จะเห็นว่า WordPress ได้ใส่คําสั่งแท็ก HTML ให้เราโดยอัตโนมัติ ซึ่งเราสามารถใช้งาน แท็กได้โดยคลุมดําส่วนที่เราต้องการใช้แท็ก html เสร็จแล้วเลือกคําสั่งแท็ก HTML ที่ต้องการใช้งาน ในส่วนนี้ จะเหมาะสําหรับผู้ที่มีความรูด้ ้านการเขียน HTML
WordPress 101 by SlaTong ‐ Anubhap Panyasri
27
การสร้างและแก้ไข Post - สามารถคลิกสร้าง Post ใหม่ได้จาก Toolbar ด้านบน เข้าสู่ WordPress editor สําหรับเขียน Post ได้ทันที
- หรือคลิกที่ Posts เลือก “Add New”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
28
- ใส่ชื่อเรื่อง เนื้อหา
- WordPress จะสร้างลิงก์สําหรับ Post ให้เราโดยอัตโนมัติ ซึ่งเรียกว่า Permalink ซึ่งเป็น URL ของ Post เราสามารถ เปลี่ยนชื่อของ URL ได้ตามต้องการ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
29
- Categories (หมวดหมู่) o กําหนด “Category” ให้กับ Post หรือสร้าง Category ใหม่ เราสามารถกําหนด Post ให้อยู่ใน Category ได้มากกว่าหนึ่ง Category โดยเลือกจากแถบ “All Categories (ทั้งหมด)” หรือ “Most Used (ใช้บ่อย ที่สุด)”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
30
- Tags (แท็ก/ป้ายกํากับ) o ใส่ “Tags” เพื่อทําให้การจัดหมวดหมู่ของ Post ได้ดีขึ้น Tags เป็นเหมือนคีย์เวิร์ดของ Post ถ้าเราคลิกลิงก์ Tags ในหน้าเว็บไซต์ จะเป็นการเรียกแสดง Post ที่มี Tags เหมือนกัน o เลือก Tags ที่ใช้มากที่สุดโดยคลิกที่ “Choose from the most used tags”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
31
- Featured Image o ใส่ Featured Image สําหรับ Post
- Format (รูปแบบ)
เราสามารถกําหนดให้ Post แต่ละ Post แสดงผลตามรูปแบบที่ต่างกันออกไป โดยปกติแล้วเวลาเราสร้าง Post จะเป็น การสร้าง Standard Post แต่เราสามารถเลือก Format อื่นสําหรับ Post ได้ รายชื่อตัวอย่าง Formats o o o o o o o o
Standard Aside Image Video Audio Quote Link Gallery
– -
มาตรฐาน Aside ภาพ วีดีโอ เสียง Quote ลิงก์ แกลลอรี่รูปภาพ WordPress 101 by SlaTong ‐ Anubhap Panyasri
32
- Post Format จะแสดงผลต่างกันขึ้นอยู่กับ Theme ที่เราใช้งาน ขึ้นอยู่กับนักพัฒนา Theme ว่าได้ออกแบบ Post Format ไว้หรือไม่ - ตัวอย่าง Post Formats
WordPress 101 by SlaTong ‐ Anubhap Panyasri
33
- กล่องควบคุม Publish
Save Draft เพื่อกลับมาแก้ไขให้เรียบร้อยอีกครั้งได้ Preview คลิกเพื่อดูว่า Post แสดงผลแบบใดในหน้าเว็บไซต์ คลิกที่ “Edit” เพื่อย่อ/ขยายคําสั่ง 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 ได้ o o o o
WordPress 101 by SlaTong ‐ Anubhap Panyasri
34
- เมื่อเขียน Post เสร็จเรียบร้อยดีแล้วให้คลิก “Publish” - ดู Post ที่ Publish ได้ทันที่โดยคลิกที่ “View post”
การแก้ไข Post - คลิกเมนูหลัก “All Posts” จะเห็นรายชื่อและข้อมูล Posts ทั้งหมด ดูรายชื่อ Post หน้าอื่นโดยคลิกที่ pagination ด้านบน หรือค้นหา Post ในกล่องค้นหา
WordPress 101 by SlaTong ‐ Anubhap Panyasri
35
- วางเมาส์เหนือ Post จะมีลิงก์คําสั่งต่างๆปรากฏขึ้น
o Edit คลิกเพื่อแก้ไขโดยใช้ WordPress editor o Quick Edit เปลี่ยนข้อมูล Posts แต่ละ Posts เช่น
เปลี่ยนชื่อ Posts เปลี่ยนวันที่ ใส่รหัสผ่าน เพิ่มหมวดหมู่อื่นๆ เพิ่ม Tags เปิดหรือปิด Comments อนุญาต Pings เปลี่ยน Status ปักหมุด Post ให้อยู่ด้านบนสุดเสมอ WordPress 101 by SlaTong ‐ Anubhap Panyasri
36
- แก้ไข Post ได้หลายๆ Post ในคราวเดียว โดยคลิกที่ช่องสี่เหลี่ยมหน้า Post เพื่อเลือก Post ที่ต้องการแก้ไข เลือก “Edit” ตรงเมนู “Bulk Actions” คลิก “Apply”
o สามารถเปลี่ยน Category, Tags, Author หรืออื่นๆ สําหรับ Post พร้อมกันในครั้งเดียว o สําหรับการเอา Post ออกจากการแก้ไขพร้อมกัน คลิกทีก่ ากบาทหน้ารายชื่อ Post คลิก Update
WordPress 101 by SlaTong ‐ Anubhap Panyasri
37
- เราสามารถลบ Post ได้โดยการคลิกที่ “Trash” หรือลบ Posts ทั้งหมดผ่านคําสั่ง Bulk Actions
- เราสามารถกู้คนื Post ที่ลบกลับมาได้ภายใน 30 วัน โดยไปที่ “Trash” ด้านบน เพื่อดูรายชื่อ Post ที่โดนลบ ถ้าหาก ต้องการกู้คืนให้คลิกที่ “Restore” เราสามารถกู้คืนพร้อมกันทั้งหมดผ่านคําสั่ง Bulk Actions ได้เช่นกัน
WordPress 101 by SlaTong ‐ Anubhap Panyasri
38
การใช้งาน 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 ด้วยเช่นกัน
WordPress 101 by SlaTong ‐ Anubhap Panyasri
39
o นําเมาส์วางเหนือ Category จะมีคําสั่ง Edit, Quick Edit, Delete และเราสามารถดูรายชื่อ Posts ทีอ่ ยู่ใน Category นั้นด้วยการคลิก View o สามารถลบ Categories พร้อมกันโดยคลิกช่องสี่เหลี่ยมหน้ารายชื่อ Category เลือก “Delete” จากเมนู Bulk Actions คลิก “Apply” เพื่อลบ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
40
- Tags เป็นเหมือนคีย์เวิร์ดของ Post ถ้าเราคลิกลิงก์ Tags ในหน้าเว็บไซต์ จะเป็นการเรียกแสดง Post ที่มี Tags เหมือนกัน o คลิกที่ “Tags” เพื่อเข้าสู่หน้าจัดการ Tags
o ด้านบนซ้ายของหน้าจะแสดงว่าเว็บเรามี Tags ใดบ้าง o เพิม่ Tags โดยพิมพ์ชื่อ Tags คลิกที่ “Add New Tag”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
41
o มีคําสั่ง Edit, Quick Edit, Delete และ View ได้เหมือนกับหมวดหมู่ o เมือ่ คลิกที่ “View” จะแสดงรายชื่อ Post ทั้งหมดที่มี Tags นั้นๆ o ค้นหา Tags ที่เราต้องการในช่อง “Search Tags”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
42
การสร้างและแก้ไข 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
WordPress 101 by SlaTong ‐ Anubhap Panyasri
43
- ส่วนใหญ่แล้วใช้คําสั่งเหมือนกันกับที่ใช้ในการจัดการ Posts
WordPress 101 by SlaTong ‐ Anubhap Panyasri
44
การใส่รูปภาพใน Post & Page - ในหน้า WordPress Editor คลิก “Add Media” เพื่อเปิดตัวอัปโหลดไฟล์
- จะพบหน้าต่างขึ้นมา เมนูหลักด้านซ้ายประกอบไปด้วย
o Insert Media – เพิ่มไฟล์ที่ต้องการอัปโหลด o Create Gallery - สร้างแกลลอรีรูปภาพ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
45
o o o o
Create Audio Playlist - เพิ่มไฟล์เสียง Create Video Playlist - เพิ่มวีดีโอ Set Featured Image - ตั้ง Featured Image 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 เพื่อแก้ไขได้ทนั ที
WordPress 101 by SlaTong ‐ Anubhap Panyasri
46
o คลิกที่ภาพ จะมีสัญลักษณ์ดนิ สอหรือปากกา คลิกเพื่อเข้าไปแก้ไข o คลิกที่ภาพ คลิกสัญลักษณ์กากบาท จะเป็นการลบภาพออกจาก Post
WordPress 101 by SlaTong ‐ Anubhap Panyasri
47
- เมื่อเข้าสู่หน้าแก้ไขจะแก้ไขไฟล์ได้ดังนี้
Caption - แก้ไข Caption Alternative Text - แก้ไข Alternative Text Alignment เราสามารถจัดภาพได้ โดยจัดให้อยู่ทางซ้าย ขวา หรือกลาง เราสามารถเลือกขนาดของภาพได้ Thumbnail ขนาดเล็ก Medium ขนาดกลาง Large ขนาดใหญ่ Full Size ภาพเต็มขนาด o Link to ตั้งให้ไฟล์ลิงค์ไปที่ทเี่ ราต้องการ Media File ลิงก์ไปไฟล์โดยตรง Attachment Page หน้าแสดงไฟล์แนบ Custom URL ลิงก์ไป URL ที่เราต้องการ
o o o o
WordPress 101 by SlaTong ‐ Anubhap Panyasri
48
การสร้าง Gallery รูปภาพ o คลิกที่ Add Media เลือก “Create Gallery” และเลือกภาพได้จํานวนที่ต้องการ o คลิก “Create a new gallery”
o o o o o
สามารถเพิ่มภาพเข้าไปใน gallery ได้ เราสามารถกลับลําดับการเรียงภาพโดยคลิกที่ “Reverse Order” หรือคลิกลากภาพเพื่อเรียงลําดับภาพได้ เลือกให้ลิงก์ไปที่ที่เราต้องการ เลือกจํานวนแถวการแสดงภาพ คลิก “Insert Gallery”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
49
o คลิกที่ Gallery จะมีสัญลักษณ์ดินสอหรือปากกาเพื่อแก้ไข Gallery หรือคลิกกากบาทเพื่อลบ Gallery ออก จาก Post
WordPress 101 by SlaTong ‐ Anubhap Panyasri
50
การใส่วิดีโอใน Post - คัดลอก URL ของวีดีโอ วาง URL ลงใน WordPress editor จากนั้น WordPress จะแสดงตัวอย่างของวีดีโอทันที ซึ่งเป็น ความสามารถใหม่ของ WordPress 4.0
WordPress 101 by SlaTong ‐ Anubhap Panyasri
51
การใช้งาน Media - เข้าสู่หน้า Media คลิก Media ที่เมนูหลัก - เราสามารถใช้ Media Library สําหรับเพิ่มไฟล์ แก้ไข ลบ หรือดูไฟล์ของเราได้ ในบทเรียนนี้จะใช้งานหน้า Media แบบตาราง ซึ่งเป็นหน้า Media แบบใหม่ของ WordPress 4.0 (ซึ่งการใช้งานแบบรายชื่อหรือ List View นั้นการใช้งานจะคล้ายๆกับการจัดการ Posts, Pages หรือ Categories)
- เพิ่มไฟล์โดยการลากไฟล์ที่ต้องการวางลงในช่องอัปโหลด ไฟล์จะอัปโหลดโดยอัตโนมัติ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
52
- การแก้ไขไฟล์ คลิกที่ไฟล์ แล้วเลือก “Edit More Details” เพื่อแก้ไขข้อมูลต่างๆของไฟล์นั้นๆ - ถ้าหากไฟล์เป็นไฟล์วีดีโอ เราสามารถโหลดไฟล์นั้นมาเก็บได้ - ถ้าหากไฟล์นั้นเป็นไฟล์ MP3 เราสามารถกดฟังไฟล์นั้นได้
WordPress 101 by SlaTong ‐ Anubhap Panyasri
53
- การแก้ไขภาพ คลิกภาพที่ต้องการแก้ไข คลิกที่ “Edit More Details” เพื่อแก้ไขทั้งข้อมูลและขนาดของภาพ
- หน้าแก้ไขภาพ
Crop - ตัดภาพหลังจากลากขนาดที่ต้องการตัดได้แล้ว Rotate Counterเ – Clockwise - หมุนทวนเข็มนาฬิกา Rotate Clockwise - หมุนตามเข็มนาฬิกา Flip Vertically – พลิกแนวตั้ง
WordPress 101 by SlaTong ‐ Anubhap Panyasri
54
Flip Horizontally – พลิกแนวนอน Undo - ย้อนกลับ Redo – กลับไปทําใหม่
- คลิก Crop เพื่อตัดภาพให้ได้ขนาดที่ต้องการ คลิก Save จะได้ขนาดภาพที่เราตัด - สามารถกู้คืนภาพเดิมได้ตลอดเวลา โดยคลิกที่ “Edit Image” เพื่อกลับไปหน้าแก้ไขภาพอีกครั้ง คลิก “Restore Original Image” คลิกที่ “Restore Image” จะได้ภาพเดิมของเรากลับคืนมา
WordPress 101 by SlaTong ‐ Anubhap Panyasri
55
การใช้งานและจัดการ Comments - ในกล่อง Activity ใน Dashboard จะแจ้ง Comments ล่าสุดให้เราทราบ - เราสามารถเลือก Approve/Unapprove (อนุมัติ/ไม่อนุมัติ), Reply (ตอบกลับ), Edit (แก้ไข), แจ้งว่าเป็น Spam หรือ ลบโดยคลิก Trash
- คลิก # เพื่ออ่าน Comment ใน Post
WordPress 101 by SlaTong ‐ Anubhap Panyasri
56
- ในส่วนเมนูหลัก Comments เราสามารถ Approve, Reply, Quick Edit, Edit, แจ้งว่าเป็น Spam หรือลบ Comments ผ่าน Bulk Actions พร้อมกันได้หลาย Comments
WordPress 101 by SlaTong ‐ Anubhap Panyasri
57
การสร้าง Link - คลุมดําคําที่ต้องการให้เป็นลิงก์ใน WordPress Editor - คลิก Insert/edit link
- จะปรากฏหน้าต่างขึ้นมา ให้ใส่ URL ที่เราต้องการลิงก์ไป ใส่ Title ที่จะแสดงเวลานําเมาส์ไปวางค้างไว้ - คลิกช่องสี่เหลีย่ มหน้า Open link in a new window/tab เพื่อเลือกที่จะให้เปิดลิงก์ในหน้าต่างใหม่หรือแท็บใหม่ - ลิงก์ไปยังเนื้อหาที่มีอยู่ในเว็บไซต์ของเราคลิกที่ “Or link to existing content” - พิมพ์ค้นหาเนื้อหาที่เราต้องการได้ - คลิก “Add Link”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
58
- เราสามารถทําให้รูปภาพเป็นลิงก์ได้โดย o เลือกแก้ไขไฟล์ภาพ
o เลือก Link To ไปที่ “Custom URL” ใส่ URL ที่เราต้องการให้ลิงก์ไป
WordPress 101 by SlaTong ‐ Anubhap Panyasri
59
การเปลี่ยน Theme (ธีม) - ธีม คือรูปแบบหรือดีไซน์ของเว็บไซต์เรา ซึ่งทําให้เว็บไซต์เรามีความแตกต่างจากเว็บไซต์อื่นๆ ซึ่งเราสามารถติดตั้งธีม ใหม่ๆได้ตลอดตามที่เราต้องการ - คลิก “Appearance” ที่เมนูหลัก เข้าไปยังหน้าจัดการ Theme
- คลิก “Theme Details” เพื่อเข้าไปอ่านรายละเอียด
WordPress 101 by SlaTong ‐ Anubhap Panyasri
60
- หน้าแสดงรายละเอียดของธีม
- คลิก “Live Preview” เพื่อดูตัวอย่างของธีมก่อนการเปิดใช้งาน - ปรับแต่ง Theme ได้ตามความสามารถที่ Theme สนับสนุน - แก้ไขส่วนต่างๆตามที่เราต้องการ ซึ่งการปรับแต่งหรือแก้ไขนี้จะต่างกันไปแต่ละ Theme ขึ้นอยู่กับนักพัฒนา Theme นั้นๆ ถ้าปรับแต่งจนพอใจรูปแบบของ Theme ที่เลือก คลิก “Save & Activate” เพื่อใช้งาน
WordPress 101 by SlaTong ‐ Anubhap Panyasri
61
- การปรับแต่งธีมใน WordPress 4.0 จะเพิ่มส่วนของการแสดงตัวอย่างของ Widgets ที่เราเปิดใช้งานทันที คลิกที่ “Widgets”
- หน้าปรับแต่ง Widgets ซึ่งตําแหน่งการแสดงผลและตําแหน่งของ Widgets จะแตกต่างกันไปขึ้นอยู่กับธีมที่เราใช้งาน
WordPress 101 by SlaTong ‐ Anubhap Panyasri
62
- คลิก “Add a Widget” เข้าไปยังหน้าจัดการ Widgets และเพิ่ม Widget ที่เราต้องการ
การติดตั้ง Theme - ติดตั้ง Theme ใหม่ คลิกที่ “Add New”
- โดยเราสามารถเลือก Theme ตามตัวกรองที่มีอยู่ คือ o Featured - Theme พิเศษ o Popular - Theme ยอดนิยม o Latest - Theme พิเศษ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
63
o Feature Filter - เลือก Theme โดยใช้ตัวกรอง
- หน้าแสดงผลการค้นหา Theme ตามลักษณะที่เลือกผ่าน Feature Filter
o Search Theme – ค้นหา Theme
WordPress 101 by SlaTong ‐ Anubhap Panyasri
64
- คลิก “Details & Preview” เพื่อดูรูปแบบ Theme ก่อนการติดตั้ง
- หน้าแสดงรายละเอียดและตัวอย่างเสมือนจริงของเว็บไซต์ o คลิกที่ “Install” เพื่อทําการติดตั้ง Theme
WordPress 101 by SlaTong ‐ Anubhap Panyasri
65
- แก้ไข Theme โดยคลิกที่เมนูรอง “Editor” เหมาะสําหรับผู้มีความรู้ด้านการเขียนโค๊ดที่ต้องการปรับแต่ง Theme
- เราสามารถติดตั้ง Theme ทีซ่ ื้อหรือโหลดมา ที่อยู่ในรูปแบบไฟล์ .zip คลิกที่ “Upload Theme”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
66
- เลือกไฟล์ของธีมที่เราต้องการติดตั้ง (ธีมที่ติดตั้งต้องเป็นไฟล์ .zip)
- หลังการติดตั้งเราสามารถดู Live Preview หรือ Activate เพื่อเปิดใช้งาน Theme
WordPress 101 by SlaTong ‐ Anubhap Panyasri
67
การใช้งานหน้า Widgets - Widgets จะแตกต่างกันออกไปในแต่ละ Theme ขึ้นอยู่กับนักพัฒนา Theme - คลิก Widgets ที่เมนูหลักเพื่อเข้าใช้งานหน้า Widgets - ลาก Widgets ที่ต้องการลงในบริเวณกล่องสําหรับใส่ Widgets ตําแหน่งการแสดง Widgets ขึ้นอยู่กับ Theme - คลิกที่สามเหลีย่ มด้านขวาของ Widgets เพื่อแก้ไข - เปลี่ยนตําแหน่ง Widgets โดยการลากแล้ววางบริเวณที่ต้องการ - ลาก Widgets ที่ไม่ต้องการออกจากกล่องด้านข้างหลัก หรือ ตําแหน่งอื่น
- หรือถ้าต้องการหยุดใช้งาน Widgets แต่ยังต้องการเก็บค่าที่แก้ไขไว้ ให้ลาก “Widgets” ไปไว้ที่ส่วนของ “Inactive Widgets” บริเวณด้านล่างสุด
WordPress 101 by SlaTong ‐ Anubhap Panyasri
68
การสร้าง Menu - คลิกเมนูหลัก “Appearance” คลิกสร้างเมนูที่ “Menus” คลิก “Create a new menu”
- ตั้งชื่อเมนูตามต้องการ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
69
- เลือกว่าจะเพิ่ม Page ใดลงในเมนู โดยคลิกช่องสี่เหลี่ยม คลิก “Add to menu”
- สร้างเมนูให้ลิงก์ไป URL ที่ต้องการ
- ทําให้ Category เป็นเมนู เมื่อคลิกเข้าไปใน Category ทีอ่ ยู่ในเมนูก็จะแสดง Posts ที่อยู่ใน Category นั้น
WordPress 101 by SlaTong ‐ Anubhap Panyasri
70
- เลือกว่าจะใช้เมนูบริเวณตําแหน่งใดบ้าง ตําแหน่งของเมนูขึ้นอยู่กับ Theme ที่เปิดใช้งาน
- หรือเลือกแสดงเมนูตามตําแหน่งได้ที่หน้า “Manage Locations”
WordPress 101 by SlaTong ‐ Anubhap Panyasri
71
- เปลี่ยนตําแหน่งเมนูได้โดยการลากแล้ววางเรียงลําดับเมนู - สร้างเมนูดรอปดาวน์ได้ โดยลากไปวางเข้าไปด้านขวาอีกชั้นหนึ่งของเมนูด้านบน (ในกรณีที่ Theme สนับสนุนเมนูดร อปดาวน์)
- คลิกที่สามเหลีย่ มด้านขวาเพื่อทําการแก้ไขหรือปรับแต่งเมนู
WordPress 101 by SlaTong ‐ Anubhap Panyasri
72
- เสร็จแล้วคลิก ”Save menu” - ตัวอย่างเมนูในหน้าเว็บไซต์
WordPress 101 by SlaTong ‐ Anubhap Panyasri
73
การใช้งาน Plugins (ปลั๊กอิน) - Plugins เป็น โปรแกรมเสริมชนิดหนึ่ง ที่จะเพิ่มความสามารถให้กับ Theme ของเรา ซึ่งเราจะติดตั้งเพื่อใช้งาน หรือไม่ ติดตั้งก็ได้ โดย Plugins ถูกออกแบบให้มคี วามสามารถเฉพาะอย่าง ซึ่งเป็นความสามารถเสริมที่ช่วยให้ Theme มี ความสามารถมากขึ้น - เข้าหน้าจัดการ Plugins ที่เมนูหลัก - เมนู “Installed Plugins” จะแสดงรายชื่อ Plugins ที่ติดตั้งอยู่แล้ว พร้อมแสดงรายละเอียดต่างๆ
- เพิ่ม Plugins คลิกที่ “Add New”
- ค้นหา Plugins โดยการพิมพ์ชื่อ หรือค้นหาโดยใช้ตัวกรองคล้ายกับการค้นหาธีม - ดูรายละเอียดเพิ่มเติมของ Plugins คลิก More Details - คลิก Install เพื่อติดตั้ง
WordPress 101 by SlaTong ‐ Anubhap Panyasri
74
- หน้า More Details
WordPress 101 by SlaTong ‐ Anubhap Panyasri
75
- หลังจากการติดตั้ง คลิก “Activate Plugin” เพื่อเปิดใช้งาน
- ลบ Plugins โดยคลิกที่ Delete
WordPress 101 by SlaTong ‐ Anubhap Panyasri
76
- หน้าลบ Plugins
WordPress 101 by SlaTong ‐ Anubhap Panyasri
77
การจัดการและควบคุม 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 ขณะดูเว็บไซต์
WordPress 101 by SlaTong ‐ Anubhap Panyasri
78
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
WordPress 101 by SlaTong ‐ Anubhap Panyasri
79
o ใส่รายละเอียดข้อมูลของ User ที่เราต้องการเพิ่ม
- แก้ไขโปรไฟล์ของเราเองได้เช่นกันโดยคลิกที่ “Your Profile” ในเมนูรอง ของเมนูหลัก Users
- แก้ไขโปรไฟล์ของเราเองโดยคลิกที่ “Edit My Profile” ด้านมุมขวาบนใน Toolbar
WordPress 101 by SlaTong ‐ Anubhap Panyasri
80
การใช้งาน Tools (เครื่องมือต่างๆ) - คลิก Tools ที่เมนูหลัก เพื่อใช้งานหน้า Tools - ใช้ “Press This” เก็บข้อมูล หรือ ภาพจากเว็บไซต์อื่นๆที่นา่ สนใจ เพื่อสร้าง Post ที่ต้องการ WordPress จะสร้างลิงก์ ใน Post ที่เราเขียนกลับไปยังเว็บไซต์ที่เป็นเจ้าของเนื้อหาโดยอัตโนมัติ
ตัวอย่างการใช้งาน Press This - คลุมดําบทความที่ต้องการคัดลอก
WordPress 101 by SlaTong ‐ Anubhap Panyasri
81
- ลาก Press This ไปวางตรงแถบชื่อของเว็บไซต์หรือบทความ
- จะมีกล่อง WordPress Editor ขึ้นมาสําหรับแก้ไขบทความ โดยข้างในจะมีบทความที่เราคลุมดําเพื่อคัดลอกไว้ และใน บทความนั้น WordPress จะสร้างลิงก์กลับไปยังบทความนั้นๆโดยอัตโนมัติ คลิก Publish เพื่อเผยแพร่บทความที่เรา ต้องการ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
82
การ import (นําเข้า) และ Export (ส่งออก) เนื้อหา วิธีการนําเข้าเนื้อหาจาก WordPress โดยใช้งาน WordPress Importer - คลิก Import ในเมนูรองของเมนูหลัก Tools เลือกติดตั้งเครื่องมือนําเข้าเนื้อหาสําหรับ WordPress
- คลิก Install Now เพื่อติดตั้ง
WordPress 101 by SlaTong ‐ Anubhap Panyasri
83
- คลิกเปิดใช้งาน WordPress Importer
ก่อนที่เราจะนําเข้าเนื้อหาเราต้องมีไฟล์เนื้อหาก่อน - ค้นหาเนื้อหาสําหรับทดสอบ
WordPress 101 by SlaTong ‐ Anubhap Panyasri
84
- คลิกลิงก์เนื้อหาทดสอบ
- คัดลอกโค๊ดทั้งหมดเพื่อนํามาวางลงใน Code Editor หรือ Text Editor
WordPress 101 by SlaTong ‐ Anubhap Panyasri
85
- วางโค๊ดลงไปใน Code Editor หรือ Text Editor จากนั้นบันทึกไฟล์เป็นนามสกุล .xml
- กลับมายังหน้า WordPress Importer คลิกเลือกไฟล์ที่ต้องการนําเข้า
WordPress 101 by SlaTong ‐ Anubhap Panyasri
86
- เลือกไฟล์ .xml ที่บันทึกไว้ก่อนหน้า
- คลิกนําเข้าเนื้อหา
WordPress 101 by SlaTong ‐ Anubhap Panyasri
87
- สําหรับเนื้อหาทดสอบเราสามารถกําหนดให้นําเข้าผู้ใช้งานใหม่หรือมอบหมายให้ Posts ของผู้ใช้งานที่เราจะนําเข้าคน นั้นกลายเป็นบทความของผู้ใช้งานที่เราเลือก คลิก submit เพื่อตกลงนําเข้าเนื้อหา
- WordPress จะแสดงรายชื่อ Posts, Pages, และไฟล์อื่นๆว่านําเข้าได้สมบูรณ์หรือล้มเหลว
WordPress 101 by SlaTong ‐ Anubhap Panyasri
88
การ 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
WordPress 101 by SlaTong ‐ Anubhap Panyasri
89
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 – เลือกวันแรกเริ่มของสัปดาห์
WordPress 101 by SlaTong ‐ Anubhap Panyasri
90
- 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 ใหม่
WordPress 101 by SlaTong ‐ Anubhap Panyasri
91
- 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 เข้าถึง เนื้อหาในเว็บไซต์
WordPress 101 by SlaTong ‐ Anubhap Panyasri
92
- 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 – ผู้แสดงความเห็นต้องเคย ได้รับการอนุมัติความเห็นมาก่อนหน้านี้
WordPress 101 by SlaTong ‐ Anubhap Panyasri
93
- Comment Moderation – การจัดการความเห็น
o ถ้าความเห็นมีคําเหล่านี้(ระบุลงกล่องข้อความด้านล่าง)ในเนื้อหา, ชื่อ, URL, อีเมล์ หรือ IP ความเห็นนั้นจะถูก เก็บไว้ในคิวรอการจัดการ คําหนึ่งคําสามารถจับคู่กับคําอื่นได้ ดังนั้น คําว่า “press” ก็จะถูกจับคู่กับคําว่า “WordPress” ด้วย - Comment Blacklist
o ถ้าความเห็นมีคําเหล่านี้(ระบุลงกล่องข้อความด้านล่าง)ในเนื้อหา, ชื่อ, URL, อีเมล์ หรือ IP ความเห็นนั้นจะถือ ว่าเป็นความเห็นสแปม คําหนึง่ คําสามารถจับคู่กับคําอื่นได้ ดังนั้น คําว่า “press” ก็จะถูกจับคู่กับคําว่า “WordPress” ด้วย
WordPress 101 by SlaTong ‐ Anubhap Panyasri
94
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 ของตัวเอง
WordPress 101 by SlaTong ‐ Anubhap Panyasri
95
- 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
WordPress 101 by SlaTong ‐ Anubhap Panyasri
96
- 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 ในส่วนนี้ ส่วนใหญ่แนะนําให้ใช้คา่ เริ่มต้น โดยไม่ต้องเปลี่ยนแปลงอะไร
WordPress 101 by SlaTong ‐ Anubhap Panyasri
97
ทิ้งท้าย
ถึงตรงนี้ผมหวังว่าหลายๆคนก็คงมีพื้นฐานการใช้งาน WordPress ไปไม่น้อยแล้ว ถ้าหากหนังสือเล่มนี้มีข้อผิดพลาด ตรงไหน หรือหากผู้อ่านท่านใดที่ยังมีข้อสงสัยสามารถเข้ามาพูดคุยกันได้ทั้งทางเว็บไซต์และทาง Facebook ได้เลยครับ ยินดี ตอบทุกคําถามและทุกข้อสงสัยครับ ขอบคุณมากครับ, อานุภาพ ปัญญาศรี
Website: Facebook:
slatong.com https://www.facebook.com/slatong
WordPress 101 by SlaTong ‐ Anubhap Panyasri