Category: วิธีใช้ WordPress

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

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

วิธีใช้ WordPress : Themes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ตอนต่อไปครับ วิธีใช้ WordPress ตอนที่ 11 – WordPress Theme

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

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

หน้าตาของหัวข้อ 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

Search คำว่า wp pagenavi เพื่อหา Plugin

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

เจอแล้ว Plugin WP-PageNavi กด Install Now

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

แต่ก่อนลง Plugin อย่าลืมอ่านรายละเอียดก่อนนะครับ

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

กรอกรายละเอียดเพื่อติดตั้ง Plugin

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

ติดตั้งเสร็จแล้ว กด Activated Plugin เลยครับ

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

ในหน้า Plugins มี WP-Pagenavi ที่เราติดตั้งแล้ว

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

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

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

Download File Plugin มาลงเครื่องไว้

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

Upload File Plugin ที่เรา Download มา

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

ติดตั้ง Plugin เสร็จแล้วด้วยวิธี Upload

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

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

เลือกที่หัวข้อ Media เพื่อเข้า Media Library

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

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

หน้า 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 เลยครับ เราจะเข้าสู่หน้าอัพโหลดไฟล์ครับ

หน้าอัพโหลดไฟล์

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

หลังจากอัพโหลดเสร็จแล้ว กรอกข้อมูลเกี่ยวกับไฟล์ให้เรียบร้อย

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

สังเกตว่าตรง Attached to จะเป็นคำว่า (Unattached)

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

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

คลิ๊กที่ Edit Image เพื่อแก้ไขรูปภาพ

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

หน้าจัดการแก้ไขรูปภาพ

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

สามารถหมุน และกลับภาพได้ตามที่ต้องการ

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

ลากเม้าส์เพื่อเลือกส่วนที่จะตัด

กดที่ Icon ด้านบนเพื่อทำการตัด

ผลลัพธ์ที่ได้ออกมา

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

เลือกว่าจะแก้ไขทุกรูป หรือเฉพาะ thumbnail หรือยกเว้น thumbnail

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

ตอนต่อไปครับ วิธีใช้ WordPress ตอนที่ 9 – วิธีติดตั้ง Plugins
October 18, 2011
วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

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

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

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

กด Share เพื่อจะ Embed Video มาลงในบทความ WordPress

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

มี code ให้สำหรับเรานำวิดีโอไปลงในบทความ WordPress

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

Copy URL ของวิดีโอที่เราต้องการ

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

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

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

วิดีโอที่เราต้องการลงในบทความ WordPress มาแล้ว

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

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

Copy URL ของวิดีโอที่เราต้องการ

สร้าง Post ใหม่ แล้วนำวิดีโอที่เราต้องการมาวางแปะในบทความ WordPress

มาแล้ววิดีโอที่เราต้องการลงในบทความ WordPress

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

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

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 จะคิดความกว้างเป็นความกว้างสูงสุดของธีมเราให้เองครับ

ปรับแต่ง Embed ของเราได้ที่นี่

ตอนต่อไปครับ วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library

October 10, 2011
วิธีใช้ WordPress ตอนที่ 6 – ใส่รูปภาพในบทความ
แน่นอนว่า บทความที่เราเขียนนั้น คงไม่ได้มีแต่ตัวหนังสือแน่ ๆ ต้องมีรูปภาพประกอบในบทความบ้างละ มาดูวิธีใส่รูปภาพลงไปในบทความกันนะครับ

เพิ่มรูปภาพในบทความ WordPress

บทความที่เราสร้างขึ้นมาใหม่ หรือบทความเก่าที่เราต้องการแก้ไข เราสามารถเพิ่มรูปภาพลงไปในบทความของเราได้โดยเลือกตำแหน่งที่จะลงรูปภาพ หลังจากนั้นคลิ๊กที่ icon เหมือนสี่เหลี่ยมผืนผ้าซ้อนกันตรงแถวคำว่า Upload/Insert

คลิ๊กที่ icon ในวงกลมสีแดง

ซึ่งในการเพิ่มรูปภาพสำหรับบทความ WordPress นั้น มีให้เลือก 3 แบบ คือ

สามารถเลือกได้ทั้งจากคอมของเรา, จาก URL หรือจากรูปภาพที่เราเคยเพิ่มมาแล้ว
- From Computer : เลือกรูปภาพที่จะเพิ่มจากในคอมพิวเตอร์ของเรา
- From URL : เพิ่มรูปภาพโดยการใส่ URL ของภาพที่เราจะใส่ในบทความ
- Media Library : เลือกรูปภาพจากรูปภาพที่เราเคยอัพโหลดในเว็บมาแล้ว
เลือกรูปจากคอมเราลงบทความ

เลือกที่ Select Files เพื่อเลือกรูปที่ต้องการเพิ่ม

เลือกที่ Select Files เพื่อเลือกรูปที่เราต้องการเพิ่มในบทความ เมื่ออัพโหลดรูปภาพเสร็จแล้วจะปรากฎส่วนที่ให้เรากรอกข้อมูลรูปภาพเพิ่มเติม โดยจะมีหัวข้อต่าง ๆ ตามที่ผมเข้าใจดังนี้

กรอกข้อมูลของรูปภาพ เพื่อนำไปใช้งานต่อไป
- Title : ชื่อของรูป
- Alternate Text : อธิบายเพิ่มเติม
- Caption : คำบรรยายภาพ
- Description : อธิบายเกี่ยวกับภาพ
- Link URL : ให้รูป link ไปที่ไหน ซึ่งเลือกได้ว่า
  - None : ไม่ link ไปไหน
  - File URL : link ไปยังรูปของเต็มขนาดของรูปนั้น ๆ
  - Post URL : link ไปโดยทำรูปนั้นให้เป็นเหมือน 1 Post ไปเลย
  - หรือจะกรอก URL ที่ต้องการให้รูปนี้ link ไปหา
- Alignment : จัดรูปให้ชิดซ้าย ชิดขวา หรืออยู่ตรงกลาง
- Size : เลือกขนาดของรูปที่จะนำลงในบทความ
ข้อมูลนั้น เราสามารถกรอกแค่ Title อย่างเดียวก็ได้ครับ หลังจากที่กรอกข้อมูลเสร็จแล้ว ก็กด Insert into Post เลยครับ ก็จะได้เป็นดังรูป

รูปที่เพิ่ม ปรากฎในช่องสำหรับ Edit Post

แก้ไขรูปที่ลงในบทความ WordPress

ให้คลิ๊กที่รูปภาพที่เราต้องการจะแก้ไข เมื่อคลิ๊กแล้วจะมี icon โผล่ขึ้นมา 2 อัน icon ด้านซ้ายคือ แก้ไขรูปภาพ และด้านขวาคือ ลบรูปภาพ

icon ทั้งสองที่ปรากฎเมื่อคลิ๊กที่รูปภาพ

โดยเราสามารถแก้ไขรูปภาพของเราได้ดังนี้

แก้ไขรูปภาพที่เราได้ลงไปในบทความแล้ว
- Size : เราสามารถแก้ไขขนาดรูปเป็น % ได้
- Alignment : แก้ไขรูปให้ชิดซ้าย ชิดขวา หรืออยู่ตรงกลาง
- Title : แก้ไขชื่อของรูป
- Alternate Text : แก้ไขข้อความที่อธิบายเพิ่มเติม
- Caption : แก้ไขคำบรรยายภาพ
- Link URL : แก้ไข link ที่จะให้รูปภาพนี้ link ไปหา
เสร็จแล้วก็ Update ได้เลยครับ รูปภาพของเราจะถูกแก้ไขเป็นไปตามที่เราเลือกไว้

รูปถูกลดขนาดลง และจัดชิดขวา

แต่เรายังสามารถเลือก Advanced Settings เพื่อแก้ไขรูปภาพเพิ่มเติมจากเดิม โดยแบ่งออกเป็น 2 ส่วน คือ ส่วนของรูปภาพ กับส่วนของ Link

หน้า Advanced Settings

ซึ่งสามารถกำหนดอะไรได้หลากหลายกว่า Edit Image

ตอนต่อไปครับ วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress
October 7, 2011