• June 3, 2017

    Page Template
    https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/

    เอาไฟล์ php  นั้นมาวางในเว็บ

    ขั้นแรก
    ประกาศก่อนว่าเราจะมีเพจใหม่นะ ด้วยการเพิ่ม Comment ในไฟล์ของเราตามนี้

    /*
    Template Name: My Custom Page
    */

    ต่อมา แก้ path ให้ถูกต้อง ด้วย  get_template_directory_uri()   ตามที่ต่างๆ ในไฟล์ท่าน  เช่น รูป และ CSS JS
    เช่น   <?php echo get_template_directory_uri();?>/img/pic.jpg
    และ
    เพิ่ม <?php wp_head()  ?> ลงไป หน่อยตรงก่อนจบ <Head> เพื่อให้เพจนี้กลายเป็น WordPress อย่างสมบูรณ์

    สุดท้ายหลังจากที่เราสร้าง template แล้ว ให้เพิ่มเพจใหม่ด้วยการ กด Add new Page  และเลือก Template ในกล่องด้านขวาให้ตรงตามที่เราตั้งชื่อไว้ในขั้นแรก

    เวลาจะเรียกใช้ก็  กดตรง view page เหมือนปรกติได้เลย

    http://rabbitinblack.com/2012/08/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
    /*
    Template name: XXXXX
    */
    ?>

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

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

    โดย Template ที่เราสร้าง จะปรากฎให้เราเลือกเวลาเราสร้าง หรือแก้ไข Page ในตำแหน่งดังรูป
    [WordPress] สร้าง Custom Page Template
    ดังนั้นถ้าเรามีหน้าซัก 10 หน้าที่ต้องการใช้ Template นี้ ก็แค่เลือกให้ใช้งานโดยไม่ต้องไปสร้าง File ให้เยอะแยะรก Theme ของเรา
    // สร้าง File แล้ว อย่าลืมเขียน Code ลงไปด้วยนะครับ ไม่อย่างนั้นมันก็ไม่แสดงผลอยู่ดีนะ



เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories