Rabbitinblack

Category: WordPress

  • ในที่สุด มันก็กลับมางาน #wpdevnight ครั้งที่ 3

    ในที่สุด มันก็กลับมางาน #wpdevnight ครั้งที่ 3

    WordPress Developer Night (#wpdevnight) เกิดจากแนวคิดอยากจัดงาน WordPress แบบกลุ่มย่อย โดยเน้นไปที่คนทำเว็บ

    คำว่า Developer หมายถึงนักพัฒนา ซึ่งครอบคลุมทั้งคนออกแบบและสร้างธีม (Theme Designer & Developer), คนทำปลั๊กอิน (Plugin Developer) หรือรวมถึงคนทำเว็บ (Web Developer) ที่สนใจจะใช้ WordPress เป็นระบบจัดการข้อมูล (CMS)

    งานนี้ไม่ได้เน้นว่าต้องเก่งกาจอะไร แต่จะมีการกล่าวถึงด้านเทคนิคอยู่บ้าง เช่น การอ้างถึงโค้ด HTML, CSS, PHP, การใช้ FTP ฯลฯ ดังนั้นหากไม่รู้จักที่กล่าวมาเลย ก็อาจจะมาแล้วงงเปล่า

    ซึ่งงานในครั้งนี้ จะจัดขึ้นในวันศุกร์ที่ 9 พฤศจิกายน เวลา 18:00-24:00 น. ให้สมกับการเป็น Developer Night จริง ๆ 😛

    แต่เนื่องด้วยสถานที่ อาจจะไม่เอื้ออำนวยให้รับรองคนได้จำนวนมาก จีงต้องมีการจำกัดคนใช้งาน โดยจะเปิดให้ลงทะเบียนในวันพฤหัสบดีที่ 1 พฤศจิกายน เวลา 12:34 น.

    ส่วนที่จัดงานนั้น ได้การสนับสนุนจาก Pronto ตาม Map เลยนะครับ

    รายละเอียดเพิ่มเติมยังไง เข้าไปดูได้ที่ WordPress Developer Night ลงทะเบียนก็ที่เว็บนั้นเช่นกัน

    ซึ่งผมเองก็มีไปแจม ๆ กับเค้าด้วย ที่คิดไว้คือจะพูดในหัวข้อ WordPress Resource ยังไงถ้าใครสนใจหัวข้อไหน มา comment ไว้ก็ได้นะครับ เผื่อจะเอาไปบอกต่อ ๆ ว่ามีคนสนใจหัวข้อนี้ หัวข้อนั้นที่เสนอมานะครับ

  • แต่ละหน้าของ WordPress เรียกใช้งาน File ไหน

    แต่ละหน้าของ WordPress เรียกใช้งาน File ไหน

    ในการสร้าง Theme WordPress นั้น ความรู้อีกอย่างที่เราควรมีก็คือ เราควรทราบว่าในแต่ละหน้าของเว็บ WordPress ของเรา เรียกใช้งาน File ไหนใน Theme ที่เราสร้างขึ้น โดยเราสามารถไปดูได้ที่ https://codex.wordpress.org/images/1/18/Template_Hierarchy.png ดูจากรูปแล้ว จะเห็นว่าสำหรับ Theme ที่เราสร้างขึ้นมา มีแค่ index.php ก็เพียงพอแล้ว (ไม่นับรวมพวก style.css)

    แต่ผมจะมาแยกให้ โดยนำหน้าที่คิดว่าเป็นหน้าหลัก ๆ ที่ได้ใช้งานกันบ่อย ๆ มาอธิบายให้อ่านกันนะครับ

    หน้า Home

    หน้า Home นั้นก็คือ หน้าแรกที่เวลาคนเข้าเว็บเรามาแล้วก็เจอนั่นละครับ เราสามารถเลือกหน้า Home ของเราได้จาก Page ที่เราสร้างไว้ หรือไม่เลือกก็ได้ โดยตัว WordPress จะเลือก File ตามลำดับแบบนี้ครับ

    • front-page.php
    • home.php
    • index.php

    อธิบายง่าย ๆ คือ ในหน้า Home ของเรา WordPress จะหาว่า Theme ที่เราใช้งานอยู่ มันมี front-page.php มั้ย ถ้ามีก็จะเรียกใช้งาน front-page.php แต่ถ้าไม่เจอ ก็จะไปหา File ชื่อ home.php และ index.php ตามลำดับ

    ปล. เลือก Page ที่จะเป็นหน้า Home ได้ที่ Settings => Reading ตามรูปนะครับ

    แต่ละหน้าของ WordPress เรียกใช้งาน File ไหน
    เลือก A static page (select below) แล้วเลือก Page ที่ให้เป็นหน้า Home ที่หัวข้อ Front Page

    หน้า Post

    ใช้เว็บ WordPress แล้ว ไม่รู้จัก Post คงไม่ได้ หน้า Post อันนี้ก็คือ หน้าเดี่ยวของ Post นั้น ๆ คราวนี้หน้า Post เรามีลำดับการเรียก File ยังไงไปดูกันครับ

    • single-posttype.php
    • single.php
    • index.php

    ถ้าไปดูในรูป https://codex.wordpress.org/images/1/18/Template_Hierarchy.png มาจะเห็นว่า WordPress จะแบ่ง single post เป็นสามทาง แต่หลัก ๆ ที่เราใช้จะเป็น custom post กับ blog post โดยสาเหตุที่ผมเขียนลำดับแรกแค่ single-posttype.php เพราะว่า blog post นั้น post type ของตัว blog post ก็คือ post นั่นเอง ดังนั้นถ้าเป็น blog post จึงดู single-post.php เป็นลำดับแรก

    ส่วน custom post นั้น ก็จะใช้ slug ของตัว custom post นั้นที่เราสร้างขึ้น วิธีสร้าง custom post ก็ดูตามอันนี้เลยครับ [WordPress] วิธีการสร้าง Custom Post Type อย่างง่าย

    หน้า Page

    หน้า Page นั้นจะมีให้เลือกพิเศษกว่าชาวบ้านเค้าหน่อย ตรงที่สามารถสร้าง Template ให้เลือกได้ มาดูลำดับการเรียกใช้ File ก่อนแล้วกันครับ

    • customtemplate.php
    • page-slug.php
    • page-id.php
    • page.php
    • index.php

    โดย Custom Template นั้น เราสามารถสร้างขึ้นได้ โดยสร้าง File ขึ้นมาแล้วใส่ตรงหัวของ File ว่า
    [php]
    <?php
    /*
    Template name: XXXXX
    */
    ?>
    [/php]

    ลองตามไปอ่านวิธีสร้าง Custom Template ได้ที่ [WordPress] สร้าง Custom Page Template

    โดยที่สมมติเป็นหน้า Contact Us ซึ่ง slug ให้เป็น contact-us ตัว WordPress จะหา custom template ที่เราสร้างไว้ก่อน อาจจะชื่อ xyz.php ก็ได้ หรือ yuri.php ก็ได้ แล้วแต่เราจะสร้างขึ้น เพียงแต่หัวของ File นั้นต้องระบุชื่อ Template name ของตัวเองให้ตรงกับที่เราเลือกไว้ในตอนสร้าง Page Contact Us ขึ้นมา แล้วถ้าไม่มี custom template ละ WordPress ก็จะหา File ชื่อ page-contact-us.php และถ้า Page นั้นมี page id เท่ากับ 9 ดังนั้นถ้าไม่เจอ page-contact-us.php ก็จะใช้ page-9.php และ page.php, index.php ตามลำดับ

    หน้า Category และ Tag

    สองตัวนี้ จะมีลำดับการเรียกใช้ File ที่คล้าย ๆ กัน ต่างกันตรงที่ Category ก็จะใช้ File ที่นำหน้าด้วย category-xxx.php และ Tag ก็ใช้ File ที่นำหน้าด้วย tag-xxx.php มาดูลำดับกันครับ

    Category

    • category-slug.php
    • category-id.php
    • category.php
    • archive.php
    • index.php

    Tag

    • tag-slug.php
    • tag-id.php
    • tag.php
    • archive.php
    • index.php

    หน้า Search

    หน้า Search นั้นลำดับไม่ยากเลยครับ ง่าย ๆ แค่สองลำดับ

    • search.php
    • index.php

    หน้า 404

    ปิดท้ายด้วยหน้า 404 นะครับ ก็คล้าย ๆ กับหน้า Search คือมีสองลำดับง่าย ๆ แบบนี้ครับ

    • 404.php
    • index.php

    ถ้าเรารู้ถึงลำดับการเรียก File ในแต่ละหน้าแล้ว ก็ทำให้เราสามารถสร้างให้หน้าที่เราต้องการ มีรูปแบบการแสดงผลที่แตกต่างจากหน้าอื่น ๆ ได้ตามที่เราต้องการนะครับ

  • อยากเป็น Top WordPress Developer ทำอย่างไร

    อยากเป็น Top WordPress Developer ทำอย่างไร

    เนื่องจากได้อ่านบทความของ Smashing Magazine ในหัวข้อ How To Become A Top WordPress Developer รู้สึกว่าเป็นประโยชน์กับคนที่อยากจะเป็น WordPress Developer เลยแปลมาให้ได้อ่านกัน (เอาไว้ให้ตัวเองมาคอยอ่านเหมือนกัน แหะๆ) แต่ออกตัวก่อนนะครับ ว่าไม่ได้เก่งภาษาอังกฤษอะไรมาก แล้วคงไม่ได้แปลตามตัวอักษรจากต้นฉบับแบบเป๊ะ ๆ คงมีอะไรที่เป็นคำพูดของผมเองเหมือนกันนะครับ ^^

    ต้องทำความเข้าใจกันก่อนว่า การจะเป็น Top WordPress Developer นั้น เราต้องใช้ทั้งเวลา ใช้ทั้งพลังงาน ใช้ทั้งความพยายาม มันไม่มีทางลัด หรือวิธีง่าย ๆ หรอกครับ

    ถ้าแค่คุณสามารถ ติดตั้ง WordPress, อ่านบทเรียน, ปรับแต่งธีมได้บ้าง นั่นไม่ได้เรียกว่าคุณเป็น Top Developer คุณเป็นแค่ “Expert” หรือคุณแค่มีความรู้มากกว่าคนทั่ว ๆ ไป แต่ Top Developer คือ เราควรรู้ให้ลึกมากกว่าพื้นฐาน เราต้องสามารถประยุกต์ รวมถึงให้ข้อมูลกับผู้อื่นได้

    ทำไมต้องอยากเป็น Top WordPress Developer ละ

    ถ้าอย่างนั้นถามกลับว่า ทำไมถึงไม่อยากเป็นละ ถ้าคุณทำงานกับ WordPress หรือวางแผนจะเริ่ม ทำไมถึงเลือกที่จะอยู่ในระดับที่คนทั่ว ๆ ไปเป็น มันคนเป็น WordPress Developer ทั่ว ๆ ไปอยู่มากมายแล้ว แต่ถ้าจะหาเหตุผล ก็ให้ลองมองว่าเมื่อเราเป็น Top WordPress Developer แล้วนั้น

    • ทำเงินกับมันได้ : ตอนนี้มีลูกค้าต้องการคนมาพัฒนา WordPress อยู่เยอะ และลูกค้าก็พร้อมที่จะจ่ายเงินให้กับคนที่เจ๋ง ๆ ในสายงาน WordPress
    • ได้ลูกค้าชั้นดี : เมื่อคุณมาอยู่ในระดับแนวหน้าแล้ว คุณก็สามารถเลือกลูกค้าได้ คุณสามารถบอกปฎิเสธกับโปรเจคงานที่คุณไม่ต้องการ และตอบตกลงกับโปรเจคที่คุณอยากทำ
    • ทำให้เป็นผู้นำทางความคิด : เมื่อคุณอยู่ในระดับแนวหน้าแล้ว คุณจะกลายเป็นผู้นำทางความคิด และความสามารถของคุณจะมีอิทธิพล ที่จะช่วยกำหนดทิศทางของ WordPress ในอนาคตได้

    ขอเวลา 1 ชั่วโมงต่อวันในการอ่าน

    ใน 1 วันทำงานของคุณ ขอเวลา 1 ชั่วโมงเพื่อที่จะอ่าน และเรียนรู้เกี่ยวกับ WordPress อย่างที่บอกไว้ข้างต้น ไม่มีทางลัดหรือวิธีง่าย ๆ ที่จะเป็น Top WordPress Developer เมื่อหมดเวลางานแล้ว คุณก็ยังต้องเรียนรู้เพิ่มเติมอีก ถ้าคุณจะดูทีวี ปิดมันไป ถ้าคุณจะเล่นเกม ขายมันทิ้งหรือเก็บมันไปก่อน เพื่อจะให้ตัวเองไปถึงจุดนั้น ก็ต้องมีการเสียสละและทุ่มเทให้กับการพัฒนาตัวเอง

    ถ้าจะให้ดี เพื่อที่เราจะได้มีสมาธิในการเรียนรู้ เลิกแชทก่อน ปิดเสียงมือถือ และตั้งใจอ่าน ทำให้เป็นนิสัยแล้วคุณจะรู้สึกว่า เวลามันผ่านไปเร็วกว่าที่คิด และทำให้คุณอ่านได้นานมากขึ้น หรือคุณจะเปลี่ยนมาใช้เป็นวิธีอ่าน 3 ชั่วโมง 2 หรือ 3 ครั้งต่อสัปดาห์

    (ทาง Smashing Magazine ก็โฆษณาหนังสือของเค้า Smashing Book #3 โดยในหนังสือจะมีหัวข้อเกี่ยวกับเรื่องพวกนี้อยู่)

    ลงทะเทียนเรียนในมหาวิทยาลัย WordPress

    ตอนเห็นหัวข้อ ก็คงคิดใช่มั้ยครับ ว่ามหาวิทยาลัยไหนมีให้ลงทะเบียนเรียนด้วยเหรอ ตามความเป็นจริงก็คือ WordPress นั้นมีข้อมูลให้เราเรียนรู้อยู่มากมาย แค่คุณมีเวลาและตั้งใจที่จะศึกษามัน ก่อนที่คุณจะมีประสบการณ์ในการทำงาน คุณต้องมีการเรียนรู้ไว้ก่อน ดังนั้นเริ่มต้นได้แล้ว อย่ามัวแต่รอ การรอมันขัดขวางการเรียนรู้ของคุณไว้อยู่

    พบปะกับกลุ่มคนชั้นนำ

    คบคนพาลพาลพาไปหาผิด คบบัณฑิตบัณฑิตพาไปหาผล เหมือนกันครับ ถ้าเราอยากเป็น Top WordPress Developer เราก็ต้องมีการติดต่อสื่อสารกับกลุ่มคนเหล่านี้บ้าง ไม่ว่าจะเป็นการอ่าน blog ของเค้า หรือ follow เค้าใน twitter รวมถึงให้ข้อเสนอแนะเวลาที่พวกเค้าต้องการ ถ้ามีโอกาสไป WordCamps ซะ ไปเจอและฟังที่พวกเค้าคุยกัน

    ด้านล่างเป็นรายชื่อส่วนหนึ่งของกลุ่มนักพัฒนา WordPress

    อ่านเนื้อหาที่เกี่ยวข้อง

    อยากจะบอกว่า เนื้อหาเกี่ยวกับ WordPress มีอยู่มากมายในเว็บ WordPress เองอยู่แล้ว มีคนอยู่มากมายที่คุยเกี่ยวกับ WordPress ดังนั้นคงเป็นการยากที่จะกรองเนื้อหาที่จะอ่าน ดังนั้นถ้าจะเริ่มต้น คุณควรเริ่มต้นกับเนื้อหาที่มีคุณภาพที่คุ้มค่ากับเวลาที่จะใช้ไป
    ด้านล่างเป็นแหล่งของเนื้อหาที่จะเริ่มต้นกับ WordPress

    • WordPress Codex : ที่นี่ คือกรุสมบัติที่รวมทุกอย่างเกี่ยวกับ WordPress ไว้ คุณอาจจะเริ่มต้นกับพื้นฐาน แล้วค่อย ๆ ลงลึกไป เรียนรู้ WordPress semantics รวมถึงศึกษาเกี่ยวกับการออกแบบธีม และพัฒนาปลั๊กอิน
    • หนังสือที่เกี่ยวกับ WordPress : มีหนังสืออยู่เยอะพอสมควรที่เขียนเกี่ยวกับ WordPress อย่าคิดว่า “WordPress For Dummies” มันพื้นฐานเกินไป คุณอาจจะให้ลูกค้าของคุณอ่าน และรับรู้ถึงมุมมองของเค้า เมื่ออ่านจบ คุณอาจจะเขียน Review และขอบคุณคนเขียน
    • Blog เกี่ยวกับ WordPress : หาและติดตาม blog เกี่ยวกับ WordPress เมื่ออ่านจบ ก็ให้ข้อเสนอแนะ คอมเม้นท์คนเขียนเกี่ยวกับบทความของเค้า มี blog มาแนะนำคือ WordPress on Smashing Magazine, WP Tuts+, WP Candy

    ทำความเข้าใจเทคโนโลยี

    ถ้าคุณอยากเป็นผู้เชี่ยวชาญเรื่อง WordPress คุณควรรู้เทคโนโลยี ควรทำให้ความรู้ของคุณทันสมัย ลองมาดูกันว่ามีเรื่องที่ควรรู้อะไรบ้าง

    • เรียน PHP และ MySQL : เรื่องนี้เป็นเรื่องสำคัญมากที่คุณต้องมีความรู้ PHP และ MySQL ถ้าคุณจะเริ่มต้นเรียนรู้มี Lynda.com หรือ Learnable.com รวมถึง MySQL performance
    • สำรวจ Codebase : สละเวลาที่จะสำรวจดู Codebase ของ WordPress (WordPress codebase on Trac, WordPress codebase on Xref) อ่านคู่มือต่าง ๆ เพื่อทำความเข้าใจว่ามันทำงานอย่างไร
    • ใช้งาน Nightly : ติดตั้ง WordPress ในเครื่องของเรา และติดตั้ง nightly build เพื่อตามติดการเปลี่ยนแปลงสำหรับที่เราจะใช้ในการพัฒนาต่อไป
    • อ่าน “Make WordPress” : ทำความเข้าใจเทคโนโลยีเพื่อนำไปใช้ในการพัฒนา โดยดูที่ make.wordpress.org คุณสามารถติดตามการพูดคุยเกี่ยวกับ Core Plugins และ Themes สำหรับผู้เริ่มต้นได้

    หมั่นฝึกฝน

    เมื่อคุณเรียนรู้อะไรมา อย่าลืมที่จะฝึกฝน ทดลองใช้งาน ง่าย ๆ เลยอย่างแรกที่คุณต้องทำคือ สร้างเว็บ WordPress ของคุณเองขึ้นมา และเมื่อไปเจอบทความการสอนอะไร ก็ให้มาทดลองทำกับเว็บคุณเอง

    • WordPress APIs : แน่นอนว่าเริ่มต้นศึกษาที่เว็บของ WordPress เองเลย รายชื่อของ APIs สำหรับ WordPress ลองศึกษาการใช้งาน API แต่ละตัวดูเพื่อจะได้นำไปประยุกต์ใช้งาน
    • Ajax in WordPress : คิดว่าคุณน่าจะเคยได้ยินเกี่ยวกับ Ajax มาบ้างแล้ว คราวนี้ถึงเวลาที่คุณต้องเรียนเกี่ยวกับ การใช้ Ajax กับ WordPress แล้วละ ซึ่งมันสามารถพัฒนาไปเป็นใช้ Ajax พัฒนา Plugin อย่าลืมที่จะศึกษาเพิ่มเติมไปเรื่อย ๆ เพื่อสะลมประสบการณ์ในการใช้งาน
    • WordPress PHP Class : รายชื่อ PHP Class ที่ WordPress สร้างไว้ ทดลองใช้งานแต่ละตัว เพื่อที่คุณจะได้รู้วิธีการใช้งานมัน และอยากให้ศึกษาตัว WP_Query, WP_Theme และ wpdb เป็นพิเศษ

    เก็บประสบการณ์การใช้ WordPress

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

    ออกไปหาลูกค้า

    ทำงานกับลูกค้า ไม่ว่าจะได้เงินหรือทำฟรี ก็เป็นอีกทางในการสะสมประสบการณ์ของคุณ ลูกค้าจะมีปัญหา มีข้อเสนอแนะที่คุณจะไม่ได้เจอในการทำโปรเจคของตัวเอง ถ้าคุณเพิ่งเริ่มแล้วยังไม่รู้จะหาลูกค้ายังไง ลองอ่าน learn how to get get your first client เก็บประสบการณ์ไปเรื่อย ๆ ไม่ว่าจะเป็นงานขนาดใหญ่ หรืองานขนาดเล็ก

    ลองทำธีมแจก

    ลองทำธีมที่คุณใช้งานบ่อย แล้วขายหรือแจก เพื่อรับฟังข้อเสนอแนะที่คุณจะได้รับจาก developer ด้วยกันหรือ ผู้ใช้งานทั่ว ๆ ไปที่ใช้ธีมของคุณ ขอความคิดเห็นจาก theme designer ที่คุณรู้จัก แล้วนำทุกข้อเสนอแนะมาพิจารณา เพื่อปรับปรุงธีมของต่อไป

    ลองทำ Plugin

    หลังที่ศึกษาและทำงานกับ WordPress มาซักพักแล้ว คุณจะเจอความต้องการที่แต่ก่อนไม่เคยเจอมาก่อน สิ่งที่เติมเต็มส่วนนั้นก็คือ plugin คุณก็ประยุกต์สิ่งที่คุณศึกษามาเกี่ยวกับการพัฒนา plugin สร้าง plugin ที่มีความปลอดภัยและตอบโจทย์ความต้องการได้ตรงจุด อย่าลืมที่จะแจกจ่าย หรือทำขาย เพื่อเก็บข้อเสนอแนะจากคนอื่นในการปรับปรุง plugin ของเราต่อไป

    // หมดแรงแล้วครับ แหะ ๆ ถ้ามีแรงจะมาแปลต่อนะครับ ภาษาง่อยไปบ้าง ให้อภัยกันด้วยนะครับ >_<

  • [WordPress] สร้าง Custom Page Template

    [WordPress] สร้าง Custom Page Template

    โดยปรกติแล้ว ในการสร้าง Page ขึ้นมานั้น จะมีการเรียกใช้ File page.php ในการแสดงผลให้ Page ทุก Page แต่ถ้าหากเราต้องการให้สร้าง Page นั้นแสดงผลไม่เหมือน Page อื่น ๆ ละ เราจะต้องทำยังไง

    สร้าง page-slug.php เพื่อหน้านั้น

    วิธีแรกคือ ให้สร้าง File ชื่อ page-xxx.php โดย xxx คือ slug หรือถ้าให้ดูอย่าง ๆ ง่าย slug จะคือคำที่วงไว้ในรูปครับ

    [WordPress] สร้าง Custom Page Template

    จากรูป slug คือ tester ให้เราสร้าง File ชื่อ page-tester.php ขึ้นมา หลังจากนี้หน้า (Pages) อื่น ๆ จะให้งาน File page.php แต่เฉพาะหน้า tester นี้จะเรียกใช้งาน File page-tester.php เท่านั้น คราวนี้ก็จะมีข้อสงสัยต่อว่า ถ้าเราต้องการมีอีก 2 หน้าที่ต้องการให้เหมือนกับหน้า tester ละ เราก็ต้องสร้าง page-xxx.php ขึ้นมาอีกสอง File แล้วถ้าเกิดมีอีก 10 หน้าละ เราคงมี File เต็ม Folder Theme เรากันเลยทีเดียว ดังนั้นมาดูวิธีที่สองกันครับ

    สร้าง Custom Page Template

    ใช่แล้วครับ วิธีที่สองนั้นก็คือ หัวข้อของเรานั่นเอง โดยวิธีสร้าง Custom Page Template นั้นก็ไม่ได้ยากอะไร สมมติเราสร้าง File ขึ้นมาว่า page_test.php เพื่อสร้าง Test Template ขึ้นมา ใน File page_test.php เราต้องขึ้นหัวด้วย

    [php]
    <?php
    /*
    Template name: XXXXX
    */
    ?>
    [/php]

    เราสามารถใส่ชื่อ Template ของเราว่าอะไรก็ได้ โดยแทนที่คำ XXXXX ในตัวอย่าง อย่างเช่น

    [php]
    <?php
    /*
    Template name: Test
    */
    ?>
    [/php]

    โดย Template ที่เราสร้าง จะปรากฎให้เราเลือกเวลาเราสร้าง หรือแก้ไข Page ในตำแหน่งดังรูป

    [WordPress] สร้าง Custom Page Template

    ดังนั้นถ้าเรามีหน้าซัก 10 หน้าที่ต้องการใช้ Template นี้ ก็แค่เลือกให้ใช้งานโดยไม่ต้องไปสร้าง File ให้เยอะแยะรก Theme ของเรา

    // สร้าง File แล้ว อย่าลืมเขียน Code ลงไปด้วยนะครับ ไม่อย่างนั้นมันก็ไม่แสดงผลอยู่ดีนะ 😛

  • [WordPress] เบื้องต้นกับการคิวรี่ข้อมูลจาก database โดยตรง

    [WordPress] เบื้องต้นกับการคิวรี่ข้อมูลจาก database โดยตรง

    ในการเรียกข้อมูลจาก database ของเว็บที่ทำด้วย WordPress นั้น ก็มีวิธีไม่ยากด้วยคำสั่ง query_posts หรือ wp_query แต่ทั้งสองก็เป็นเพียงการเรียกข้อมูลมาเท่านั้น ถ้าเราต้องการเพิ่มข้อมูล ต้องเป็นการเชื่อมต่อโดยตรง ซึ่งจริง ๆ แล้วด้วยตัว WordPress เองก็ได้เตรียมตัวแปรเพื่อให้เราได้ใช้งานไว้แล้ว ด้วยตัว $wpdb ครับ มาดูวิธีการใช้งานมันกันครับ

    วิธีการใช้งาน $wpdb เบื้องต้น

    ในการใช้งานให้เราสั่งเรียกมันขึ้นมาก่อนนะครับ

    [php]
    <?php global $wpdb; ?>
    [/php]

    คราวนี้เวลาเราจะเรียกข้อมูล ก็สามารถสั่งได้ประมาณว่า

    [php]
    <?php $post_count = $wpdb->get_results("select count(*) from $wpdb->posts"); ?>
    [/php]

    แล้วเราจะรู้ได้ยังไง ว่าเราจะเรียกข้อมูลจากที่ไหน from ตัวไหน อันนี้เราต้องมาดู database ของ WordPress ก่อนว่ามีโครงสร้างเป็นอย่างไรนะครับ

    โครงสร้าง Database ของเว็บที่สร้างด้วย WordPress

    [WordPress] เบื้องต้นกับการคิวรี่ข้อมูลจาก database โดยตรง

    จะมีหลัก ๆ อยู่ 11 tables โดยแต่ละ table จะเก็บข้อมูลคร่าว ๆ ดังนี้ครับ

    • wp_comments: เก็บ comment ต่าง ๆ ไว้ โดยเก็บพวกชื่อ อีเมล์ IP ของคนที่มา comment รวมถึงข้อความด้วย
    • wp_commentmeta: เก็บข้อมูลของ comment ว่าสัมพันธ์กันอย่างไร เช่น comment นี้คือ comment ที่เกิดมาจากการตอบ comment ไหน หรือ comment นี้เป็น comment ที่ตอบ post ไหน
    • wp_links: เก็บข้อมูล link ที่เราสร้างไว้ในหัวข้อ Links
    • wp_options: ในหัวข้อ Settings นั้นจะเก็บข้อมูลใน table นี้
    • wp_posts: เวลาสร้าง Post และ Page จะถูกเก็บข้อมูลต่าง ๆ ไว้ที่นี่
    • wp_postmeta: ข้อมูลเสริมของแต่ละ Post หรือ Page อย่างเช่น รูป thumbnail ตัวไหน หรือใน Post นี้แนบ File อะไรไว้บ้าง
    • wp_terms: เก็บข้อมูล Categories และ Tags สำหรับ Post และ Page
    • wp_term_relationships: ส่วนอันนี้จะจับความสัมพันธ์กันในระหว่าง Post, Page, Categories และ Tags
    • wp_term_taxonomy: เก็บรายละเอียด (Description) ที่เราใส่ให้ Tags, Links และ Categories
    • wp_users: เก็บข้อมูล User ที่ Register ไว้
    • wp_usermeta: เก็บข้อมูลของแต่ละ User เช่น ชื่อ, สิทธิในการใช้งาน เป็นต้น

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

    ตัวอย่างการใช้งาน

    สมมติเราต้องการเรียก title ใน post ล่าสุดมาแสดงนะครับ

    [php]
    <?php
    global $wpdb;
    $last_title = $wpdb—>get_var("SELECT post_title FROM $wpdb->posts WHERE post_status = ‘publish’ ORDER BY post_date DESC");
    echo $last_title;
    ?>
    [/php]

    ถ้าต้องการเรียกข้อมูลอะไรมากกว่านี้ ก็ลองไปดูเพิ่มเติมเอานะครับ Class Reference/wpdb 😛

    ปล. จะเห็นว่าตรง from เราจะใช้ $wpdb->posts ซึ่งถ้าเป็น table อื่นก็จะเรียกแบบนี้ครับ wp_comments ก็เป็น $wpdb->comments

  • [WordPress] ลองสร้าง shortcode แบบง่าย ๆ เพื่อสะดวกเวลาใช้งาน

    [WordPress] ลองสร้าง shortcode แบบง่าย ๆ เพื่อสะดวกเวลาใช้งาน

    ถ้าเคยใช้งาน plugin มา หลาย ๆ ตัวจะมีสิ่งที่เรียกว่า shortcode เพื่อให้ผู้ใช้สามารถเรียกใช้งานได้อย่างสะดวก ซึ่ง shortcode พวกนี้เราเองก็สามารถสร้างมาเพื่อใช้งานเองก็ได้

    แต่สำหรับใครที่ยังนึกไม่ออก อะไรคือ shortcode ผมเคยเขียนไว้ครั้งนึงในหัวข้อ ฉลอง MV SNSD ตัวใหม่ด้วยบทความ ทำ Shortcode สำหรับดึง youtube thumbnail มาใช้ใน WordPress แต่คราวนี้จะมาศึกษาแบบจริงจังขึ้นหน่อย ว่าแต่ละตัวไว้ทำอะไรบ้าง ครั้งนี้ถือว่าฉลองที่ SNSD ครบรอบ 5 ปีแล้วกัน >_<

    ทำความรู้จักตัวแปรก่อนสร้าง shortcode

    ในการสร้าง shortcode นั้น จะมีตัวแปรอยู่สามตัวสำคัญ ที่เราน่าจะทำความรู้จักกับมันซะหน่อย

    • $atts ตัวนี้ก็แทนค่าที่เราจะใส่ใน shortcode ของเรา
    • $content ตัวนี้แทนข้อความที่อยู่ระหว่าง shortcode ของเรา
    • $tag ตัวนี้แทนคำที่นำไปใช้เป็น shortcode ของเรา

    ยกตัวอย่างเช่น

    [myshortcode id=”rabbitinblack” title=”CSS”]Hello World[/myshortcode]

    $atts คือ id=”rabbitinblack” title=”CSS” หรือเราจะเขียนได้ว่า $atts = array('id' => 'rabbitinblack', 'title' => 'CSS')

    $content คือ Hello World

    และ $tag คือ myshortcode

    วิธีสร้าง shortcode

    ให้เราไปที่ functions.php นะครับ เพื่อที่จะได้เพิ่ม code สำหรับสร้าง shortcode โดยโครงสร้างการเขียน code จะประมาณนี้ครับ ใช้จากตัวเก่าแล้วเพิ่มข้อมูลลงไปอีกนิดหน่อยนะครับ

    [php]
    function wp_youtube_video_thumbnail($atts, $content = null) {
    extract(shortcode_atts(array(
    ‘id’ => ”,
    ‘img’ => ‘0’,
    ‘align’=>’left’
    ), $atts));
    $align_class=’align’.$align;
    return ‘<h3>’.$content.'</h3><a href="https://www.youtube.com/watch?v=’.$id.’" target="_blank"><img src="https://img.youtube.com/vi/’.$id.’/’.$img.’.jpg" alt="" class="’.$align_class.’" /></a>’;
    }
    add_shortcode(‘youtube_thumb’, ‘wp_youtube_video_thumbnail’);
    [/php]

    มาดูทีละส่วนนะครับ

    function wp_youtube_video_thumbnail($atts, $content = null) อันนี้เราสร้าง function ขึ้นมาชื่อ wp_youtube_video_thumbnail โดยที่จะรับค่า $atts และ $content เข้ามา การใส่ $content = null เพื่อเวลาที่เราไม่ได้ใส่ข้อความ


    extract(shortcode_atts(array(
    'id' => '',
    'img' => '0',
    'align'=>'left'
    ), $atts));

    คือ ค่าที่จะรับเข้ามาจะมี id, img และ align โดยแต่ละตัว จะมีค่ามาตรฐานตามที่เราตั้ง เช่น align มีค่าเป็น left ถ้าเราไม่ได้ใส่ค่า align อะไรเข้ามา

    แล้วหลังจากนั้นเราก็มีการ return ค่ากลับมา โดยค่าที่มีการ return กลับมาก็คือ return '<h3>'.$content.'</h3><a href="https://www.youtube.com/watch?v='.$id.'" target="_blank"><img src="https://img.youtube.com/vi/'.$id.'/'.$img.'.jpg" alt="" class="'.$align_class.'" />'; นั่นคือ ข้อความกับรูปภาพ
    ก็คือ youtube_thumb

    ดังนั้นการใช้งานก็จะประมาณนี้นะครับ

    [youtube_thumb id=”6pA_Tou-DPI” img=”0″ align=”center”]Youtube Video[/youtube]

    ซึ่งเราจะได้ค่าที่หน้าเว็บเป็น

    <h3>Youtube Video

    <img src="https://img.youtube.com/vi/6pA_Tou-DPI/0.jpg" alt="" class="aligncenter">

    ลองนำไปปรับแล้วใช้งานให้ตรงกับความต้องการของเราดูนะครับ

    อ๋อ แต่ถ้าจะง่ายในการเพิ่ม ลด ลบนะครับ ให้สร้าง shortcode.php แล้วเราไป include 'shortcodes.php'; ใน functions.php เพื่อเวลาค้นหาว่าเราสร้าง shortcode อะไรไปบ้าง จะได้มาดูแค่ที่ shortcode.php ที่เดียวก็พอ