امروز : پنج شنبه ۳۰ شهریور ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

add-sidebar-to-wordpress-theme آموزش اضافه کردن قابلیت ابزارک به پوسته وردپرس

ابزارک یکی از بخش های مهم پوسته های وردپرسی می باشد و اکثریت قالب هاب وردپرسی از این قابلیت بهره می برند، اگر شما هم یک طراح قالب وردپرس هستید نیاز دارید این قابلیت را به پوسته خود اضافه کنید. پس با این آموزش کاربردی از وبیت همراه ما باشید.

اضافه کردن قابلیت ابزارک به پوسته

قبل از هرچیزی لازمه کمی در مورد ابزارک ها توضیح بدیم اولین چیزی که باید بدونید اینکه از وردپرس 2,2 به بعد ابزارک ها به قسمتی از هسته وردپرس تبدیل شدن و برای استفاده از ابزارک ها در پوسته وردپرس لازم نیست افزونه خاصی رو نصب کنید.

برای اضافه کردن قابلیت ابزارک به پوسته وردپرسی طبق معمول باید به سراغ پرونده functions.php پوسته خودمون بریم (البته اگه پوسته شما این پرونده رو نداره باید اون رو ایجاد کنید) سند فانکشن شما ساختاری به شکل زیر داره .

<?php

/* مجموعه کدهای سند فانکش */

?>

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

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => '',
'description'   => '',
'before_widget' => '',
'after_widget'  => '',
'before_title'  => '',
'after_title'   => '',
));

با اضافه کردن این چند خط کد به سند فانکشن پوسته ؛ قابلیت ابزارک به پوسته وردپرس ما اضافه میشه. اما ما باید به این آرایه ها مقدار هم بدیم.

خب به ترتیب از بالا به پایین شروع میکنیم. تو آرایه name باید نام ابزارک رو اضافه کنیم مثلا right_widget (به معنی ابزارک راست) ؛ برای آرایه بعدی باید توضیحات این ابزارک رو اضافه کنیم. مثلا ؛ ” در این مکان ابزارک های سایت شما قرار میگیرد ” خب حالا ما باید کدهای html قبل از ابزارک خودمون رو وارد کنیم.تو آرایه بعدی کدهای html بعد از ابزارک رو وارد میکنیم.در و در آرایه بعدی هم کدهای قبل از عنوان رو وارد میکنیم و بعد هم کدهای بعد از عنوان رو , خب همه چیز تموم شد حالا فقط باید قطعه کد زیر رو هرجایی که میخوایم ابزارکمون اونجا به نمایش دربیاد بزاریم , مثلا سایدبار .

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('نام ابزارک') ) : ?><?php endif; ?>

توجه کنید در قسمت نام ابزارک باید نام انتخابیتون رو بذارید که توی فانکش انتخاب کردید.

اضافه کردن قابلیت ابزارک به پوسته در قالب یه مثال

حالا برای درک بهتر اضافه کردن قابلیت ابزارک به پوسته رو در قالب یک مثال عملی بررسی میکنیم.
فرض کنید این کدهای سایدبار قالب منه که میخوام براش ابزارک درست کنم.

<section class="box">
<header class="head">
<h3>عنوان سایدبار</h3>
</header>
<div class="body">
<!-- محتویات ابزارک -->
</div>
</section>

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

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => 'right_widget',
'description'   => 'در این مکان ابزارک های سایت شما قرار میگیرد',
'before_widget' => '<section class="box">',
'after_widget'  => '</div></section>',
'before_title'  => '<header class="head"><h3>',
'after_title'   => '</h3></header><div class="body">',
));

و در نهایت هم این کد رو توی سایدبار بذاریم.

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('right_widget') ) : ?><?php endif; ?>

خسته نباشید قابلیت ابزارک به پوسته شما اضافه شد. ;d
اگه براتون مفید بود لطفا توی شبکه های اجتماعی به اشتراک بذارید.

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 418 بار دسته بندی : آموزش ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۲۳ دی ۱۳۹۵
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
Mahdi-rezaei

من مهدی رضایی متولد 1376 ؛ عاشق کامپیوتر , برنامه نویسی و البته استات آپم و امیدوارم بتونم در این زمینه براتون مفید باشم.

دیدگاه کاربران تعداد دیدگاه : ۰