วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme

สิ่งหนึ่งที่ทำให้ WordPress เป็นที่นิยมก็คือ มี Theme ให้เลือกมากมาย ไม่ว่าจะเป็นแบบฟรี หรือแบบเสียเงิน เรามาดูวิธีการปรับแต่ง Theme กันนะครับ

วิธีใช้ WordPress : Themes

ที่เมนู Appearance จะมีหัวข้อ Themes อยู่

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [1]

โดยในส่วน Current Theme นั้นคือ Theme ที่เราใช้งานอยู่ และมีรายละเอียดต่าง ๆ ของ Theme อยู่

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [2]

ส่วน Available Themes คือ Theme ที่เราได้ติดตั้งไว้

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [3]

เราสามารถติดตั้ง Theme เพิ่มได้ในหัวข้อ Install Themes ซึ่งเราสามารถ search หา Theme เพื่อใช้งานได้

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [6]

แต่ถ้าไม่อยากค้นหา แนะนำให้เลือกหัวข้อ Featured ซึ่งจะมี Theme ที่แนะนำอยู่

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [4]

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [5]

สมมติว่าผมเจอ Theme ที่ผมต้องการแล้ว เราสามารถกดที่ preview เพื่อดูตัวอย่างก่อน

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [7]

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [8]

หรือกด Install เพื่อติดตั้ง

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [9]

กรอกข้อมูลของ FTP ของเราเพื่อทำการอัพโหลด Theme เข้าเว็บเรา

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [10]

หลังติดตั้งเสร็จแล้ว เราก็กด Activate เลยครับ

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [11]

ในส่วนของ Current Theme จะเปลี่ยนไปเป็น Theme ที่เราเพิ่งติดตั้งไป

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [12]

หน้าเว็บของเราก็จะเป็น Theme ที่เราติดตั้งแล้วครับ

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [13]

แต่ถ้าเรามีไฟล์ Theme ที่เราต้องการอยู่แล้ว ให้ทำการ Upload ได้เลยครับ

วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme [14]

ซึ่งขั้นตอนต่าง ๆ ก็คล้าย ๆ กับการ Search หาเพื่อติดตั้งเลยครับ ก็ใส่ข้อมูล FTP ของเรา และ Activate Theme ที่เราติดตั้ง

หลังจากนี้เวลาเจอ theme ที่ถูกใจ เราก็ดาวน์โหลดมาติดตั้งเว็บของเราได้แล้วนะครับ ^^

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์

ในการเขียนบทความ หรือการทำเว็บของเรานั้น แน่นอนว่าเราต้องมีการเชื่อมต่อไปยังหน้าอื่น ๆ หรือเว็บอื่น ๆ บ้าง มาดูกันว่า เราสามารถสร้างลิงก์เพื่อใช้เชื่อมต่อกันอย่างไร

วิธีใช้ WordPress : สร้างลิงก์ในบทความ

ให้เราลากแถบเพื่อเลือกข้อความที่เราจะสร้างลิงก์ให้

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [1]

หลังจากนั้นให้เลือก icon ที่รูปคล้าย ๆ โซ่ เพื่อที่เราจะสร้างลิงก์ให้ข้อความนั้น

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [2]

กรอกข้อมูลต่าง ๆ ลงไป

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [3]

โดย URL จะเป็นลิงก์ที่เราต้องการ และ Title จะเป็นข้อความที่ปรากฎตอนที่เรานำเม้าส์ไปวางไว้บนลิงก์นั้น

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [4]

เรายังสามารถคลิ๊กที่คำว่า Or link to existing content เพื่อเลือกบทความในเว็บเราที่เราต้องจะลิงก์ไปถึง

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [5]

ถ้าเราไม่ต้องการให้ข้อความนั้นเป็นลิงก์แล้ว เราสามารถคลิ๊กที่ icon รูปคล้าย ๆ โซ่แตก เพื่อจะลบลิงก์ของข้อความนั้นไป

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [6]

ถ้าเรามองที่เมนูด้านซ้ายนั้น จะพบว่ามีเมนู Links มันมีไว้ทำอะไรมาดูกันครับ

วิธีใช้ WordPress : สร้างลิงก์

ลองมาสร้างกันดูนะครับ เลือก Add new เลยครับ

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [7]

หลังจากนั้นก็กรอกข้อมูลต่าง ๆ

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [8]

เราสามารถสร้าง Category เพื่อแบ่งประเภทของลิงก์ที่เราจะสร้างขึ้น

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [9]

ยอมรับว่า ผมก็ยังไม่เข้าใจในส่วนของ Link Relationship เท่าไหร่เหมือนกันนะครับ แต่ถ้านำไปใช้คู่กับ jQuery น่าจะดีเหมือนกัน

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [10]

และเมื่อเราสร้างเสร็จแล้ว มันจะไปปรากฎอยู่ที่ sidebar ของเว็บเราแบบนี้ครับ โดยชื่อ Category จะเป็นหัวข้อ และลิงก์ที่เราสร้างขึ้นเป็น List ดังตัวอย่าง

วิธีใช้ WordPress ตอนที่ 10 – สร้างลิงก์ [11]

วิธีใช้ WordPress ตอนที่ 9 – วิธีติดตั้ง Plugins

หลังจากที่เราใช้งาน WordPress มาซักพัก เราคงรู้สึกอยากให้เว็บเรามีนั่นเพิ่ม มีนี่เพิ่ม ซึ่งสิ่งที่เราอยากได้เพิ่มนั้น ส่วนใหญ่ก็จะมีคนที่อยากได้สิ่งนั้นเพิ่มคล้าย ๆ กับเรา ก็เลยมีการทำออกมาเป็น Plugins

วิธีใช้ WordPress : หัวข้อ Plugins

รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
หน้าตาของหัวข้อ Plugins

ให้เราเลือกที่หัวข้อ Plugins ที่ตำแหน่งที่ 1 นะครับ ในหน้าของ Plugins นั้น มีหัวข้อย่อย ๆ ให้เลือก คือ

  • Search : เราสามารถ Search หา Plugins ที่เราต้องการได้ตามชื่อของ Plugins ในบริเวณตำแหน่งหมายเลข 3
  • Upload : ในกรณีที่เรา Download File Plugins ตัวนั้นมาลงเครื่องไว้แล้ว จะใช้การ Upload File เพื่อติดตั้ง Plugins ตัวนั้น ๆ
  • Featured : เป็น Plugins ที่ทาง WordPress คัด ๆ มาว่าน่าสนใจ
  • Popular : เรียงลำดับ Plugins จากจำนวนของผู้ที่ Download Plugins ตัวนั้น ๆ มาใช้งาน
  • Newest : เรียงลำดับ Plugins จากการ Upload
  • Recently Updated : เรียงลำดับ Plugins จากการ Update ตัว Plugins

วิธีใช้ WordPress : ติดตั้ง Plugin โดยวิธีการ Search

สมมติว่าผมอยากลง Plugin ชื่อ WP-PageNavi ผมก็ Search คำว่า wp pagenavi

รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
Search คำว่า wp pagenavi เพื่อหา Plugin

หน้าผลการค้นหาจะแสดงรายการของ Plugin ที่มีชื่อเกี่ยวข้องกับคำที่เราค้นหา ซึ่งผมเจอละ Plugin ตัวที่ผมต้องการ กด Install Now

รูปอธิบายหัวข้อ วิธีใช้ WordPress [3]
เจอแล้ว Plugin WP-PageNavi กด Install Now

แต่จริง ๆ แล้ว ผมแนะนำให้ทุกคนอ่านรายละเอียดของ Plugin ที่เราจะติดตั้งก่อนทุกครั้ง ก็จะดีนะครับ เพราะ Plugin เองก็มีหลายแบบ ทั้งแบบที่ติดตั้งแล้วใช้งานได้เลย ติดตั้งแล้วต้อง Settings ก่อนใช้งาน หรืออาจจะเป็น Widget (ซึ่งจะอธิบายถึง Widget ในตอนต่อ ๆ ไปครับ)

รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
แต่ก่อนลง Plugin อย่าลืมอ่านรายละเอียดก่อนนะครับ

พอเรากด Install Now แล้ว ก็มากรอกรายละเอียดของ FTP

รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
กรอกรายละเอียดเพื่อติดตั้ง Plugin

พอติดตั้งเสร็จ ก็ Activate Plugin เลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
ติดตั้งเสร็จแล้ว กด Activated Plugin เลยครับ

Plugin ที่เราติดตั้งก็จะมาปรากฎที่หน้า Plugins แล้วครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
ในหน้า Plugins มี WP-Pagenavi ที่เราติดตั้งแล้ว

ดูที่ตำแหน่ง 1 จะเห็นว่า Plugin ตัวนี้ของเรา เป็นแบบต้อง Settings ก่อนใช้งาน ส่วนตำแหน่งที่ 2 นั้นคือ Plugin ตัวที่เรายังไม่ได้ Activate นะครับ ซึ่งในการที่จะลบ Plugin ตัวไหน เราต้อง Deactivate ก่อนทุกครั้งนะครับ

วิธีใช้ WordPress : ติดตั้ง Plugins โดยวิธีการ Upload

คราวนี้ผมอยากลง Plugin ชื่อ No Right Click Images Plugin กด Download มาลงเครื่องเลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
Download File Plugin มาลงเครื่องไว้

หลังจากนั้นมาที่หัวข้อ Plugins เลือกที่ Upload แล้วเลือก File ที่เรา Download มาเลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
Upload File Plugin ที่เรา Download มา

หลังจากกด Install Now แล้ว ขั้นตอนต่าง ๆ ก็เหมือนกับติดตั้ง Plugin โดยวิธีการ Search และ Plugin ตัวที่เราติดตั้งก็มาปรากฎในหน้า Plugins โดยจะเห็นว่า Plugin ตัวนี้ไม่มีให้ Settings อะไร และจากที่อ่านรายละเอียดของ Plugin ก่อนที่จะโหลดแล้ว Plugin ตัวนี้จะทำงานทันทีที่เราติดตั้ง

รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
ติดตั้ง Plugin เสร็จแล้วด้วยวิธี Upload

จบตอนนี้แล้ว หวังว่าทุกคนน่าจะสามารถหา Plugin ที่ถูกใจมาติดตั้งให้เว็บ WordPress ของตัวเองได้แล้วนะครับ ^^

วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library

Media Library นั้นใช้บอกรายละเอียด และจัดการกับรูป เอกสาร ไฟล์เสียง ไฟล์วิดีโอที่เราได้เคยทำการอัพโหลดไว้ รวมถึงยังสามารถอัพโหลดเพิ่มเติมเข้าไปได้อีกด้วย โดยสามารถเข้าไปยัง Media Library ได้จากหัวข้อ Media

รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
เลือกที่หัวข้อ Media เพื่อเข้า Media Library

Media Library : หน้าตาของ Media Library

Media Library นั้นก็มีหน้าตาคล้าย ๆ กับหน้าจัดการ Post Page เพียงแต่เป็นหน้าจัดการรูป เอกสาร ไฟล์เสียง ไฟล์วิดีโอ โดยจะมีการบอกรายละเอียดต่าง ๆ ของไฟล์ที่เราเคยอัพโหลดไว้แล้ว

รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
หน้า Media Library
  • File – บอกชื่อของไฟล์และนามสกุล
  • Author – บอกชื่อของคนที่อัพโหลดไฟล์นี้
  • Attached to – หากไฟล์นี้ถูกใช้งาน จะบอกว่าไฟล์นี้ถูกใช้งานที่ตำแหน่งไหน
  • Date – วันที่อัพโหลดไฟล์นี้

Media Library : ชนิดไฟล์ที่เราสามารถอัพโหลดเพื่อใช้งานใน WordPress

สำหรับไฟล์ที่สามารถอัพโหลดเพื่อใช้งานได้นั้น แบ่งออกเป็น 4 ประเภท

รูปภาพ

  • .jpg
  • .jpeg
  • .png
  • .gif

เอกสาร

  • .pdf
  • .doc , .docx
  • .ppt, .pptx, .pps, .ppsx
  • .xls, .xlsx
  • .odt

เสียง

  • .mp3
  • .m4a
  • .ogg
  • .wav

วิดีโอ

  • .mp4, .m4v
  • .mov
  • .wmv
  • .avi
  • .mpg
  • .ogv
  • .3gp
  • .3g2

Media Library : ทดสอบอัพโหลดไฟล์เพิ่ม

คราวนี้เรามาลองอัพโหลดไฟล์ขึ้นไปนะครับ ตอนนี้ผมมีไฟล์ test.pdf ให้เรากดที่ Add New เลยครับ เราจะเข้าสู่หน้าอัพโหลดไฟล์ครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress
หน้าอัพโหลดไฟล์

กดเลือก Select Files แล้วเลือกไฟล์ที่เราต้องการอัพโหลด ในกรณีนี้ผมจะอัพโหลดไฟล์ test.pdf นะครับ เมื่ออัพโหลดเสร็จเราก็กรอกข้อมูลที่เกี่ยวข้องแล้วกด Save all changes เลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
หลังจากอัพโหลดเสร็จแล้ว กรอกข้อมูลเกี่ยวกับไฟล์ให้เรียบร้อย

ไฟล์ที่อัพโหลดไว้จะมาปรากฎที่หน้า Media Library โดยสังเกตที่ Attached to จะเป็นคำว่า (Unattached) นั้นคือ ไฟล์นี้ยังไม่ได้ถูกใช้งานแต่อัพโหลดไว้แล้ว

รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
สังเกตว่าตรง Attached to จะเป็นคำว่า (Unattached)

Media Library : แก้ไขรูปภาพ

รูปภาพที่เราเคยทำการอัพโหลดและใช้งานไปแล้ว เกิดอยากแก้ไขมันขึ้นมาก็ให้เลือกที่ไฟล์รูปที่ต้องการแก้ไขเลยครับ เมื่อคลิ๊กแล้ว จะพบหน้ารายละเอียดของไฟล์ให้เลือกที่ Edit Image

รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
คลิ๊กที่ Edit Image เพื่อแก้ไขรูปภาพ

เราจะสามารถแก้ไขภาพแบบเบื้องต้นได้

รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
หน้าจัดการแก้ไขรูปภาพ

โดยเราสามารถหมุนภาพ หรือกลับด้านของภาพได้

รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
สามารถหมุน และกลับภาพได้ตามที่ต้องการ

หรือลากเม้าส์ที่รูปเพื่อทำการตัดรูปเฉพาะส่วนที่เราต้องการ แล้วกดที่ icon crop ด้านบน

รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
ลากเม้าส์เพื่อเลือกส่วนที่จะตัด
รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
กดที่ Icon ด้านบนเพื่อทำการตัด
รูปอธิบายหัวข้อ วิธีใช้ WordPress [11]
ผลลัพธ์ที่ได้ออกมา

ซึ่งเราก็สามารถเลือกได้ว่า รูปที่เราทำเสร็จมาแล้วนั้น จะแก้ไขทุกรูปเลย หรือเฉพาะ thumbnail หรือทุกรูปยกเว้น thumbnail

รูปอธิบายหัวข้อ วิธีใช้ WordPress [12]
เลือกว่าจะแก้ไขทุกรูป หรือเฉพาะ thumbnail หรือยกเว้น thumbnail

หลังจากนั้นก็เลือก Save และ Update Media ก็เสร็จเรียบร้อย

วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

วิธีใช้ WordPress ตอนนี้เป็นการใส่วิดีโอลงในบทความ WordPress ของเรา ปัจจุบันวิดีโอส่วนใหญ่ที่เรานำมาลงในเว็บนั้น ก็คงไม่พ้นว่าเรานำมาจาก youtube หรืออาจจะเป็น vimeo แล้วเราจะใส่วิดีโอเหล่านี้ลงในเว็บ WordPress ของเราได้ยังไง

Embed Video จาก Youtube ลงในบทความ WordPress

สมมติว่าผมเปิดเจอวิดีโออันนึงใน youtube แล้วอยากนำมาลงในเว็บ ปรกติเราก็คงกดไปที่ share

รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
กด Share เพื่อจะ Embed Video มาลงในบทความ WordPress

ซึ่งจะมี code มาให้เรานำไปวางแปะที่เว็บ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
มี code ให้สำหรับเรานำวิดีโอไปลงในบทความ WordPress

รู้สึกว่ามันยุ่งยากมั้ยครับ ถ้าคิดว่ามันยุ่งยาก ทำแบบนี้แล้วกันครับ ไปที่ URL แล้ว copy มันมา

รูปอธิบายหัวข้อ วิธีใช้ WordPress [3]
Copy URL ของวิดีโอที่เราต้องการ

แล้วก็เอามาวางแปะในบทความเราเลย สมมติผมสร้าง Post ใหม่มาเพื่อ Embed Video ลงในบทความ WordPress ของเรานะครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
สร้างหัวข้อใหม่ แล้วลองนำ URL วิดีโอที่เราต้องการลงในบทความ WordPress มาวางแปะ

เราก็จะได้บทความ WordPress ที่มีวิดีโอที่เราต้องการนำมาใส่แล้วครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
วิดีโอที่เราต้องการลงในบทความ WordPress มาแล้ว

Embed Video จาก Vimeo ลงในบทความ WordPress

คราวนี้ถ้าเป็น Vimeo ละ ไม่ต้องกลัวครับ ใช้วิธีเดียวกัน คือ Copy URL ของวิดีโอมาวางแปะเลยครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
Copy URL ของวิดีโอที่เราต้องการ
รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
สร้าง Post ใหม่ แล้วนำวิดีโอที่เราต้องการมาวางแปะในบทความ WordPress
รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
มาแล้ววิดีโอที่เราต้องการลงในบทความ WordPress

ตั้งค่า Embed ในบทความ WordPress

ให้เราไปที่ Settings มองหาหัวข้อ Media

รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
Settings => Media

ซึ่งการที่เราสามารถนำ URL มาวางแปะแล้วขึ้นโชว์ที่บทความ WordPress ของเราเลยนั้น ต้องมาติ๊กถูกที่หัวข้อ “When possible, embed the media content from a URL directly onto the page. For example: links to Flickr and YouTube.” ไว้ด้วยนะครับ และเรายังสามารถกำหนดขนาดของ Embed Video ได้ทั้งความกว้าง และความสูง ซึ่งปรกติถ้าเราไม่กรอกอะไรในช่องความกว้าง WordPress จะคิดความกว้างเป็นความกว้างสูงสุดของธีมเราให้เองครับ

รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
ปรับแต่ง Embed ของเราได้ที่นี่