مخصص ووردبريس WordPress Customizer

في السابق كانت إدارة خصائص وإعدادت مظهر (Theme) ووردبريس من الأمور الصعبة والمملة التي يمكن أن تواجه أي مطور ووردبريس، ولكن ليس بعد الآن.

تعرف على أمتع الطرق في برمجة إعدادات مظهر ووردبريس .

ما هو مخصص ووردبريس؟

هو أداة تسمح للمستخدم بضبط إعدادات مظهر موقعه بطريق سهلة وممتعة مع إمكانية مشاهدة التغييرات والتعديلات قبل نشرها.

ماذا يقدم مخصص ووردبريس للمطور؟

يقدم بيئة عمل سهلة تسمح بإضافة ميزات جديدة مرتبطة بمظهر موقعه، لتبدو على أنها جزء من نظام ووردبريس.

مثال عملي

سوف نقوم من خلال هذا المثال ببرمجة إضافة ووردبريس  بسيطة تسمح للمستخدم بإضافة حقوق النشر (Copyright) لموقعه من خلال مخصص ووردبريس.

لنبدأ مع الإضافة:

<?php
/*
 * Plugin Name: Guestra Copyright
 * Author: Hyyan Abo Fakher
 */

 // لتسجيل القسم الخاص بهذه الإضافة
add_action( 'customize_register', 'guestra_customizer_example' );
 
function guestra_customizer_example( $wp_customize ) {

    // 1 -) إضافة قسم جديد للإعدادت الإضافة الخاصة بنا
    // هذا القسم يحتوي جميع الإعدادت
    $wp_customize->add_section(
        'guestra_customizer_example', // معرف مميز للقسم (أي اسم تقوم باختياره)
        array(
        
            // عنوان القسم
            'title' => 'لوحة  تحكم جيسترا', 
            
            //  شرح بسيط عن هذا القسم
            'description' => 'لتحكم بإعدادت إضافة جيسترا', 
            
            // لتحكم بموقع ظهور القسم في المخصص
            'priority' => 0, 
        )
    );
    
    // 2 -)  إنشاء إعداد جديد
    $wp_customize->add_setting(
        // الاسم المميز للإعداد
        'copyright_text'
    );
    
    // 3 -) إنشاء متحكم جديد يتحكم بقيمة الإعداد المنشئ
    $wp_customize->add_control(
        // لاحظ أن هذا هو الاسم المميز للإعداد
        'copyright_text', 
        array(
            // عنوان الحقل
            'label' => 'حقوق النشر', 
            
            // لاحظ أن هذا هو الاسم المميز للقسم
            'section' => 'guestra_customizer_example', 
            
            // text , radio ,checkbox , ...
            'type' => 'textarea', 
        )
    );
}

تقوم الإضافة بإدراج قسم (Section)  خاص بها ضمن مخصص ووردبريس، تم تضيف متحكماً (Controller) بقوم بربط الإعداد (Setting) مع القسم، حيث أن الجزء (2 و3) من الكود السابق يتكرر بنفس الطريقة لإنشاء إعداد آخر وهكذا…

عند تفعيل الإضافة ومن ثم دخولك إلى مخصص ووردبريس (المظهر← تخصيص ) سوق ترى القسم الخاص بهذه الإضافة كما في الصورة التالية:

مقدمة في مخصص ووردبريس - Customizer

كيف نستخدم الإعدادت السابقة؟

هذا رائع! قمنا بإضافة القسم الخاص بنا لمخصص ووردبريس والأن سوف نقوم باستخدام حقوق النشر المحفوظة في المثال السابق لعرضها في مظهر (Theme) ووردبريس.

إن ووردبريس توفر تابعاً يسمح بالحصول على أي من الإعدادت المحفوظة في مخصص ووردبريس بسهولة، هذا التابع يدعى get_theme_mod.

قم بإضافة ما يلي ضمن قالبك لتظهر حقوق النشر حيث تريد:

<?php 
    echo get_theme_mod(
        // لاحظ أن هذا هو الاسم المميز للإعداد
        'copyright_text'
    );
?>

الملخص:

إن استخدام مخصص ووردبريس أمر ليس بالغ الصعوبة ويمكن احترافه بسهولة، وهو يستحق كل ثانية يمكن أن تمضيها بتعلمه لأنه سوف يجعل حياتك أسهل كمطور.

حيان أبو فخر

مطور ويب سوري. عاشق للموسيقى والبرمجة والكوميديا الارتجالية.

مواضيع الكاتبموقع الكاتب

لمتابعة الكاتب:
TwitterFacebook

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *