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

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

WordPress 101 by SlaTong ‐ Anubhap Panyasri

WordPress 101

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

พดคยกนไดท

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

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

สารบญ

เนอหา การตดตง 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 บน Localhost ดวยโปรแกรม XAMPP

สงทตองมกอนการตดตง WordPress คอ

- ตดตงโปรแกรมจาลองโฮสต ในทนจะใช XAMPP o ลงกสาหรบดาวนโหลด XAMPP : https://www.apachefriends.org/index.html

- ไฟล WordPress โหลดไดจาก WordPress.org o ลงกสาหรบดาวนโหลด WordPress : http://wordpress.org/download/

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

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

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

- เลอก phpMyAdmin

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

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

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

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

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

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

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

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

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

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

- คลก Let’s go!

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

- คลก Run the install เพอตดตง

- ใสรายละเอยดและขอมล

o Site Title – ชอเวบไซต o Username – ชอผใชสาหรบการลงชอเขาใชเวบไซต o Password – รหสผาน o Your Email – อเมล o Privacy – ตองการให search engine เขาถงเนอหาในเวบไซตหรอไม

เมอใสรายละเอยดครบแลว คลกท Install WordPress

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

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

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

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

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

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

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

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

o ดรายชอ Comments

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ได

o WordPress News - รวบรวมขาวสารลาสดจากโปรเจคทางการของเวรดเพรส WordPress Planet รวมไปถงขาวสารของ Plugins ยอดนยมและลาสด

o Quick Draft - ราง Post ทตองการไดทนทและสามารถกลบมาเขยนใหเสรจไดทหลง โดยพมพ Title เนอหา คลก “Save Draft” กจะปรากฏรายชอ Post ของเราดานลางของกลองควบคม เมอเราคลกท Post กจะนาเราเขาไปยงหนา WordPress editor สาหรบเขยน Post ใหเสรจสมบรณ

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

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

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

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

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

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

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

- การใชงาน 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 - ปด/เปดเครองมอเพมเตม

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

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

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

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

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

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

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

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

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

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

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

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

- ตวอยาง Post Formats

- กลองควบคม 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 ได

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

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

การแกไข Post

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

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

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

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

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

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

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

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

การใชงาน 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 ดวยเชนกน

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

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

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

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

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

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

การสรางและแกไข 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

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

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

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

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

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

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

- เมอเขาสหนาแกไขจะแกไขไฟลไดดงน

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

การสราง Gallery รปภาพ o คลกท Add Media เลอก “Create Gallery” และเลอกภาพไดจานวนทตองการ o คลก “Create a new gallery”

o สามารถเพมภาพเขาไปใน gallery ได o เราสามารถกลบลาดบการเรยงภาพโดยคลกท “Reverse Order” หรอคลกลากภาพเพอเรยงลาดบภาพได o เลอกใหลงกไปททเราตองการ o เลอกจานวนแถวการแสดงภาพ o คลก “Insert Gallery”

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

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

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

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

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

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

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

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

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

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

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

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

- หนาแกไขภาพ

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

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

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

Flip Vertically – พลกแนวตง

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

Undo - ยอนกลบ

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

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

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

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

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

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

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

การสราง Link - คลมดาคาทตองการใหเปนลงกใน WordPress Editor

- คลก Insert/edit link

- จะปรากฏหนาตางขนมา ใหใส URL ทเราตองการลงกไป ใส Title ทจะแสดงเวลานาเมาสไปวางคางไว

- คลกชองสเหลยมหนา Open link in a new window/tab เพอเลอกทจะใหเปดลงกในหนาตางใหมหรอแทบใหม

- ลงกไปยงเนอหาทมอยในเวบไซตของเราคลกท “Or link to existing content”

- พมพคนหาเนอหาทเราตองการได

- คลก “Add Link”

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

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

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

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

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

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

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

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

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

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

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

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

- คลก “Add a Widget” เขาไปยงหนาจดการ Widgets และเพม Widget ทเราตองการ

การตดตง Theme

- ตดตง Theme ใหม คลกท “Add New”

- โดยเราสามารถเลอก Theme ตามตวกรองทมอย คอ o Featured - Theme พเศษ o Popular - Theme ยอดนยม o Latest - Theme พเศษ

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

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

o Search Theme – คนหา Theme

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- หนา More Details

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

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

- หนาลบ Plugins

การจดการและควบคม 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 ขณะดเวบไซต

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

การ 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

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

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

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

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

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

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

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

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

- Comment Blacklist

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

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

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

- 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

- 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 ไปไมนอยแลว ถาหากหนงสอเลมนมขอผดพลาดตรงไหน หรอหากผอานทานใดทยงมขอสงสยสามารถเขามาพดคยกนไดทงทางเวบไซตและทาง Facebook ไดเลยครบ ยนดตอบทกคาถามและทกขอสงสยครบ

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

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

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

Design

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

WordPress 2015 - Wróżby, kabały, przepowiednie - WordUp Trójmiasto #1

Okiełznać SEO w WordPress

คู่มือ Wordpress

Panel de control del blog de wordpress (wp)

WordPress heartbeat API w praktyce

WordUp Trójmiasto #5 - WordPress w chmurze

Bezpieczna infrastruktura serwisu www w chmurze - WordPress

Co to jest WordPress?

Wordpress dla każdego

WordPress 4.0 - co nowego dla programistów?

WordPress 3. Instalacja i zarządzanie

Wielomilonowy ruch na wordpressie wordpress wordcamp gdynia 2016

wordpress · ให้เข้าไปหน้า Wordpress.com อีกครั้ง ... เปลี่ยน Themes กนัเถอะ ... ใส่ความหมายของค

Pokaż się w internecie! WordPress dla kreatywnych

como pensar front para wordpress

Wordpress & Blogger

Podcast, WordPress, Twitter und Facebook

Warsztat wordpress bilbiocamp

Wordpress i frameworki

WordPress Dla Poczatkujacych