imkopkap

สร้าง Theme Option ด้วย Redux Framework

ใช้เวลา 20 นาที 10/11/2014

Theme WordPress  ที่แก๊ปเคยแจกไปตัวนั้นแก๊ปใช้  Option Framework ในการปรับเปลี่ยนรูปแบบต่างๆภายใน Theme WordPress เช่น เปลี่ยนรูป Logo อะไรแบบนี้ ซึ่งสะดวกมากๆนะครับ ยิ่งสำหรับ Theme ที่มีลูกเล่นเยอะๆ จำเป็นต้องใช้ Theme Option มากๆ  หากท่านใดเบื่อ Option Framework แล้ว แก๊ปแนะนำตัว Redux Framework ครับ

 

 

Theme Options ‹ kazine — WordPress
Options Framework

 

ในการทำ Theme Option ด้วย Redux Framework นั้นถ้าหากท่านใดยังไม่มี Theme ที่จะใช้และลองศึกษา Redux แก๊ปแนะนำ Theme Framework ของทาง Underscores เลยครับ ง่ายและรวดเร็วทันใจ  บทความการใช้ Underscores

 

Theme Option ที่แก๊ปแนะนำต่อไปนี้ก็คือ Redux Frame work  ตัวนี้ถ้าท่านใดเคยซื้อ Theme WordPress บ่อยๆนะ จะสังเกตได้ว่า เจ้า Theme Option ตัวนี้แทบจะคล้ายกันเลยต่างกันตรงที่ Design แค่นั้นเอง ถ้าอยากทำ Theme เพื่อขาย แก๊ปแนะนำให้ใช้เจ้าตัว Redux เลยอลังการดี

 

Redux Framework
Redux Framework

 

วิธีสร้าง Theme Option ด้วย Redux Framework

  1. ให้เข้าไปดาวน์โหลด Plugin ของ Redux Framework
  2. Copy Folder ของ ReduxCore และ sample ลงไปไว้ใน Folder Theme ที่ต้องการทำ Theme Option
  3. เปิดไฟล์ functions.php ของ Theme
  4. เพิ่มโค้ดนี้ลงไป ( บรรทัดที่ 6 สามารถเปลี่นชื่อ Folder และชื่อไฟล์ได้ )
    if( !class_exists('ReduxFramework') ){
      require_once( dirname(__FILE__) . '/ReduxCore/framework.php' );
    }
    
    if (!isset( $redux_demo )){
      require_once( dirname(__FILE__) . '/sample/sample-config.php');
    }
  5. วิธีการปรับเปลี่ยน Form ของ Theme Option ดูได้ภายในคลิปนะครับ
  6. วิธีเรียกใช้ Theme Option เราสามารถใช้โค้ดตัวนี้ได้เลย ( สำหรับท่านที่เก่ง php สามารถเปลี่ยนเขียนเป็นยังอื่นได้นะครับ )
    <?php global $redux_demo;
            	ชื่อตัวแปร = $redux_demo[' id '];
              echo ชื่อตัวแปร;
    ?>

 

หมายเหตุ : id อย่ามีเว้นวรรคนะครับ ไม่งั้นจะเกิดอาการ Error ได้

จบแล้วครับสำหรับขั้นตอนการทำ Theme Option ง่ายๆ ด้วย Redux Framework ไว้มาต่อกันบทความต่อไปครับ

บันทึกแนะนำ