ดูว่ามันง่ายแค่ไหนที่จะ Widgetize ธีม WordPress

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


  • ทำให้แน่ใจว่าธีมของคุณเป็น “เครื่องมือที่เป็นมิตร”
  • การสร้างไฟล์ functions.php เพื่อลงทะเบียนแถบด้านข้าง
  • ใส่แถบด้านข้างแบบคงที่ของคุณในแท็กตามเงื่อนไขของแถบด้านข้างแบบไดนามิก
  • การทำให้หลายพื้นที่พร้อมวิดเจ็ต
  • วิธีสร้างสรรค์อื่น ๆ ในการใช้วิดเจ็ต

เริ่มวิดเจ็ตธีมของคุณและอ่านต่อ …

สิ่งแรกที่คุณต้องทำคือตรวจสอบให้แน่ใจว่าแถบด้านข้างของคุณ (หรืออะไรก็ตามที่คุณกำลังวิดเจ็ต) คือสิ่งที่ฉันชอบเรียกว่าเป็นมิตรกับวิดเจ็ต สิ่งนี้เกี่ยวข้องกับการจัดรูปแบบ HTML ในบางวิธี รายการแถบด้านข้างในธีม WordPress พร้อมวิดเจ็ตถูกเขียนโค้ดดังนี้:

หมวดหมู่

ขอให้สังเกตว่านี่เป็นโค้ดที่สะอาดมากแค่ไหน ไม่มี divs และไม่มีคลาสที่เพิ่มให้กับ

    และ
  • แท็ก.

    ตัวอย่างสี่ตัวอย่างต่อไปนี้ยังสามารถปรับแต่งได้.

    หมวดหมู่

  • หมวดหมู่

  • หมวดหมู่

    หมวดหมู่

    ใช่มีการเพิ่ม divs ในตัวอย่างเหล่านี้ แต่สามารถใช้งานได้กับระบบวิดเจ็ต WordPress ตราบเท่าที่ไม่มีอะไรระหว่างสอง

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

      หมวดหมู่

      นี่เป็นเพราะมีการเพิ่มสไตล์ให้กับ

        และ
      • แท็ก ตรวจสอบให้แน่ใจว่าธีมของคุณได้รับการเข้ารหัสในหนึ่งในวิธีที่เป็นมิตร“ อุดมคติ” ของวิดเจ็ตเพื่อหลีกเลี่ยงปัญหานี้.

        ลงทะเบียนแถบด้านข้าง

        ขั้นตอนต่อไปคือการประเมินโครงร่างของคุณ คุณต้องการพื้นที่ที่มีวิดเจ็ตกี่อัน? ไม่มีปัญหาเลย อย่างน้อยสองไม่มีปัญหาอย่างใดอย่างหนึ่ง คุณสามารถจัดรูปแบบให้พวกเขาด้วยวิธีที่แตกต่างกันตราบใดที่พวกเขาเป็นมิตรกับวิดเจ็ตตามที่อธิบายไว้ข้างต้น.

        สิ่งแรกที่คุณจะต้องทำคือสร้าง functions.php ไฟล์ภายในไดเร็กทอรีธีมของคุณ นี่เป็นไฟล์ที่คุณสามารถใช้เพื่อปรับเปลี่ยนการทำงานของ WordPress ด้วยรหัส PHP โดยไม่ต้องใช้ปลั๊กอิน – หรือแก้ไขรหัสหลัก ทั้งหมดนี้สร้างขึ้นในธีมที่เฉพาะเจาะจง.

        ลองย้อนกลับไปที่รูปแบบไอเท็มที่เป็นมิตรกับวิดเจ็ตที่เป็นมิตรตัวอย่างแรกในโพสต์นี้ หากต้องการลงทะเบียนแถบด้านข้างด้วยการจัดรูปแบบนั้นเราจะวางรหัสต่อไปนี้ในไฟล์ functions.php ของเรา.

        <?PHP
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘

        ‘,
        ‘after_title’ => ‘

        ‘,
        ));
        ?>

        ดูเหมือนจะอธิบายได้ด้วยตัวเองใช่ไหม ชื่อ “หมวดหมู่” ถูกล้อมรอบด้วย

        และ

        , ดังนั้นเราจึงใส่นั่นคือค่าสำหรับ before_title และ after_title ตามลำดับ นอกจากนี้คุณยังสามารถวางรหัสไว้ที่อื่นก่อน before_widget และ after_widget เพื่อใส่รายการวิดเจ็ตแต่ละรายการไว้ในรหัสอื่นที่คุณอาจต้องใช้ในการออกแบบ.

        แท็กเงื่อนไขแบบแถบข้าง

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

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ()): ?>

        สิ่งที่แถบด้านข้างอยู่ระหว่างแล้วจากนั้น …

        <?php endif; ?>

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

        หลายพื้นที่พร้อมวิดเจ็ต

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

        สมมติว่าคุณมีเลย์เอาต์สามคอลัมน์ที่มีแถบด้านข้าง 2 อันอันหนึ่งอยู่ทางซ้ายและอีกอันอยู่ทางขวา คุณต้องการวิดเจ็ตทั้งสองแยกต่างหาก เราจะทำงานกับโครงสร้างแถบด้านข้างตัวอย่างแรกสำหรับทั้งสอง ไฟล์ functions.php ของคุณจะมีลักษณะดังนี้:

        <?PHP
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘name’ => ‘แถบข้างด้านซ้าย’,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘

        ‘,
        ‘after_title’ => ‘

        ‘,
        ));
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘name’ => ‘แถบด้านข้างขวา’,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘

        ‘,
        ‘after_title’ => ‘

        ‘,
        ));
        ?>

        หมายเหตุส่วนชื่อใหม่ของอาร์เรย์ คุณสามารถตั้งชื่อสิ่งที่คุณต้องการ แต่พยายามอธิบาย ตอนนี้เมื่อคุณไปที่ไฟล์ sidebar.php หรือที่ใดก็ตามที่แถบด้านข้างของคุณอยู่ในชุดรูปแบบของคุณคุณจะใช้แท็กแบบมีเงื่อนไขดังต่อไปนี้ – ด้วยชื่อของแถบด้านข้างที่คุณเลือกใน functions.php นอกจากนี้โปรดตรวจสอบให้แน่ใจว่าไฟล์นี้ไม่มีช่องว่างที่ผิดพลาดหรือตัวแบ่งบรรทัดเนื่องจากอาจทำให้ข้อความเตือนปรากฏขึ้นขณะแก้ไขสิ่งต่างๆ.

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("แถบด้านข้างซ้าย")): ?>ค่าเริ่มต้นสิ่งที่แถบด้านข้างซ้ายที่นี่ …
        <?php endif; ?>

        และสำหรับแถบด้านข้างขวา …

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("แถบด้านข้างขวา")): ?>เริ่มต้นสิ่งที่แถบด้านข้างขวาที่นี่ …
        <?php endif; ?>

        ตรวจสอบให้แน่ใจว่าทุกอย่างสอดคล้องกันในแง่ของชื่อที่คุณเลือกทั้งสองไฟล์.

        สิ่งอื่น ๆ ที่คุณสามารถทำได้ด้วยวิดเจ็ต

        วิดเจ็ตไม่จำเป็นต้องใช้สำหรับแถบด้านข้าง สามารถใช้กับสิ่งอื่น ๆ เช่นท้ายกระดาษหรือแม้แต่ในส่วนหัว ในทางทฤษฎีคุณไม่จำเป็นต้องใส่รหัส “เริ่มต้น” ใด ๆ ลงในแท็กเงื่อนไข มีความคิดสร้างสรรค์กับมันและใช้จินตนาการของคุณ ใช้วิดเจ็ตในส่วนหัวของคุณ หมุนเวียนโฆษณา, หรือมี วิดเจ็ตกล่องล็อกอิน ในส่วนท้ายหรือทุกที่ที่คุณต้องการมันขึ้นอยู่กับคุณ.

        ข้อสรุป

        หวังว่าคุณจะได้เรียนรู้จากบทช่วยสอนนี้และตอนนี้รู้วิธีการวิดเจ็ตธีมของคุณ หากคุณได้รับข้อผิดพลาดบางอย่างเช่น “ส่วนหัวที่ส่งไปแล้ว … ” ในขณะที่แก้ไขสิ่งใดคุณอาจต้องตรวจสอบไฟล์ function.php ของคุณอีกครั้งเพื่อให้แน่ใจว่าไม่มีช่องว่างด้านล่างปิด ?> แท็ก.

        อ่านเพิ่มเติมได้ที่ Automattic และ WPDesigner. มีบางรุ่น “ชวเลข” อื่น ๆ ของรหัสที่ฉันทำในหน้าเหล่านั้น.

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

        Jeffrey Wilson Administrator
        Sorry! The Author has not filled his profile.
        follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map