วิธีสร้างปลั๊กอิน WordPress แบบกำหนดเอง

เผยแพร่แล้ว: 2022-02-24

กำลังมองหาวิธีสร้างปลั๊กอิน WordPress แบบกำหนดเองอยู่ใช่ไหม ในบทช่วยสอนนี้ เราจะแสดงวิธีสร้างปลั๊กอิน WP ตั้งแต่เริ่มต้น ซึ่งจะช่วยให้คุณสามารถลบองค์ประกอบบางอย่างออกจากหน้าผลิตภัณฑ์ WooCommerce

ก่อนที่เราจะผ่านกระบวนการนี้ มาดูสาเหตุที่คุณอาจต้องสร้างปลั๊กอิน WordPress แบบกำหนดเองก่อน

ทำไมต้องสร้างปลั๊กอินที่กำหนดเองใน WordPress?

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

บางครั้ง สิ่งที่คุณต้องมีก็คือเครื่องมือที่มีคุณสมบัติเฉพาะเจาะจงมาก แต่ปลั๊กอินบางตัวมีคุณลักษณะเพิ่มเติมมากเกินไปจนคุณไม่สามารถใช้งานได้เต็มประสิทธิภาพ ในกรณีเหล่านี้ คุณสามารถสร้างปลั๊กอิน WordPress แบบกำหนดเองได้

ตัวอย่างเช่น สมมติว่าคุณต้องการลบองค์ประกอบในหน้าผลิตภัณฑ์ของคุณหรือหน้า WooCommerce อื่นๆ โดยใช้ปลั๊กอินเฉพาะ ปลั๊กอินส่วนใหญ่จะให้คุณสมบัติเพิ่มเติมบางอย่างแก่คุณนอกเหนือจากการลบองค์ประกอบ สิ่งนี้จะเพิ่มขนาดปลั๊กอินรวมถึงพื้นที่จัดเก็บเว็บไซต์ซึ่งอาจขัดขวางประสิทธิภาพเว็บไซต์ของคุณเช่นกัน

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

วิธีสร้างปลั๊กอิน WordPress แบบกำหนดเอง

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

1. เตรียมตัวให้พร้อม

มีข้อกำหนดหลายประการที่คุณควรปฏิบัติตามเพื่อสร้างปลั๊กอิน WordPress แบบกำหนดเอง พวกเขาคือ:

  • การติดตั้ง WordPress บนเซิร์ฟเวอร์ localhost

แม้ว่าคุณจะสามารถพัฒนาปลั๊กอินบนเซิร์ฟเวอร์ที่ใช้งานจริงได้ แต่ก็เป็นแนวทางปฏิบัติที่แย่มากในขณะที่เว็บไซต์ออนไลน์อยู่ หากคุณทำการเปลี่ยนแปลงโดยไม่จำเป็นในเว็บไซต์ อาจเกิดปัญหาร้ายแรงบางอย่าง ดังนั้นเพื่อป้องกัน คุณจะต้องตั้งค่าสภาพแวดล้อมการทดสอบโฮสต์ในพื้นที่เพื่อสร้างปลั๊กอิน WordPress แบบกำหนดเอง หากคุณยังไม่มี

  • ใช้โปรแกรมแก้ไขโค้ด

WordPress มาพร้อมกับตัวแก้ไขปลั๊กอินในตัวเพื่อเพิ่มและแก้ไขโค้ดสำหรับปลั๊กอินของคุณ คุณสามารถทำงานกับมันเพื่อสร้าง WordPress แบบกำหนดเองได้เช่นกัน แต่เราขอแนะนำให้ใช้โปรแกรมแก้ไขโค้ด (IDE) เช่น Sublime Text, Visual Studio Code หรือโปรแกรมแก้ไขที่คล้ายกัน

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

  • ความรู้พื้นฐานเกี่ยวกับการพัฒนา WP

ในการสร้างปลั๊กอิน WordPress แบบกำหนดเอง เราจะใช้ WP hooks, ฟังก์ชัน PHP และเราจะกำหนดฟังก์ชันของเราเอง ดังนั้น เราขอแนะนำให้คุณใช้บทช่วยสอนนี้ต่อเมื่อคุณมีความรู้พื้นฐานเกี่ยวกับการพัฒนา WordPress เท่านั้น มิฉะนั้น การพัฒนาปลั๊กอินแบบกำหนดเองอาจเป็นเรื่องยากสำหรับคุณ

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

2. สร้างไฟล์หลักสำหรับปลั๊กอิน WordPress แบบกำหนดเอง

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

นี่เป็นค่าเดียวที่ WP ต้องการเพื่อให้สามารถรับรู้ได้ว่านี่คือปลั๊กอิน อย่างไรก็ตาม เพื่อปฏิบัติตามแนวทางปฏิบัติที่ดีและหลีกเลี่ยงปัญหา เราจำเป็นต้องป้อนข้อมูลอื่นๆ ที่นี่

ไฟล์หลักสร้างปลั๊กอิน WordPress ที่กำหนดเอง

มาเริ่มสร้างไฟล์กันเลย

เปิดโฟลเดอร์สาธารณะ localhost ของคุณและไปที่การติดตั้ง WP ที่คุณกำลังจะใช้งาน จากนั้นไปที่โฟลเดอร์ “ wp-content/plugins ” และคุณจะเห็นปลั๊กอินที่ติดตั้งทั้งหมดที่นั่น

เราจะเพิ่มไฟล์ปลั๊กอินแบบกำหนดเองใหม่ของเราที่นี่

สร้างโฟลเดอร์ใหม่ภายใต้โฟลเดอร์ wp-content/plugins ของการติดตั้ง WP ของคุณ เพื่อให้เข้าใจง่าย เราได้ตั้งชื่อปลั๊กอิน QuadLayers_custom_products ในบทช่วยสอนนี้

ชื่อปลั๊กอิน

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

ไฟล์หลัก

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

คัดลอกและวางรหัสนี้ในไฟล์:

 <?php

/**
 * @ลิงค์ https://quadlayers.com/
 * @ตั้งแต่ 0.0.1
 * @package QuadLayers ผลิตภัณฑ์ที่กำหนดเอง
 * ชื่อปลั๊กอิน: QuadLayers Custom Products  
 * URI ของปลั๊กอิน: https://quadlayers.com/
 * คำอธิบาย: ปรับแต่งหน้าเดียวของผลิตภัณฑ์โดยลบองค์ประกอบ
 * เวอร์ชัน: 0.0.1
 * ผู้แต่ง: QuadLayers
 * โดเมนข้อความ: qlcp
 */
 
if(!defined('ABSPATH')){die('-1');}

ฟังก์ชั่นเริ่มต้น (){ 		
        ถ้า(is_admin()==จริง){
        ต้องการ plugin_dir_path( __FILE__ ).'includes/Backend/QuadLayers-backend-init.php';
        }
        ต้องการ plugin_dir_path( __FILE__ ).'includes/Frontend/QuadLayers-frontend-init.php';
 }  
ฟังก์ชัน runit(){
    add_action('init','start');
}
รูน ();

อย่างที่คุณเห็น เรากำลังเรียกไฟล์เพิ่มอีกสองไฟล์จากที่นี่: QuadLayers-frontend-init.php และ QuadLayers-backend-init.php แน่นอน อันหนึ่งจะทำงานที่ฟรอนท์เอนด์ และอีกอันหนึ่งที่แบ็กเอนด์ตามลำดับ คุณสามารถอนุมานได้อย่างชัดเจนด้วยชื่อไฟล์

จากสิ่งเหล่านี้ เราสามารถมั่นใจได้ว่าไฟล์แบ็กเอนด์จะทำงานบนแบ็กเอนด์เท่านั้น เนื่องจากเราใช้เงื่อนไขกับ is_admin() ซึ่งหมายความว่าระบบจะทริกเกอร์เมื่อผู้ดูแลระบบอยู่ในแดชบอร์ดผู้ดูแลระบบ WP เท่านั้น

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

สร้างโฟลเดอร์ใหม่ภายในไดเร็กทอรีปลั๊กอินชื่อ includes . จากนั้น เพิ่มอีกสองโฟลเดอร์ข้างใน: backend และ frontend

สำหรับการกำจัดข้อผิดพลาดของเส้นทางที่ไม่ถูกต้อง ให้สร้างไฟล์เปล่าสองไฟล์ โดยแต่ละไฟล์อยู่ภายในแต่ละโฟลเดอร์เหล่านี้: QuadLayers-backend-init.php ภายในโฟลเดอร์แบ็กเอนด์ และ QuadLayers-frontend-init.php ในโฟลเดอร์ส่วนหน้า

ดังนั้น นี่จะเป็นโครงสร้างไฟล์ปลั๊กอินสุดท้ายของเรา:

 QuadLayers_custom_products
    __QuadLayers_cp.php
    __รวมถึง
       __แบ็กเอนด์
          __QuadLayers-backend-init.php
       __ส่วนหน้า
          __QuadLayers-frontend-init.php

3. ตัวเลือกแบ็กเอนด์

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

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

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับเรื่องนี้ นี่คือคำแนะนำฉบับสมบูรณ์สำหรับ WP Settings API

สำหรับตอนนี้ เพียงคัดลอกและวางโค้ดต่อไปนี้ในไฟล์ QuadLayers-backend-init.php

 <?php 
add_action('admin_init', 'QuadLayers_display_options'); 
add_action('admin_menu', 'QuadLAyers_cp_AdminMenu'); 
ฟังก์ชัน QuadLAyers_cp_AdminMenu(){ 
    add_menu_page( __('QuadLayers Custom Products', 'qlcp'), __('QuadLayers Custom Products', 'qlcp'), 'manage_options', 'qlcp', 'QuadLayersOptionsPage' ); 
} 
ฟังก์ชัน QuadLayersOptionsPage () { 
    ?> <form action="options.php" method="post"> <?php 
    settings_fields('plugin_QL_Page'); 
    do_settings_sections('plugin_QL_Page'); 
    send_button(); 
    </form><?php
}

ฟังก์ชัน QuadLayers_display_options(){
        
    register_setting('plugin_QL_Page', 'qlcp_options', 'callbackValidation');

    add_settings_section(
        'QuadLayers_pluginPage_section',
        __('ตัวเลือกแบ็กเอนด์ QuadLayers', 'qlcp'),
        'QuadLayersSettingsSectionCallback',
        'plugin_QL_Page'
    );
    add_settings_field(
        'QuadLayers_checkbox_field_1',
        esc_attr__('ชื่อ', 'qlcp'),
       'QuadLayersCheckboxRender_1',
        'plugin_QL_Page',
        'QuadLayers_pluginPage_section'
    );
    add_settings_field(
        'QuadLayers_checkbox_field_2',
        esc_attr__('จำนวน', 'qlcp'),
       'QuadLayersCheckboxRender_2',
        'plugin_QL_Page',
        'QuadLayers_pluginPage_section'
    );
    add_settings_field(
        'QuadLayers_checkbox_field_3',
        esc_attr__('SKU', 'qlcp'),
       'QuadLayersCheckboxRender_3',
        'plugin_QL_Page',
        'QuadLayers_pluginPage_section'
    );
    add_settings_field(
        'QuadLayers_checkbox_field_4',
        esc_attr__('Meta', 'qlcp'),
       'QuadLayersCheckboxRender_4',
        'plugin_QL_Page',
        'QuadLayers_pluginPage_section'
    );
    add_settings_field(
        'QuadLayers_checkbox_field_5',
        esc_attr__('แท็บคำอธิบาย', 'qlcp'),
       'QuadLayersCheckboxRender_5',
        'plugin_QL_Page',
        'QuadLayers_pluginPage_section'
    );
    add_settings_field(
        'QuadLayers_checkbox_field_6',
        esc_attr__('ราคา', 'qlcp'),
       'QuadLayersCheckboxRender_6',
        'plugin_QL_Page',
        'QuadLayers_pluginPage_section'
    );
}

ฟังก์ชัน QuadLayersSettingsSectionCallback(){
    echo wp_kses_post('หน้าการตั้งค่าสำหรับปลั๊กอินแบบกำหนดเองของ QuadLAyers');
}

ฟังก์ชัน QuadLayersCheckboxRender_1(){
    $options = get_option('qlcp_options'); 
    ?>
    <input name="qlcp_options[QuadLayers_checkbox_field_1]" type="checkbox" /> 
    ตรวจสอบแล้ว <?php } ?>value = "1">    
}

ฟังก์ชัน QuadLayersCheckboxRender_2(){
    $options = get_option('qlcp_options'); 
    ?>
    <input name="qlcp_options[QuadLayers_checkbox_field_2]" type="checkbox" /> 
    ตรวจสอบแล้ว <?php } ?>value = "1">    
}

ฟังก์ชัน QuadLayersCheckboxRender_3(){
    $options = get_option('qlcp_options'); 
    ?>
    <input name="qlcp_options[QuadLayers_checkbox_field_3]" type="checkbox" /> 
    ตรวจสอบแล้ว <?php } ?>value = "1">    
}

ฟังก์ชัน QuadLayersCheckboxRender_4(){
    $options = get_option('qlcp_options'); 
    ?>
    <ชื่ออินพุต="qlcp_options[QuadLayers_checkbox_field_4]" type="checkbox" /> 
    ตรวจสอบแล้ว <?php } ?>value = "1">    
}

ฟังก์ชัน QuadLayersCheckboxRender_5(){
    $options = get_option('qlcp_options'); 
    ?>
    <ชื่ออินพุต="qlcp_options[QuadLayers_checkbox_field_5]" type="checkbox" /> 
    ตรวจสอบแล้ว <?php } ?>value = "1">    
}

ฟังก์ชัน QuadLayersCheckboxRender_6(){
    $options = get_option('qlcp_options'); 
    ?>
    <ชื่ออินพุต="qlcp_options[QuadLayers_checkbox_field_6]" type="checkbox" /> 
    ตรวจสอบแล้ว <?php } ?>value = "1">    
}

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

สร้างแบ็กเอนด์ผู้ดูแลระบบปลั๊กอิน WordPress ที่กำหนดเอง

API การตั้งค่า WP จะจัดเก็บอาร์เรย์ที่มีตัวเลือกทั้งหมดเหล่านี้ในตารางฐานข้อมูล wp_options คุณสามารถตรวจสอบได้โดยเปิด PHPMyAdmin บน localhost ของคุณและค้นหาในตาราง

เนื่องจากเป็นข้อมูลที่สร้างขึ้นใหม่ จึงควรอยู่ท้ายตาราง

ฐานข้อมูลตัวเลือก qlcp

แน่นอน อาร์เรย์ qlcp_options ว่างเปล่าบนฐานข้อมูลในภาพหน้าจอด้านบน เนื่องจากช่องทำเครื่องหมายทั้งหมดไม่ได้ถูกเลือกในขณะนี้ คุณสามารถลองตรวจสอบบางส่วนและกลับมาที่ PHPMyAdmin เพื่อดูว่า WP settings API เก็บข้อมูลอย่างไร

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

4. ตัวเลือกส่วนหน้า

หากต้องการเพิ่มตัวเลือกฟรอนท์เอนด์ เพียงคัดลอกและวางโค้ดต่อไปนี้ในไฟล์ QuadLayers-frontend-init.php

สิ่งนี้จะดึงข้อมูลจากฐานข้อมูลซึ่งจัดเก็บโดยไฟล์แบ็กเอนด์ในอาร์เรย์

หลังจากนี้ มันจะซ่อนองค์ประกอบเฉพาะของหน้าผลิตภัณฑ์ ตามตัวเลือกที่เป็นจริงในอาร์เรย์ตัวเลือก

 <?php

$options = get_option('qlcp_options');

ถ้า(!is_string($ตัวเลือก)):
    // ชื่อ
    if(isset($options['QuadLayers_checkbox_field_1'])){       
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
    }

    // ปริมาณ
    if(isset($options['QuadLayers_checkbox_field_2'])){        
        add_filter( 'woocommerce_is_sold_individually',
            ฟังก์ชัน ( $return, $product ) {
                คืนค่าจริง;
            }, 10, 2 
        );
    }

    // SKU
    if(isset($options['QuadLayers_checkbox_field_3'])){        
        add_filter( 'wc_product_sku_enabled', 
            ฟังก์ชั่น (เปิดใช้งาน $) {          
                ส่งคืน $ เปิดใช้งาน;
            } 
    );
    }
    
    // เมต้า
    if(isset($options['QuadLayers_checkbox_field_4'])){
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
    }
    
    // คำอธิบาย Tab
    if(isset($options['QuadLayers_checkbox_field_5'])){
        add_filter( 'woocommerce_product_tabs', 
        ฟังก์ชัน ( แท็บ $ ) {
            unset( $แท็บ['คำอธิบาย'] );
            ส่งคืนแท็บ $;
            }, 11 
        );         
    }

    // ราคา
    if(isset($options['QuadLayers_checkbox_field_6'])){
        add_filter( 'woocommerce_get_price_html', 
        ฟังก์ชั่น ($ราคา){         
            กลับ ;
            }
        );        
    }
เอนดิฟ;

เรากำลังแนบโค้ดทั้งหมดไว้ใน if(is_string($options)) ดังนั้นเราจึงสามารถตรวจสอบว่าไม่มีช่องทำเครื่องหมายหรือไม่ ซึ่งในกรณีนี้ ค่าฐานข้อมูลจะเป็นสตริง จากนั้น เราก็ไม่ต้องรันโค้ดนี้เลย

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

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

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

และนั่นคือทั้งหมด ณ จุดนี้ คุณควรจะสามารถสร้างปลั๊กอิน WordPress แบบกำหนดเองเพื่อเลือกองค์ประกอบที่จะซ่อนหรือแสดงบนหน้าผลิตภัณฑ์

แบ็กเอนด์

แบ็กเอนด์ปลั๊กอิน wordpress ที่กำหนดเอง

ส่วนหน้า

ปลั๊กอิน wordpress ที่กำหนดเองส่วนหน้า

บทสรุป

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

โดยสรุป เหล่านี้เป็นขั้นตอนสำคัญในการสร้างปลั๊กอินที่กำหนดเอง:

  1. สร้างไฟล์ปลั๊กอินหลัก
  2. เพิ่มตัวเลือกแบ็กเอนด์
  3. เพิ่มตัวเลือกส่วนหน้า

ไฟล์ปลั๊กอินหลักควรมีไฟล์แบ็กเอนด์และฟรอนต์เอนด์สำหรับปลั๊กอินที่กำหนดเอง จากนั้นคุณสามารถเพิ่มตัวเลือกแบ็กเอนด์ของปลั๊กอินเพิ่มเติมตามด้วยตัวเลือกส่วนหน้า เราได้สร้างปลั๊กอินแบบกำหนดเองเพื่อซ่อนองค์ประกอบของหน้าผลิตภัณฑ์ แต่คุณสามารถแก้ไขไฟล์เหล่านี้เพิ่มเติมเพื่อสร้างปลั๊กอินที่มีคุณลักษณะเฉพาะที่คุณต้องการได้

อย่างไรก็ตาม หากคุณยังคงต้องการใช้ปลั๊กอินเฉพาะ คุณก็สามารถทำได้เช่นกัน แต่ในกรณีของปลั๊กอินที่ต้องชำระเงิน คุณจะต้องติดตั้งปลั๊กอินด้วยตนเอง คุณยังสามารถใช้ปลั๊กอิน เช่น WooCommerce Direct Checkout และ WooCommerce Checkout Manager เพื่อซ่อนองค์ประกอบในหน้าอื่นๆ เช่น หน้าชำระเงิน

ในระหว่างนี้ ต่อไปนี้คือโพสต์บางส่วนของเราที่คุณอาจสนใจ:

  • สุดยอดปลั๊กอินการชำระเงิน WooCommerce
  • วิธีสร้างลิงค์ชำระเงินโดยตรงของ WooCommerce
  • ปลั๊กอินที่ดีที่สุดสำหรับการเติมข้อความอัตโนมัติของคำสั่ง WooCommerce

เราหวังว่าคุณจะสามารถพัฒนาปลั๊กอินแบบกำหนดเองใน WooCommerce ได้โดยไม่มีปัญหาใดๆ ในตอนนี้ กรุณาแบ่งปันประสบการณ์ของคุณในความคิดเห็น