كيف تضيف أدوات ووردبريس؟موضوع التكامل الحاجيات المنطقة

ميزات القائمة المخصصة وأدوات الشريط الجانبي ، نعمWordPressالميزات المميزة في الموضوع.

• صنع قالب ، إذا لم يتضمن هاتين الوظيفتين ، يشبه ضلع الدجاج ...

تشن ويليانجقبلبناء محطةفي هذا البرنامج التعليمي ، أشارك كيفية إعطاء سمة WordPressإضافة قائمة مخصصة.

توضح هذه المقالة كيفية إضافة وظائف عنصر واجهة المستخدم المخصصة عند إنشاء سمة.

تمامًا مثل إضافة القوائم المخصصة إلى السمات ، فإن إضافة عناصر واجهة المستخدم المخصصة لا تستغرق سوى 3 خطوات.

الخطوة الأولى ، تسجيل الأداة

لاستخدام الأداة ، يجب عليك أولاً التسجيل ، وفتح ملف function.php ضمن موضوع WordPress ،

في ملف jobs.php ، أضف الكود التالي:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

قم بتعديل علامتي li و h2 في function.php لتتوافق مع العلامات الموجودة في sidebar.php:

عناوين li ​​والوحدة h2 لـ "before_widget" و "after_widget" ، تعدل الكود وفقًا للوضع الفعلي.

(ربما بدون تعديل)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

يسجل الكود أعلاه منطقة عنصر واجهة مستخدم تسمى "الشريط الجانبي العلوي":

• الاسم المعروض هو "الشريط الجانبي العلوي".
• أضف علامة h2 إلى العنوان.
• يتم تمييز عناصر المحتوى بـ li.

登录ووردبريس الخلفيةلوحة القيادة ، انتقل إلى المظهر ← الحاجيات.

إذا كان بإمكانك رؤية منطقة عنصر واجهة مستخدم الشريط الجانبي العلوي على الجانب الأيمن من الصورة أدناه ، فهذا يعني أن التسجيل ناجح ▼

الخطوة الثانية ، استدعاء الأداة

بعد تسجيل الأداة ، يمكن استدعاؤها في ملف قالب القالب ، ويمكن استدعاء الكود التالي في ملف sidebar.php.

1) في ملف sidebar.php ، أسفل أكبر علامة li أو div ، أدخل ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) في ملف sidebar.php الأكبرأوأعلاه ، أضف ▼

<?php endif; ?>

الخطوة XNUMX: إعداد الحاجيات

1) تم تسجيل الأداة الذكية ، كما يتم تحديد موضع العرض في ملف السمة.

• يمكنك ضبط منطقة مجموعة الأدوات في خلفية WordPress ▼

2) بعد الحفظ ، قم بتحديث الصفحة الأولى.

• سيبدو الشريط الجانبي لموقعنا بالصورة أدناه

يمكنك رؤية الصورة أعلاه ، مشيرة إلى أن أداتنا قد تم تصنيعها وتعمل كالمعتاد.

كيف تضيف أدوات WordPress متعددة في مناطق مختلفة؟

كرر الخطوتين XNUMX و XNUMX لجعل موضوع WordPress الخاص بك يدعم عناصر واجهة المستخدم في مواقع مختلفة.

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

1) أولاً ، تحتاج إلى نسخ الكود التالي إلى ملف function.php ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) بعد ذلك ، أضف الكود التالي إلى ملفات header.php و sidebar.php و footer.php على التوالي.

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

الشريط الجانبي. php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

تذييل. php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

ناجح كثيرا!

• بالطبع ، يمكنك أيضًا تعديل التفاصيل المختلفة في الكود وفقًا لاحتياجاتك ^ _ ^
• الخطوتان أعلاه ، تسمح لبقية المظهر بدمج وظائف الأداة.

بعد ذلك ، استمر في مشاركة نصائح WordPress لاستخدام الأدوات.

WordPress موضوع تكامل القطعة نصائح القطعة

إدارة الحاجيات المخصصة بكفاءة:

1) بعد إضافة عناصر واجهة المستخدم إلى السمة ، يمكنك إنشاء ملف منفصل وتسميتهwidgets.php.

• من أجل حفظ كل رمز عنصر واجهة المستخدم المخصص الذي تمت إضافته في الخطوة 1 إلى هذا المجلد.

2) أضف الكود إلى ملف function.php:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) احفظ كل كود عنصر واجهة المستخدم المخصص الذي تمت إضافته في الخطوة 1 إلى ملف widgets.php.

تضمن هذه الطريقة تحميل جميع الأدوات بسلاسة والعمل على جميع إصدارات WordPress التي تدعم الأدوات.

بهذه الطريقة ، يمكنك إدارة ملفات سمة WordPress الخاصة بك بشكل أكثر كفاءة.