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

97
WordPress 101 รู้ทุกพื้นฐานการใช้งาน WordPress

Upload: ptteppawong

Post on 25-Jun-2015

1.752 views

Category:

Design


0 download

DESCRIPTION

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

TRANSCRIPT

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

WordPress 101 รทกพนฐานการใชงาน WordPress

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

2  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

WordPress 101 

อานภาพ ปญญาศร

พดคยกนไดท

Website: slatong.com Facebook: https://www.facebook.com/slatong

สงวนลขสทธ © 2014 โดย อานภาพ ปญญาศร

สงวนลขสทธ หามนาสวนหนงสวนใดในหนงสอ WordPress 101 ไปทาซา หรอเผยแพรในรปแบบใดๆ หรอดวยวธอนใด ไมวาจะเปนทางอเลคทรอนกส ทางกลไก รวมทงการถายเอกสาร การบนทก หรอการเกบขอมลและระบบกคนขอมลใดๆ โดยไมไดรบอนญาตเปนลายลกษณอกษรจากผแตง

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

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 

 

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

4  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

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

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/

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

6  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

วธสรางฐานขอมลและผใชงานสาหรบใชงาน WordPress

- หลงการตดตงโปรแกรม ใหเปดโปรแกรม XAMPP เลอก Start ท Apache และ MySQL

- พมพ Localhost ลงในเบราวเซอร จะเขาสหนาควบคมฐานขอมล

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

7  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เลอก phpMyAdmin

- คลก Database เพอเขาสการสรางฐานขอมล

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

8  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- ตงชอฐานขอมล คลก Create

- คลกเขาสฐานขอมลทเราสราง จากนนเลอก Privileges เพอสรางผใชงาน

- คลกท Add user เพอเพมผใชงาน

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

9  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- ใสขอมลผใช (ซงเราเองนแหละคอผใช)

- เลอก Check All เพอใหสทธแกผใชทงหมด จากนนคลก Go เปนการเสรจสนการสรางผใชงาน

- กลบไปแตกไฟล WordPress ทดาวนโหลดมา

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

10  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- หลงแตกไฟลแลวจะไดโฟลเดอรหนงมา ใหตงชอโฟลเดอรใหตรงกบชอฐานขอมลทเราสราง (ในตวอยางฐานขอมลคอ wordpress ดงนนโฟลเดอรกตองเปน wordpress)

- ไปท Drive C หรอททเราตดตง XAMPP ไว คลกเขาไปท XAMPP จากนนคลกเขาไปท htdocs จากนนคดลอกโฟลเดอรไฟล WordPress ทเราแตกไฟลและทาการเปลยนชอไป มาวางในโฟลเดอร htdocs

- กลบไปทเบราวเซอร พมพ localhost ตามดวยฐานขอมล กจะไดเปน localhost/wordpress ลงในเบราวเซอร - คลก Create a Configuration File

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

11  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- คลก Let’s go!

- จากนนใสฐานขอมลทเราสรางขนมาในตอนแรก ใสชอผใชและรหสผานทเราสรางขนในฐานขอมล ทเหลอขามไป คลก submit

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

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

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

13  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- การตดตงเสรจสมบรณ!

- คลก Log In เพอลงชอเขาใชงานไดทนท

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

14  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

รจก Dashboard - Dashboard – เปนหนาแรกทเจอเมอเขาสระบบ

- Dashboard มพนทหลกอยสามสวน o Toolbar – แถบเครองมออยดานบนสด o Main Navigation Menu – เมนหลกอยดานซาย o Main Work Area - เปนพนททางานหลกในบรเวณพนททเหลอ

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

15  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เมอเขาสระบบครงแรก จะพบกลองขอความตอนรบ พรอมลงกสาหรบปรบแตงเวบไซต หรอเขยน Post และอนๆไดทนท ถาไมตองการใชงานกลองนใหคลก “Dismiss” เพอยกเลกการใชงาน

- Toolbar จะแสดงอยดานบนสดเสมอ o ลงกตางๆ เกยวกบ WordPress

o เมอวางเมาสเหนอชอเวบไซตจะมลงก “Visit Site” สามารถคลกเขาไปเยยมชมเวบไซตของเราได

o ปม Updates จะปรากฏเมอมการแจงเตอนใหอพเดทขอมล คลกเพอไปหนา Updates

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

16  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o ดรายชอ Comments

o ลงกสราง Post, Media, Page และ User

o Toolbar จะอยตาแหนงเดมเสมอ ทาใหเราสามารถแกไข Post ทเราอานไดทนท หรอสราง Post ใหมไดทนท o ดานมมขวาบนของ Toolbar เปนลงกสาหรบเขาไปแกไขขอมลสวนตวหรอออกจากระบบ

o Screen Options & Help - อยบรเวณดานลางชอผใชบรเวณมมขวาบน

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

17  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o “Help” – อธบายขอมลการใชงานทวไปใน Dashboard

o Screen Options - ใชสาหรบปรบการใชงาน Dashboard โดยการคลกทชองสเหลยมจะเปนการปด/เปด

กลองควบคมตางๆ

- Main Navigation Menu o เมอนาเมาสไปวางเหนอเมนหลกจะปรากฏเมนรองสาหรบจดการและควบคมอนๆ

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

18  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o ถาตองการพนทในการทางานมากขน สามารถยอเมนลงไดโดยการกดทปม “Collapse Menu” ดานลาง เมนจะแสดงเปนสญลกษณหลงจากทเรากดยอเมน

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

19  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- การจดการ Dashboard o วางเมาสเหนอไตเตลบาร เมาสจะเปลยนสญลกษณ ทาใหสามารถลากยายกลองควบคมได คลกแลวลากไปวาง

ชองทเปนเสนประตามตองการ

o คลกยอหรอขยายกลองควบคมไดโดยคลกทสามเหลยมมมขวาบนของกลองควบคม หรอคลกยอ/ขยายทแถบชอไดเลยทนท

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

20  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- การใชงานกลองควบคม o At a Glance - แสดงจานวน Posts, Pages และ Comments ทงหมดบนเวบไซตของเรา และแจงวาเรา

กาลงใช WordPress เวอรชนใดและใช Theme (ธม) ใดอย

o Activity - แสดง Post ตามตารางเวลา พรอมแสดง Comments ลาสด เราสามารถจดการความเหนเหลานน

ได

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

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 ใหเสรจสมบรณ

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

22  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

Post และ Page คออะไร? - Page – คอหนาทใชแสดงสาหรบเนอหาทไมเปลยนแปลงหรอนานๆครงจะเปลยน เชน About หรอ Contact Us ซง

เราสามารถนา Page มาใชเปนเมนในหนาเวบไซตของเราได o ตวอยาง About Page

- Post - กคอบทความหรอเนอหาทเราเผยแพรใหผเยยมชมเวบไซตอาน Post จะแสดงเรยงตามวนเวลาทเราเขยน เราสามารถจดหมวดหมใหกบ Post ได

o ตวอยาง Post ทมชอ Image alignment

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

23  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใชงาน WordPress Editor - การเปดใชงาน WordPress Editor

o ไปทเมน Posts เลอก Add New เพอเขยน Post

o ไปทเมน Page เลอก Add New เพอเขยน Page

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

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 - ปด/เปดเครองมอเพมเตม

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

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 แบบไหนกจะแสดงในหนาเวบไซตแบบนน

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

26  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o Text - คลกแถบน จะเหนวา WordPress ไดใสคาสงแทก HTML ใหเราโดยอตโนมต ซงเราสามารถใชงานแทกไดโดยคลมดาสวนทเราตองการใชแทก html เสรจแลวเลอกคาสงแทก HTML ทตองการใชงาน ในสวนนจะเหมาะสาหรบผทมความรดานการเขยน HTML

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

27  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การสรางและแกไข Post - สามารถคลกสราง Post ใหมไดจาก Toolbar ดานบน เขาส WordPress editor สาหรบเขยน Post ไดทนท

- หรอคลกท Posts เลอก “Add New”

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

28  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- ใสชอเรอง เนอหา

- WordPress จะสรางลงกสาหรบ Post ใหเราโดยอตโนมต ซงเรยกวา Permalink ซงเปน URL ของ Post เราสามารถเปลยนชอของ URL ไดตามตองการ

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

29  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- Categories (หมวดหม) o กาหนด “Category” ใหกบ Post หรอสราง Category ใหม เราสามารถกาหนด Post ใหอยใน Category

ไดมากกวาหนง Category โดยเลอกจากแถบ “All Categories (ทงหมด)” หรอ “Most Used (ใชบอยทสด)”

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

30  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- Tags (แทก/ปายกากบ) o ใส “Tags” เพอทาใหการจดหมวดหมของ Post ไดดขน Tags เปนเหมอนคยเวรดของ Post ถาเราคลกลงก

Tags ในหนาเวบไซต จะเปนการเรยกแสดง Post ทม Tags เหมอนกน o เลอก Tags ทใชมากทสดโดยคลกท “Choose from the most used tags”

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

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 - แกลลอรรปภาพ

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

32  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- Post Format จะแสดงผลตางกนขนอยกบ Theme ทเราใชงาน ขนอยกบนกพฒนา Theme วาไดออกแบบ Post Format ไวหรอไม

- ตวอยาง Post Formats

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

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 ได

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

34  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เมอเขยน Post เสรจเรยบรอยดแลวใหคลก “Publish”

- ด Post ท Publish ไดทนทโดยคลกท “View post”

การแกไข Post

- คลกเมนหลก “All Posts” จะเหนรายชอและขอมล Posts ทงหมด ดรายชอ Post หนาอนโดยคลกท pagination ดานบน หรอคนหา Post ในกลองคนหา

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

35  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- วางเมาสเหนอ Post จะมลงกคาสงตางๆปรากฏขน

o Edit คลกเพอแกไขโดยใช WordPress editor o Quick Edit เปลยนขอมล Posts แตละ Posts เชน

เปลยนชอ Posts เปลยนวนท ใสรหสผาน เพมหมวดหมอนๆ เพม Tags เปดหรอปด Comments อนญาต Pings เปลยน Status ปกหมด Post ใหอยดานบนสดเสมอ

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

36  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- แกไข Post ไดหลายๆ Post ในคราวเดยว โดยคลกทชองสเหลยมหนา Post เพอเลอก Post ทตองการแกไข เลอก “Edit” ตรงเมน “Bulk Actions” คลก “Apply”

o สามารถเปลยน Category, Tags, Author หรออนๆ สาหรบ Post พรอมกนในครงเดยว o สาหรบการเอา Post ออกจากการแกไขพรอมกน คลกทกากบาทหนารายชอ Post คลก Update

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

37  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เราสามารถลบ Post ไดโดยการคลกท “Trash” หรอลบ Posts ทงหมดผานคาสง Bulk Actions

- เราสามารถกคน Post ทลบกลบมาไดภายใน 30 วน โดยไปท “Trash” ดานบน เพอดรายชอ Post ทโดนลบ ถาหากตองการกคนใหคลกท “Restore” เราสามารถกคนพรอมกนทงหมดผานคาสง Bulk Actions ไดเชนกน

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

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 ดวยเชนกน

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

39  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o นาเมาสวางเหนอ Category จะมคาสง Edit, Quick Edit, Delete และเราสามารถดรายชอ Posts ทอยใน Category นนดวยการคลก View

o สามารถลบ Categories พรอมกนโดยคลกชองสเหลยมหนารายชอ Category เลอก “Delete” จากเมน Bulk Actions คลก “Apply” เพอลบ

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

40  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- Tags เปนเหมอนคยเวรดของ Post ถาเราคลกลงก Tags ในหนาเวบไซต จะเปนการเรยกแสดง Post ทม Tags เหมอนกน

o คลกท “Tags” เพอเขาสหนาจดการ Tags

o ดานบนซายของหนาจะแสดงวาเวบเราม Tags ใดบาง o เพม Tags โดยพมพชอ Tags คลกท “Add New Tag”

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

41  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o มคาสง Edit, Quick Edit, Delete และ View ไดเหมอนกบหมวดหม o เมอคลกท “View” จะแสดงรายชอ Post ทงหมดทม Tags นนๆ o คนหา Tags ทเราตองการในชอง “Search Tags”

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

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

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

43  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- สวนใหญแลวใชคาสงเหมอนกนกบทใชในการจดการ Posts

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

44  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใสรปภาพใน Post & Page - ในหนา WordPress Editor คลก “Add Media” เพอเปดตวอปโหลดไฟล

- จะพบหนาตางขนมา เมนหลกดานซายประกอบไปดวย

o Insert Media – เพมไฟลทตองการอปโหลด o Create Gallery - สรางแกลลอรรปภาพ

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

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 เพอแกไขไดทนท

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

46  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o คลกทภาพ จะมสญลกษณดนสอหรอปากกา คลกเพอเขาไปแกไข o คลกทภาพ คลกสญลกษณกากบาท จะเปนการลบภาพออกจาก Post

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

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 ทเราตองการ

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

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”

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

49  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o คลกท Gallery จะมสญลกษณดนสอหรอปากกาเพอแกไข Gallery หรอคลกกากบาทเพอลบ Gallery ออกจาก Post

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

50  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใสวดโอใน Post - คดลอก URL ของวดโอ วาง URL ลงใน WordPress editor จากนน WordPress จะแสดงตวอยางของวดโอทนท ซงเปน

ความสามารถใหมของ WordPress 4.0

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

51  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใชงาน Media - เขาสหนา Media คลก Media ทเมนหลก

- เราสามารถใช Media Library สาหรบเพมไฟล แกไข ลบ หรอดไฟลของเราได

ในบทเรยนนจะใชงานหนา Media แบบตาราง ซงเปนหนา Media แบบใหมของ WordPress 4.0

(ซงการใชงานแบบรายชอหรอ List View นนการใชงานจะคลายๆกบการจดการ Posts, Pages หรอ Categories)

- เพมไฟลโดยการลากไฟลทตองการวางลงในชองอปโหลด ไฟลจะอปโหลดโดยอตโนมต

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

52  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- การแกไขไฟล คลกทไฟล แลวเลอก “Edit More Details” เพอแกไขขอมลตางๆของไฟลนนๆ

- ถาหากไฟลเปนไฟลวดโอ เราสามารถโหลดไฟลนนมาเกบได

- ถาหากไฟลนนเปนไฟล MP3 เราสามารถกดฟงไฟลนนได

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

53  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- การแกไขภาพ คลกภาพทตองการแกไข คลกท “Edit More Details” เพอแกไขทงขอมลและขนาดของภาพ

- หนาแกไขภาพ

Crop - ตดภาพหลงจากลากขนาดทตองการตดไดแลว

Rotate Counterเ – Clockwise - หมนทวนเขมนาฬกา

Rotate Clockwise - หมนตามเขมนาฬกา

Flip Vertically – พลกแนวตง

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

54  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

Flip Horizontally – พลกแนวนอน

Undo - ยอนกลบ

Redo – กลบไปทาใหม

- คลก Crop เพอตดภาพใหไดขนาดทตองการ คลก Save จะไดขนาดภาพทเราตด

- สามารถกคนภาพเดมไดตลอดเวลา โดยคลกท “Edit Image” เพอกลบไปหนาแกไขภาพอกครง คลก “Restore Original Image” คลกท “Restore Image” จะไดภาพเดมของเรากลบคนมา

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

55  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใชงานและจดการ Comments - ในกลอง Activity ใน Dashboard จะแจง Comments ลาสดใหเราทราบ

- เราสามารถเลอก Approve/Unapprove (อนมต/ไมอนมต), Reply (ตอบกลบ), Edit (แกไข), แจงวาเปน Spam หรอลบโดยคลก Trash

- คลก # เพออาน Comment ใน Post

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

56  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- ในสวนเมนหลก Comments เราสามารถ Approve, Reply, Quick Edit, Edit, แจงวาเปน Spam หรอลบ Comments ผาน Bulk Actions พรอมกนไดหลาย Comments

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

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”

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

58  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เราสามารถทาใหรปภาพเปนลงกไดโดย o เลอกแกไขไฟลภาพ

o เลอก Link To ไปท “Custom URL” ใส URL ทเราตองการใหลงกไป

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

59  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การเปลยน Theme (ธม) - ธม คอรปแบบหรอดไซนของเวบไซตเรา ซงทาใหเวบไซตเรามความแตกตางจากเวบไซตอนๆ ซงเราสามารถตดตงธม

ใหมๆ ไดตลอดตามทเราตองการ

- คลก “Appearance” ทเมนหลก เขาไปยงหนาจดการ Theme

- คลก “Theme Details” เพอเขาไปอานรายละเอยด

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

60  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- หนาแสดงรายละเอยดของธม

- คลก “Live Preview” เพอดตวอยางของธมกอนการเปดใชงาน

- ปรบแตง Theme ไดตามความสามารถท Theme สนบสนน

- แกไขสวนตางๆตามทเราตองการ ซงการปรบแตงหรอแกไขนจะตางกนไปแตละ Theme ขนอยกบนกพฒนา Theme นนๆ ถาปรบแตงจนพอใจรปแบบของ Theme ทเลอก คลก “Save & Activate” เพอใชงาน

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

61  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- การปรบแตงธมใน WordPress 4.0 จะเพมสวนของการแสดงตวอยางของ Widgets ทเราเปดใชงานทนท คลกท “Widgets”

- หนาปรบแตง Widgets ซงตาแหนงการแสดงผลและตาแหนงของ Widgets จะแตกตางกนไปขนอยกบธมทเราใชงาน

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

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 พเศษ

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

63  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o Feature Filter - เลอก Theme โดยใชตวกรอง

- หนาแสดงผลการคนหา Theme ตามลกษณะทเลอกผาน Feature Filter

o Search Theme – คนหา Theme

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

64  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- คลก “Details & Preview” เพอดรปแบบ Theme กอนการตดตง

- หนาแสดงรายละเอยดและตวอยางเสมอนจรงของเวบไซต o คลกท “Install” เพอทาการตดตง Theme

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

65  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- แกไข Theme โดยคลกทเมนรอง “Editor” เหมาะสาหรบผมความรดานการเขยนโคดทตองการปรบแตง Theme

- เราสามารถตดตง Theme ทซอหรอโหลดมา ทอยในรปแบบไฟล .zip คลกท “Upload Theme”

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

66  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เลอกไฟลของธมทเราตองการตดตง (ธมทตดตงตองเปนไฟล .zip)

- หลงการตดตงเราสามารถด Live Preview หรอ Activate เพอเปดใชงาน Theme

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

67  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใชงานหนา Widgets - Widgets จะแตกตางกนออกไปในแตละ Theme ขนอยกบนกพฒนา Theme

- คลก Widgets ทเมนหลกเพอเขาใชงานหนา Widgets

- ลาก Widgets ทตองการลงในบรเวณกลองสาหรบใส Widgets ตาแหนงการแสดง Widgets ขนอยกบ Theme

- คลกทสามเหลยมดานขวาของ Widgets เพอแกไข

- เปลยนตาแหนง Widgets โดยการลากแลววางบรเวณทตองการ

- ลาก Widgets ทไมตองการออกจากกลองดานขางหลก หรอ ตาแหนงอน

- หรอถาตองการหยดใชงาน Widgets แตยงตองการเกบคาทแกไขไว ใหลาก “Widgets” ไปไวทสวนของ “Inactive Widgets” บรเวณดานลางสด

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

68  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การสราง Menu - คลกเมนหลก “Appearance” คลกสรางเมนท “Menus” คลก “Create a new menu”

- ตงชอเมนตามตองการ

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

69  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เลอกวาจะเพม Page ใดลงในเมน โดยคลกชองสเหลยม คลก “Add to menu”

- สรางเมนใหลงกไป URL ทตองการ

- ทาให Category เปนเมน เมอคลกเขาไปใน Category ทอยในเมนกจะแสดง Posts ทอยใน Category นน

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

70  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เลอกวาจะใชเมนบรเวณตาแหนงใดบาง ตาแหนงของเมนขนอยกบ Theme ทเปดใชงาน

- หรอเลอกแสดงเมนตามตาแหนงไดทหนา “Manage Locations”

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

71  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เปลยนตาแหนงเมนไดโดยการลากแลววางเรยงลาดบเมน

- สรางเมนดรอปดาวนได โดยลากไปวางเขาไปดานขวาอกชนหนงของเมนดานบน (ในกรณท Theme สนบสนนเมนดรอปดาวน)

- คลกทสามเหลยมดานขวาเพอทาการแกไขหรอปรบแตงเมน

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

72  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เสรจแลวคลก ”Save menu”

- ตวอยางเมนในหนาเวบไซต

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

73  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใชงาน Plugins (ปลกอน) - Plugins เปน โปรแกรมเสรมชนดหนง ทจะเพมความสามารถใหกบ Theme ของเรา ซงเราจะตดตงเพอใชงาน หรอไม

ตดตงกได โดย Plugins ถกออกแบบใหมความสามารถเฉพาะอยาง ซงเปนความสามารถเสรมทชวยให Theme มความสามารถมากขน

- เขาหนาจดการ Plugins ทเมนหลก

- เมน “Installed Plugins” จะแสดงรายชอ Plugins ทตดตงอยแลว พรอมแสดงรายละเอยดตางๆ

- เพม Plugins คลกท “Add New”

- คนหา Plugins โดยการพมพชอ หรอคนหาโดยใชตวกรองคลายกบการคนหาธม

- ดรายละเอยดเพมเตมของ Plugins คลก More Details

- คลก Install เพอตดตง

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

74  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- หนา More Details

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

75  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- หลงจากการตดตง คลก “Activate Plugin” เพอเปดใชงาน

- ลบ Plugins โดยคลกท Delete

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

76  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- หนาลบ Plugins

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

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 ขณะดเวบไซต

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

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

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

79  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

o ใสรายละเอยดขอมลของ User ทเราตองการเพม

- แกไขโปรไฟลของเราเองไดเชนกนโดยคลกท “Your Profile” ในเมนรองของเมนหลก Users

- แกไขโปรไฟลของเราเองโดยคลกท “Edit My Profile” ดานมมขวาบนใน Toolbar

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

80  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การใชงาน Tools (เครองมอตางๆ) - คลก Tools ทเมนหลก เพอใชงานหนา Tools

- ใช “Press This” เกบขอมล หรอ ภาพจากเวบไซตอนๆทนาสนใจ เพอสราง Post ทตองการ WordPress จะสรางลงกใน Post ทเราเขยนกลบไปยงเวบไซตทเปนเจาของเนอหาโดยอตโนมต

ตวอยางการใชงาน Press This

- คลมดาบทความทตองการคดลอก

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

81  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- ลาก Press This ไปวางตรงแถบชอของเวบไซตหรอบทความ

- จะมกลอง WordPress Editor ขนมาสาหรบแกไขบทความ โดยขางในจะมบทความทเราคลมดาเพอคดลอกไว และในบทความนน WordPress จะสรางลงกกลบไปยงบทความนนๆโดยอตโนมต คลก Publish เพอเผยแพรบทความทเราตองการ

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

82  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

การ import (นาเขา) และ Export (สงออก) เนอหา

วธการนาเขาเนอหาจาก WordPress โดยใชงาน WordPress Importer

- คลก Import ในเมนรองของเมนหลก Tools เลอกตดตงเครองมอนาเขาเนอหาสาหรบ WordPress

- คลก Install Now เพอตดตง

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

83  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- คลกเปดใชงาน WordPress Importer

กอนทเราจะนาเขาเนอหาเราตองมไฟลเนอหากอน

- คนหาเนอหาสาหรบทดสอบ

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

84  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- คลกลงกเนอหาทดสอบ

- คดลอกโคดทงหมดเพอนามาวางลงใน Code Editor หรอ Text Editor

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

85  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- วางโคดลงไปใน Code Editor หรอ Text Editor จากนนบนทกไฟลเปนนามสกล .xml

- กลบมายงหนา WordPress Importer คลกเลอกไฟลทตองการนาเขา

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

86  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- เลอกไฟล .xml ทบนทกไวกอนหนา

- คลกนาเขาเนอหา

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

87  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- สาหรบเนอหาทดสอบเราสามารถกาหนดใหนาเขาผใชงานใหมหรอมอบหมายให Posts ของผใชงานทเราจะนาเขาคนนนกลายเปนบทความของผใชงานทเราเลอก คลก submit เพอตกลงนาเขาเนอหา

- WordPress จะแสดงรายชอ Posts, Pages, และไฟลอนๆวานาเขาไดสมบรณหรอลมเหลว

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

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

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

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 – เลอกวนแรกเรมของสปดาห

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

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 ใหม

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

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 เขาถงเนอหาในเวบไซต

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

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 – ผแสดงความเหนตองเคย

ไดรบการอนมตความเหนมากอนหนาน

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

93  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

- Comment Moderation – การจดการความเหน

o ถาความเหนมคาเหลาน(ระบลงกลองขอความดานลาง)ในเนอหา, ชอ, URL, อเมล หรอ IP ความเหนนนจะถก

เกบไวในควรอการจดการ คาหนงคาสามารถจบคกบคาอนได ดงนน คาวา “press” กจะถกจบคกบคาวา “WordPress” ดวย

- Comment Blacklist

o ถาความเหนมคาเหลาน(ระบลงกลองขอความดานลาง)ในเนอหา, ชอ, URL, อเมล หรอ IP ความเหนนนจะถอ

วาเปนความเหนสแปม คาหนงคาสามารถจบคกบคาอนได ดงนน คาวา “press” กจะถกจบคกบคาวา “WordPress” ดวย

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

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 ของตวเอง

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

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

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

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

ในสวนน สวนใหญแนะนาใหใชคาเรมตน โดยไมตองเปลยนแปลงอะไร

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

97  

   WordPress 101 by SlaTong ‐ Anubhap Panyasri  

ทงทาย  

ถงตรงนผมหวงวาหลายๆคนกคงมพนฐานการใชงาน WordPress ไปไมนอยแลว ถาหากหนงสอเลมนมขอผดพลาดตรงไหน หรอหากผอานทานใดทยงมขอสงสยสามารถเขามาพดคยกนไดทงทางเวบไซตและทาง Facebook ไดเลยครบ ยนดตอบทกคาถามและทกขอสงสยครบ

ขอบคณมากครบ, อานภาพ ปญญาศร

Website: slatong.com Facebook: https://www.facebook.com/slatong