چگونه ویجت های وردپرس را اضافه کنیم؟ادغام تم منطقه ابزارک

ویژگی های منوی سفارشی و ویجت های نوار کناری، بلهوردپرسویژگی های برجسته در موضوع.

• تم ساختن اگه شامل این دوتا کارکرد نباشه مثل دنده مرغه...

چن ویلیانگدر قبلییک وب سایت بسازیددر این آموزش نحوه دادن قالب وردپرس را به اشتراک می گذارماضافه کردن منوی سفارشی

این مقاله نحوه افزودن توابع ویجت سفارشی هنگام ایجاد یک تم را شرح می دهد.

درست مانند افزودن منوهای سفارشی به تم ها، افزودن ویجت های سفارشی فقط 3 مرحله طول می کشد.

مرحله اول، ثبت ابزار

برای استفاده از ویجت، ابتدا باید ثبت نام کنید، فایل functions.php را در قالب وردپرس باز کنید.

در فایل functions.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 را در functions.php تغییر دهید تا مطابق با برچسب های sidebar.php باشد:

عناوین li و ماژول h2 'before_widget' و 'after_widget'، کد را مطابق با وضعیت واقعی تغییر می دهند.

(شاید بدون تغییر)

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

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

کد بالا یک ناحیه ویجت به نام "top-sidebar" را ثبت می کند:

• نام نمایش داده شده "نوار کناری بالا" است.
• یک تگ h2 به عنوان اضافه کنید.
• آیتم های محتوا با li برچسب گذاری شده اند.

ورود به سیستمباطن وردپرسداشبورد، به Appearance → Widgets بروید.

اگر می توانید ناحیه ابزارک نوار کناری بالا را در سمت راست تصویر زیر ببینید، به این معنی است که ثبت نام موفق شده است ▼

مرحله دوم، تماس با ابزار

پس از ثبت گجت می توان آن را در فایل قالب تم و کد زیر را در فایل sidebar.php فراخوانی کرد.

1) در فایل sidebar.php، زیر بزرگترین تگ li یا div، ▼ را وارد کنید

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

2) در فایل sidebar.php بزرگترینیادر بالا، ▼ را اضافه کنید

<?php endif; ?>

مرحله XNUMX: ویجت ها را تنظیم کنید

1) ابزار ثبت شده است و موقعیت نمایش نیز در فایل تم تعریف شده است.

• می توانید ناحیه گروه ویجت را در پس زمینه وردپرس ▼ تنظیم کنید

2) پس از ذخیره، صفحه اول را رفرش کنید.

• نوار کناری وب سایت ما مانند تصویر زیر ▼ خواهد بود

شما می توانید تصویر بالا را مشاهده کنید که نشان می دهد ابزار ما ساخته شده است و طبق معمول کار می کند.

چگونه چندین ویجت وردپرس را در مناطق مختلف اضافه کنیم؟

مراحل XNUMX و XNUMX را تکرار کنید تا تم وردپرس شما از ویجت ها در مکان های مختلف پشتیبانی کند.

فرض کنید باید یک ویجت به هدر، نوار کناری و پایین تم اضافه کنید.

1) ابتدا باید کد زیر را در فایل functions.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>

footer.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>

این یک موفقیت است!

• البته، شما همچنین می توانید جزئیات مختلف در کد را با توجه به نیاز خود تغییر دهید ^_^
• 2 مرحله بالا، به بقیه موضوع اجازه می دهد تا عملکرد ویجت را یکپارچه کند.

در مرحله بعد، به اشتراک گذاری نکات استفاده از ویجت ها در وردپرس ادامه دهید.

نکات ویجت یکپارچه سازی تم وردپرس

مدیریت کارآمد ویجت های سفارشی:

1) پس از افزودن ویجت ها به موضوع، می توانید یک فایل جداگانه ایجاد کنید و نام آن را بگذاریدwidgets.php.

• به منظور ذخیره تمام کد ویجت سفارشی اضافه شده در مرحله 1 در این پوشه.

2) کد را به فایل functions.php اضافه کنید:

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

3) تمام کد ویجت های سفارشی اضافه شده در مرحله 1 را در فایل widgets.php ذخیره کنید.

این روش تضمین می کند که همه ویجت ها به راحتی بارگیری می شوند و روی تمام نسخه های وردپرس که از ویجت ها پشتیبانی می کنند کار می کنند.

به این ترتیب، می توانید فایل های قالب وردپرس خود را کارآمدتر مدیریت کنید.