วิธีสร้างธีมลูก WordPress


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

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

<รูป class =" lazy aligncenter ">

A ธีมลูกช่วยให้คุณสามารถสร้างสไตล์ชีท CSS แยกต่างหาก และเพิ่มฟังก์ชันการทำงานเพิ่มเติมที่จะไม่สูญหายหรือ รับผลกระทบเมื่อมีการอัปเดตชุดรูปแบบหลัก

ซึ่งสามารถทำได้ด้วยตนเองหรือติดตั้งปลั๊กอินผู้สร้างชุดรูปแบบลูก มาเริ่มด้วยกระบวนการแบบแมนนวล

สร้างไดเรกทอรีใหม่

เริ่มต้นด้วยการสร้างไดเรกทอรีใหม่สำหรับธีมลูกของคุณ คุณสามารถใช้ ไคลเอนต์ FTP หรือเข้าถึงไดเรกทอรี wp-content / themesที่มีอยู่ผ่าน cPanel ของคุณ

หากต้องการใช้ cPanel ให้ไปที่แผงควบคุมการโฮสต์ของคุณ . เลือก ตัวจัดการไฟล์และไปที่ไดเรกทอรีที่ติดตั้ง WordPress

In_content_1 ทั้งหมด: [300x250] / dfp: [640x360]->

โดยปกติจะอยู่ในไดเรกทอรีชื่อ public_htmlค้นหาและเปิดโฟลเดอร์ wp-contentคลิกที่ สร้างโฟลเดอร์ใหม่และป้อนชื่อสำหรับธีมลูกของคุณ อย่าลืมตั้งชื่อที่คุณจะจำได้ในภายหลัง ตัวอย่างที่ดีคือ nameofparenttheme-child

อย่ารวมช่องว่างใด ๆ ในชื่อไฟล์ของคุณเพื่อหลีกเลี่ยงข้อผิดพลาด

เนื่องจากการจัดการภายใน ชื่อโฟลเดอร์จะต้องมีชื่อของชุดรูปแบบหลัก (ชุดรูปแบบ 'กระสุน') ดังแสดงในตัวอย่างด้านล่าง

<รูป class = "lazy aligncenter">

สร้างสไตล์ชีท CSS

สไตล์ชีทใช้ในธีม WordPress ด้วยเหตุผลสองประการ

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

    ดังนั้นคุณต้องสร้างสไตล์ชีทใหม่สำหรับธีมลูกของคุณ ดังนั้นขั้นตอนต่อไปของคุณคือการสร้างไฟล์ข้อความสำหรับสไตล์ชีท CSS ที่จะกำหนดกฎที่ควบคุมรูปลักษณ์ของธีมลูกของคุณ

    ไฟล์ CSS ของธีมลูกจะมีความสำคัญเหนือกว่าธีมหลัก

    คุณต้องรวม ข้อมูลต่อไปนี้ในไฟล์ข้อความของคุณ:

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

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

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

      สร้างไฟล์ function.phpในธีมลูก ( ในไดเรกทอรีเดียวกันกับไฟล์ style.cssที่คุณทำ) นี่คือสิ่งที่ควรเพิ่มรูปแบบการโพสต์เพิ่มเติม

      เช่นเดียวกับไฟล์ CSS ของคุณการเปลี่ยนแปลงหรือการเพิ่มไฟล์ PHP ของคุณจะถูกรวมเข้ากับหรือแทนที่ฟังก์ชั่นของผู้ปกครองโดยอัตโนมัติ

      สำหรับสิ่งต่าง ๆ เช่นรูปแบบโพสต์ที่เพิ่มด้วย add_theme_support ()มันทำหน้าที่แทนทับแทนที่จะรวม

      เมื่อใช้ add_theme_support ()คุณต้องทำตามขั้นตอนเพิ่มเติมเพื่อให้แน่ใจว่าชุดรูปแบบเด็ก ๆ จะแทนที่ผู้ปกครอง

      สิ่งนี้อาจซับซ้อนได้โปรดอ้างอิงทีมตรวจสอบ WordPress Theme ปัจจุบันทีมนำ  โพสต์ในการใช้รูปแบบโพสต์ WordPress ของ William Patton

      เพิ่มสไตล์และสคริปต์เพื่อแทนที่ฟังก์ชั่นชุดรูปแบบผู้ปกครอง

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

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

      ฟังก์ชั่นการเข้าคิวของ WordPress เป็นวิธีการทำให้สำเร็จนี้

      การเข้าคิวหมายถึงวิธีเพิ่มสไตล์และสคริปต์ในไซต์ WordPress เพื่อให้สามารถส่งผลต่อสิ่งที่ผู้ใช้เห็นเมื่อพวกเขาเยี่ยมชมเว็บไซต์ของคุณ

      การใช้ปลั๊กอินจำนวนมากเพื่อให้ได้ผลลัพธ์เดียวกันมักจะนำไปสู่ ปัญหาความเข้ากันได้และไซต์ที่ใช้งานไม่ได้

      Wp_enqueueไม่เพียง แต่ปรับปรุงประสิทธิภาพเว็บไซต์ของคุณโดยการลดค่าใช้จ่ายของปลั๊กอิน แต่ยังช่วยเพิ่มประสบการณ์ผู้ใช้ด้วย

      วิธีใช้ 'wp_enqueue'

      หากต้องการแสดงสไตล์ของธีมลูกคุณจะต้องใช้ฟังก์ชั่นที่ชื่อว่า wp_enqueue_style ()

      ฟังก์ชั่นนี้ใช้ข้อมูลไม่กี่บิต แต่ที่สำคัญที่สุดคือชื่อ (หรือ 'จับ') และตำแหน่งของไฟล์

      ภายในฟังก์ชั่น phpไฟล์เพิ่ม c ต่อไปนี้ ode.

      <รูป class = "lazy aligncenter">

      รหัสนี้เพิ่ม สไตล์ชีทจากไดเรกทอรีหลักแล้วเพิ่มสไตล์ชีทสำหรับเด็กที่เราสร้างไว้ก่อนหน้านี้ โปรดทราบว่าข้อความ สไตล์พ่อแม่ควรตรงกับชื่อของธีมหลักโดยเพิ่ม -styleไว้ที่ท้าย

      เปิดใช้งานลูกของคุณ ธีม

      หากคุณสร้างไฟล์สำหรับธีมลูกของคุณบนเซิร์ฟเวอร์ในโฟลเดอร์ wp-content / themes / yourthemenameโฟลเดอร์นั้นจะพร้อมใช้งานใน WordPress ของคุณ แดชบอร์ดเพื่อให้คุณเปิดใช้งาน

      • ลงชื่อเข้าใช้แผงควบคุมของคุณ
      • ไปที่ ลักษณะ>ธีม
      • ธีมลูกของคุณควรจะอยู่ในรายการ
      • li>เลือก ดูตัวอย่างเพื่อดูว่าไซต์มีลักษณะอย่างไรกับธีมลูกใหม่
      • เมื่อคุณพอใจกับรูปลักษณ์แล้วให้คลิก เปิดใช้งานมันจะเริ่มขึ้น
      • หากคุณสร้างธีมลูกของคุณที่อื่นที่ไม่ใช่บนเซิร์ฟเวอร์ในโฟลเดอร์ wp-content / themes / yourthemenameคุณควรทำการ zip โฟลเดอร์ธีมลูกใหม่

        • ลงชื่อเข้าใช้แดชบอร์ด WordPress ของคุณ
        • ไปที่ ลักษณะ>ธีม
        • คลิก
        • เข้ม>เพิ่มใหม่
        • เลือก อัปโหลดธีม
        • ลากไฟล์ซิปของคุณไปยังกล่องใหม่ที่ปรากฏขึ้นหรือคลิกตัวเลือกไฟล์และ เรียกดูบนคอมพิวเตอร์ของคุณ
        • เมื่ออัปโหลดแล้วคุณสามารถดูตัวอย่างได้แล้วเปิดใช้งาน
        • เพิ่มไฟล์เทมเพลต

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

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

          ตอนนี้เรามาดูวิธีสร้างธีมลูกด้วยปลั๊กอิน WordPress

          ใช้ปลั๊กอิน WordPress

          บันทึก ลงในแผงควบคุม WordPress ของคุณ คลิกที่ ปลั๊กอิน>เพิ่มใหม่ค้นหา ชุดรูปแบบเด็ก

          <รูป class = "lazy aligncenter">

          ปลั๊กอินแรกที่คุณจะเห็นคือ  Child Theme Configurator นี่เป็นตัวเลือกที่ดีอย่างที่เห็นในภาพหน้าจอด้านบนเนื่องจาก:

          • เข้ากันได้กับ WP เวอร์ชันปัจจุบัน
          • มีการติดตั้งจำนวนมาก
          • เพิ่งได้รับการปรับปรุง
          • คลิกที่ ติดตั้งตอนนี้>เปิดใช้งานขั้นตอนต่อไปคือไปที่ เครื่องมือจากนั้นเลือก ธีมลูก

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

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

            <รูป class = "ขี้เกียจ wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-width-16-9 WP- มีอัตราส่วนภาพ ">

            ตามที่คุณทราบแล้วชุดรูปแบบลูกเป็นชุดรูปแบบที่แตกต่างกันซึ่งขึ้นอยู่กับชุดรูปแบบหลักสำหรับฟังก์ชันการทำงานบางอย่างของพวกเขา

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

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

            วิธีการสร้าง Theme WordPress Step By Step ขั้นเริ่มต้น

            กระทู้ที่เกี่ยวข้อง:


            18.07.2019