Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

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

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

สำหรับการกวดวิชานี้ก็เป็นสิ่งสำคัญเพื่อให้แน่ใจว่าคุณมีทุกอย่างในสถานที่เพื่อให้คุณสามารถทำงานร่วมกับรหัสที่มาว่าเราจะนำเสนอ

สำหรับการกวดวิชานี้ผมคิดว่า:

  • คุณมีการกำหนดค่าสภาพแวดล้อมการพัฒนาภายในที่สัมพันธ์กับระบบปฏิบัติการของคุณ
  • คุณมีสำเนาของ WordPress ติดตั้งและพร้อมใช้งานสำหรับการติดตั้งปลั๊กอิน
  • คุณคุ้นเคยกับแนวทางการพัฒนาปลั๊กอิน WordPress
  • คุณสบายใจในการทำงานกับ PHP และ HTML

หากคุณไม่คุ้นเคยกับวิธีตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่นที่เข้าใจ WordPress ฉันขอเชิญคุณอ่านสิ่งนี้

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

วิธีการติดตั้ง WordPress ไว้บนเครื่อง PC / Windows ด้วย XAMPP

เมื่อทั้งหมดนี้อยู่ในสถานที่เราจะพร้อมที่จะเริ่มทำงานกับปลั๊กอินของเรา

การตั้งค่าที่กำหนดเองของหน้าผู้ดูแลระบบบน WordPress

ในตอนท้ายของชุดนี้เราจะมีปลั๊กอินที่ตรงตามข้อกำหนดต่อไปนี้:

  • เพิ่มเมนูย่อยใหม่ให้กับเมนูที่มีอยู่
  • เพิ่มหน้าการตั้งค่าใหม่ที่สอดคล้องกับรายการใหม่
  • ทำความสะอาดและ "ทำให้เป็นอนุกรม" ตัวเลือกบนหน้า
  • ตรวจสอบและส่งกลับค่าที่บันทึกไว้

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

1 - สร้าง Bootstrap ของปลั๊กอิน

โดย bootstrap เราหมายถึง: " การเตรียมองค์ประกอบปลั๊กอิน ซึ่งจะรวมถึงการสร้างไดเร็กทอรีเพื่อเก็บไฟล์ปลั๊กอินไฟล์ README พื้นฐานสำเนาของสิทธิ์การใช้งานไฟล์ bootstrap ที่จะใช้ในการเริ่มปลั๊กอินและไดเร็กทอรีที่จะใช้ในการ รักษาคลาสที่เกี่ยวข้องกับฟังก์ชันการดูแลระบบ

ชุดของไฟล์มีลักษณะดังนี้:

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

องค์กรของระเบียนที่ปลั๊กอิน

นอกจากนี้เนื้อหาของปลั๊กอินค่อนข้างง่าย ตรวจสอบรหัสต่อไปนี้สำหรับไฟล์ PHP " ที่กำหนดเองที่ผู้ดูแลระบบ settings.php ฉันจะอธิบายไฟล์นี้ในรายละเอียดเพิ่มเติมในภายหลัง

<?php
/**
 * Fichier de démarrage
 *
 * Ceci est le fichier principal qui sera lu par WordPress.
 *
 * @link https://blogpascher.com
 * @since 1.0.0
 * @package Custom_Admin_Settings
 *
 * @wordpress-plugin
 * Plugin Name: Administration Personnalisé
 * Plugin URI: https://blogpascher.com
 * Description: Apprendre à créer un plugin WordPress.
 * Version: 1.0.0
 * Author: Votre Nom
 * Author URI: https://exemple.com
 * License: GPL-2.0+
 * License URI: http://www.gnu.org/licenses/gpl-2.0.txt
 */
 
// If this file is called directly, abort.
if ( ! defined( 'WPINC' ) ) {
 die;
}
 
add_action( 'plugins_loaded', 'custom_admin_settings' );
/**
 * Démarrer le plugin.
 *
 * @since 1.0.0
 */
function custom_admin_settings() {
 
}

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

พื้นที่ด้านล่าง " @ Wordpress ปลั๊กอิน WordPress จะอ่านเพื่อดึงชื่อปลั๊กอินคำอธิบายและลิงก์ที่เกี่ยวข้องในแดชบอร์ดปลั๊กอินของ WordPress

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

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

ไม่มีอะไรจะเกิดขึ้นอีก แต่เราจะเริ่มเพิ่มคุณสมบัติที่เราจะใช้ตลอดการสอน

2 - วิธีสร้างเมนูย่อย

ในการเริ่มทำงานกับปลั๊กอินก่อนอื่นเราจะแนะนำรายการเมนูย่อย ในการดำเนินการนี้เราจะต้องใช้ประโยชน์จากฟังก์ชัน WordPress " add_options_page " ฟังก์ชั่นนี้ต้องการพารามิเตอร์ห้าตัว:

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

โปรดทราบว่าเราจะใช้คลาสเพื่อจัดระเบียบฟังก์ชันการทำงานของเราสิ่งที่เราจะทำมากมายใน " เชิงวัตถุ '

ขั้นแรกเราจะสร้างคลาสในไดเรกทอรีผู้ดูแลระบบชื่อ " ชั้น submenu.php ". เนื่องจากคลาสนี้มีหน้าที่ในการแนะนำเมนูย่อยใหม่ซึ่งเราได้ตั้งชื่อตามคำอธิบาย

เนื้อหาของคลาสควรมีลักษณะเช่นนี้:

submenu_page = $ submenu_page; } / ** * เพิ่มเมนูย่อยในเมนูเครื่องมือ * / ฟังก์ชันสาธารณะ init () {add_action ('admin_menu', อาร์เรย์ ($ this, 'add_options_page')); } / ** * สร้างรายการเมนูย่อยและเรียกใช้อ็อบเจ็กต์เมนูย่อยเพจเพื่อแสดง * เนื้อหาจริงของเพจ * / ฟังก์ชันสาธารณะ add_options_page () {add_options_page ('Administration page', 'Custom Administration Page', 'Manage_options', 'custom-admin-page', array ($ this-> submenu_page, 'render')); }}

ณ จุดนี้ปลั๊กอินจะยังคงทำอะไรไม่ได้มาก เรายังต้องสร้างชั้นเรียน " Submenu_Page จากนั้นเราจำเป็นต้องรวมคลาสในไฟล์เริ่มต้นปลั๊กอิน

3 - การสร้างเพจย่อย

เริ่มจากชั้นแรกกันเถอะ " Submenu_Page " สร้างไฟล์อื่นในไดเรกทอรี " ผู้ดูแลระบบ และเปลี่ยนชื่อเป็น " ชั้นเมนูย่อย-page.php " จากนั้นในไฟล์เพิ่มรหัสต่อไปนี้

<?php
/**
 * Creates the submenu page for the plugin.
 *
 * @package Custom_Admin_Settings
 */
 
/**
 * Créer une sous menu pour la page du plugin.
 *
 * Fourni les fonctionnalité nécessaire pour le rendu de la page.
 *
 * @package Custom_Admin_Settings
 */
class Submenu_Page {
 
 /**
 * Cette fonction renvoi un contenu associé à un menu qui assure le rendu.
 */
 public function render() {
 echo 'This is the basic submenu page.';
 }
}

เมื่อหน้านี้ปรากฏขึ้นข้อความง่าย ๆ จะปรากฏขึ้น: " นี้เป็นเมนูย่อยหน้าพื้นฐาน. ในที่สุดเราก็จะเพิ่มตัวเลือกใหม่ แต่ก่อนอื่นเราจะทำให้ปลั๊กอินมีชีวิตชีวาโดยการสร้างอินสแตนซ์ในไฟล์เริ่มต้นของเรา

4 - การแสดงเมนูและหน้า

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

จำไว้ว่าชั้นเรียน " เมนูย่อย "ต้องมีตัวอย่างของคลาส" Submenu_Page "ถูกส่งผ่านไปในตัวสร้างแล้วเราต้องเรียกเมธอด" init จากคลาสเมนูย่อยเพื่อตั้งค่าทุกสิ่งที่เคลื่อนไหว

ในรหัสดูเหมือนว่านี้:

 ในนั้น (); }

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

สร้าง-ทรายหน้า dadministration บน WordPress

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

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

8 หุ้น
หุ้น6
ทวีต
Enregistrer2