Category: WordPress

  • [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages

    บางครั้งในแต่ละหน้าของ Post หรือ Page รวมถึงในส่วนของ Widget ของเรานั้น เราก็อยากจะแทรก code PHP โดยที่เราไม่ต้องไปเขียนแก้ที่ตัวไฟล์ อยากจะใส่ในช่องที่ให้ edit content มากกว่า ลอง Plugin ตัวนี้ครับ

    Exec-PHP

    โดย Exec-PHP นั้นเมื่อติดตั้งแล้วจะอยู่ในเมนูหัวข้อ Settings นะครับ

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages [1]

    ตัว Exec-PHP ไม่ได้มีอะไรให้เราปรับแต่งมากมาย

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages [2]

    เรามาลองเขียน Post ขึ้นมาทดสอบการใช้งานเบื้องต้นนะครับ

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages [3]

    ผลลัพธ์ที่ได้ เหมือนที่เราเขียน code PHP ลงในไฟล์ตามปรกติ

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages [4]

    แต่ในหน้าที่เราเขียน Post นั้นคงจะเห็นกล่องข้อความเตือนสีเหลืองด้านบนนะครับ ถ้าเราต้องการปิด ไม่ให้มันแสดงผล ให้เข้าไปที่ส่วนของเมนู Users ในหัวข้อ Your Profile นะครับ

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages [5]

    ที่หัวข้อด้านล่างจะมีหัวข้อแบบนี้ครับ

    [Plugin WordPress] ทำให้ PHP ใช้ได้ใน Posts และ Pages [6]

    ให้ติ๊กเลือกเพื่อที่จะปิดไม่ให้มันมีกล่องสีเหลืองเตือนทุกครั้ง

    Plugin : Exec-PHP
  • [WordPress] ดึง template แต่ละส่วนที่เขียนไว้ด้วย get_template_part

    [WordPress] ดึง template แต่ละส่วนที่เขียนไว้ด้วย get_template_part

    ในการทำ WordPress Theme นั้น Template หลัก ๆ ที่เรามีการใช้งาน จะมีส่วนของ header ซึ่งจะมี get_header(), footer ซึ่งจะมี get_footer() และ sidebar ที่จะมี get_sidebar() แล้วถ้าเราจะสร้าง Template ส่วนอื่น ๆ นอกเหนือจากนี้ละ จะมีวิธีการใช้งานอย่างไร

    WordPress : get_template_part

    ยกตัวอย่างเป็นส่วนของเมนู หรือส่วนของ nav เพราะคิดว่าเป็นส่วนที่ทุกเว็บน่าจะมีอยู่แล้ว เราก็สร้างไฟล์ชื่อ nav.php (จะตั้งชื่อว่า abc.php, navigation.php หรือ gee.php ก็แล้วแต่จะตั้งชื่อกันนะครับ แต่ตั้งให้ชื่อสื่อความหมายจะดีกว่านะครับ) โดยในไฟล์ nav.php นั้น เราก็เขียน code สำหรับเมนูเราตามปรกติ เช่น

    [php]
    <div id="nav">
    <?php wp_nav_menu( array(‘menu’ => ‘Main Menu’, ‘container’ => ”, ‘menu_id’ => ‘mainnav’, ‘menu_class’ => ‘clearfix’,’depth’=>’1′) ); ?>
    </div>
    [/php]

    คราวนี้ตำแหน่งที่เราต้องการจะใส่เมนูลงไป ก็ใส่ code ไปว่า

    [php]
    <?php get_template_part(‘nav’); ?>
    [/php]

    ทีนี้เวลาเราจะแก้ไขเมนู เราก็แก้ไขที่ไฟล์ nav.php ที่เดียว แล้วทุกที่ที่ใช้งานเมนูจาก nav.php ก็จะเปลี่ยนตาม

    แต่สมมติในหน้า single.php เราอยากจะใช้เมนูอีกแบบ เราสามารถสร้างไฟล์ชื่อ nav-single.php มาเพื่อใช้งานเฉพาะหน้า single.php ก็ได้ โดยจะเรียกใช้งานแบบนี้ครับ

    [php]
    <?php get_template_part(‘nav’,’single’); ?>
    [/php]

    WordPress : get_template_part กับ child theme

    แต่สิ่งสำคัญของ get_template_part นั้นคือการใช้ร่วมกับบรรดา child theme ทั้งหลาย เพราะ get_template_part จะมีหลักการค้นหาไฟล์แบบนี้ครับ สมมติเราเขียน code ว่า

    [php]
    <?php get_template_part(‘loop’,’index’); ?>
    [/php]

    มันก็จะไปหา loop-index.php ใน child theme ก่อนว่ามีมั้ย ถ้าไม่มีมันจะหา loop.php ใน child theme ถ้าไม่มีอีกจึงจะไปหา loop-index.php และ loop.php ใน theme หลักตามลำดับ เขียนเรียงลำดับได้ดังนี้

    1. loop-index.php ใน child theme
    2. loop.php ใน child theme
    3. loop-index.php ใน theme หลัก
    4. loop.php ใน theme หลัก

    ลองนำไปประยุกต์ใช้งานกันดูนะครับ ^^

  • [WordPress] Plugin สำหรับเปลี่ยน Theme ไปใช้ HTML5 Boilerplate

    [WordPress] Plugin สำหรับเปลี่ยน Theme ไปใช้ HTML5 Boilerplate

    ครั้งที่แล้ว ผมได้แนะนำ Template สำหรับทำเว็บ HTML5 ไว้ นั่นก็คือ HTML5 Boilerplate ทีนี้ถ้าจะให้มาทำ Theme กันใหม่ ก็จะลำบากไปหน่อย ถ้าแบบนี้ลองใช้ Plugin ตัวนี้เลยดีกว่า มันจะเปลี่ยน Theme ของเรา ให้เป็น HTML5 Boilerplate ให้เอง

    WordPress Plugin : HTML5 Boilerplate

    โดยหลังจากติดตั้งเสร็จแล้ว ตัว Plugin จะอยู่ในหัวข้อ Settings หน้าตาของ Plugin จะมีลักษณะแบบนี้

    [Wordpress] Plugin เปลี่ยน Theme ให้เป็น HTML5 Boilerplate [1]

    เราสามารถจะเลือกได้ ว่าจะเปลี่ยน Theme ของเราในส่วนไหนบ้าง และหลังจากที่เลือกแล้ว Code ของ Theme เราจะเปลี่ยนไป อย่างเช่น

    [Wordpress] Plugin เปลี่ยน Theme ให้เป็น HTML5 Boilerplate [2]

    ก็จะเปลี่ยนไปเป็น

    [Wordpress] Plugin เปลี่ยน Theme ให้เป็น HTML5 Boilerplate [3]

    ถ้าจะลองใช้งานดู ก็ไปโหลด Plugin กันเลยครับ

  • [WordPress] แก้ปัญหา 404 ของตัว Pagination

    [WordPress] แก้ปัญหา 404 ของตัว Pagination

    วันก่อนเจอปัญหาว่า ในหน้าที่เป็น Category เวลาคลิ๊กลิงก์ของตัว Pagination (ที่เราเห็น 1, 2, 3, …, 10 อะไรพวกนั้นละครับ) แทนที่จะเป็นหน้าถัดไป มันดันขึ้นเป็นหน้า 404 พยายามหาวิธีแก้เลยไปเจอตัว Plugin ที่ใช้แก้ปัญหานี้ ถ้าใครเจอปัญหานี้ ลองโหลด Plugin ไปแก้ปัญหาดูนะครับ

  • WordPress 3.3 มีอะไรมาใหม่บ้างนะ

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ

    วันที่ 12 ธันวาคมที่ผ่านมา ทาง WordPress ได้ปล่อยตัว WordPress เวอร์ชั่น 3.3 โดยใช้ชื่อว่า WordPress 3.3 “Sonny”

    [wpvideo I7NAw9Zk]

    สำหรับ WordPress 3.3 นั้นมีอะไรเปลี่ยนไปจากเดิมบ้าง มาค่อย ๆ ดูกันแล้วกันนะครับ

    เริ่มตั้งแต่พอเราอัพเดตเป็น 3.3 แล้ว จะมีหน้าต้อนรับเข้าสู่การใช้ WordPress 3.3

    Wordpress 3.3 มีอะไรใหม่บ้างนะ [1]
    หน้าต้อนรับเข้าสู่ WordPress 3.3

    ตามมาด้วยเมนูด้านซ้ายที่เปลี่ยนไป

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [2]
    เมนูด้านซ้ายเปลี่ยนไป

    admin bar เองก็เปลี่ยนไปนะ ไม่มีหัวข้อเมนูรกเหมือนเวอร์ชั่นก่อน

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [3]
    Admin Bar

    เมื่อหน้าต่างเล็กลง WordPress 3.3 ก็โชว์ความเป็น Responsive ด้วยการย่อเมนูด้านซ้ายให้เหลือแค่นี้

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [4]
    Responsive Design ของ WordPress 3.3

    ในส่วนของหน้าที่เราจะเขียนเนื้อหานั้น ตัว icon เกี่ยวกับ media 4 ตัว ก็โดนยุบรวมกันเป็นหนึ่ง เหลือเพียงตัวเดียวเท่านั้น

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [5]
    เหลือเพียงแค่ Add Media

    และการอัพโหลดรูปภาพก็วางขึ้นเมื่อมันเปลี่ยนมาเป็น Drag & Drop แทน

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [6]
    Drag & Drop สำหรับการอัพโหลด Media ต่าง ๆ

    ใน Firefox และ IE เราสามารถจะ resize รูปได้เวลาใช้ visual editor ครับ >_<

    Resize รูปได้ด้วยการลาก
    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [8][/caption]

    ส่วนของ Help ด้านบนก็เปลี่ยนไปนะ ดูน่าอ่านขึ้นด้วย

    WordPress 3.3 มีอะไรมาใหม่บ้างนะ [7]
    Help ที่เปลี่ยนไป

    หลัก ๆ ที่ผมว่ามันสังเกตเห็นกันได้ ก็น่าจะมีประมาณนี้นะครับ แต่ก็มีรายละเอียดอื่น ๆ อีกที่เวอร์ชั่นนี้ปรับปรุงจากเดิม อย่างเช่น

    • เวลาเปลี่ยนธีม WordPress นั้น ตัว Widgets จะไม่หายเหมือนแต่ก่อน
    • การ Import ที่สนับสนุน Tumblr
    • ปรับมาใช้ jQuery 1.7.1 และ jQuery UI 1.8.16
    • doctype ในหน้า admin เปลี่ยนมาใช้ HTML5
    • เปลี่ยนจาก Post Tags เป็น Tags
    • เพิ่มให้ตัว Gallery เรียงตาม Date/Time ได้
    • สนับสนุนไฟล์นามสกุล rar และ 7z ในการอัพโหลดส่วนของ media

    เป็นต้น

    เพิ่มเติม screencast

    ไปอ่านรายละเอียดการเปลี่ยนแปลงทั้งหมดได้ที่

    รายละเอียด : WordPress 3.3
  • [WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้

    [WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้

    ในการเขียนบทความบางครั้งสิ่งที่ยากมันไม่ได้เป็นตอนเขียน แต่เป็นตอนคิดว่าจะให้มันมี tag อะไรบ้างนี่ละ แล้ว Plugin ที่จะมาช่วยเรื่องนี้ก็คือ Web Ninja Auto Tagging System

    Web Ninja Auto Tagging System

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

    [WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [1]
    ไปที่ Settings -> Web Ninja ATS

    ตัว Plugin นั้นสามารถ Settings ได้แบบนี้ครับ

    [WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [2]
    สามารถเลือกจำนวน tag ที่ต้องการใส่ได้

    เราสามารถเลือกจำนวน tag ที่จะให้ตัว Plugin ใส่ให้อัตโนมัติ สามารถกำหนดให้ใส่ tag นี้ทุกครั้ง หรือกำหนดให้ไม่ใส่ tag นี้เด็ดขาดในทุก ๆ บทความ

    มาทดสอบดูนะครับ สมมติเป็นบทความนี้แล้วกัน

    [WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [3]
    ตัวอย่างบทความที่เราจะใช้ plugin ตัวนี้ใส่ tag ให้อัตโนมัติ

    ตัว Plugin สร้าง tag ออกมาเป็นแบบนี้ครับ

    [WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [4]
    tag ที่ตัว Plugin สร้างขึ้นมาให้

    ถ้าสนใจก็ลองโหลดไปใช้งานกันดูนะครับ แล้วถ้าไม่ถูกใจก็ลบมันทิ้งไปซะ 555