• مشکی
  • سفید
  • سبز
  • آبی
  • قرمز
  • نارنجی
  • بنفش
  • طلایی
وبلاگ نویسان (بازدید: 474)
شنبه 7/5/1391 - 21:17 -0 تشکر 483285
آموزش افزودن سایدبار (sidebar) جدید به قالب های وردپرس

:: اگر از افرادی هستید که از سیستم مدیریت محتوای قدرتمند وردپرس استفاده می کنید بد نیست این آموزش رو بخونید . در اینجا قصد داریم به شما یاد بدیم که چطور به قالب های وردپرس خودتون یک ستون یا همون سایدبار پویا اضافه کنید . منظور از سایدبار همون قسمتی هست که معمولا در کناره ی قالب ها ، منوها در اون قرار می گیرند .
:: شما این نمونه از sidebar ها رو در هر کجای قالبتون می تونید اضافه کنید و پس از اضافه کردن به راحتی از قسمت مدیریتی وردپرس و از منوی نمایش و گزینه ابزارک ها (widgets) می تونید به اون سایدبار ابزارک های دلخواه خودتون رو اضافه کنید .

:: مراحل افزودن سایدبار به قالب وردپرس شما به شکل زیره :

  • ثبت کردن سایدبار جدید در وردپرس
  • ایجاد فایل سایدبار جدید
  • استفاده از سایدبار ساخته شده در مکان دلخواه تم وردپرس

:: ثبت کردن سایدبار جدید در وردپرس

:: برای ثبت سایدبار فابل functions.php قالب رو باز کنید و کدهای زیر رو بهش اضافه کنید . درست بعد از php?> :

if ( function_exists("register_sidebar") ) {
register_sidebar(array(
"name" => "My Sidebar",    // نامی سایدبار
"id" => "my-sidebar",         // آیدی سایدبار رو در اینجا تعیین کنید
"description" => "my new sidebar", // توضیحی در مورد این سایدبار
"before_widget" => "<div class="widget">",   // کد قبل از هر منو
"after_widget" => "</div>",                         // کد بعد از هر منو
"before_title" => "<h2 class="widget-title">", // قبل از عنوان منو
"after_title" => "</h2>",  // بعد از عنوان منو
));
}

در بالا ما یک سایدبار جدید با نام My Sidebar و آیدی my-sidebar ثبت کردیم . در واقع به وردپرس نصب شده سایدبار جدید رو می شناسونیم ! این نام ها دلخواه هستند . میتونند شبیه footer-sidebar ، second-sidebar و … باشند . دقت کنید که قبلا سایدباری با این نام و آیدی در قالبتون نباشه . توضیحات لازم هم در کد داده شده که بر اساس نوع تگ های مورد استفاده در قالبتون می تونید تگ های قبل و بعد از هر منو و عنوان اون رو هم مشخص کنید .
بعد از افزودن این کدها به functions.php سایدبارتون رو به شکل زیر در قسمت مدیریت وردپرس خواهید دید که می تونید به راحتی به این سایدبارتون widget ها و ابزارک هایی که می خواید اضافه کنید :

:: ایجاد فایل سایدبار جدید

:: فایل سایدبار پیشفرض قالب های وردپرس sidebar.php هست . برای ایجاد سایدبار جدید باید نام اون رو شبیه sidebar-xyz.php بزارید . به جای xyz هر چیزی میتونید بزارید . بعدا برای استفاده از سایدبار در قالب از همین نامی که به جای xyz میزارید استفاده میکنیم .
:: در اینجا ما فایلی رو با نام sidebar-new.php میسازیم و در پوشه اصلی تم قرار میدیم و محتویات اون رو شبیه زیر قرار می دیم :

<div id="sidebar">
<?php
if (!function_exists("dynamic_sidebar") || !dynamic_sidebar("my-sidebar")):
endif; ?>
</div>

توجه کنید که my-sidebar موجود در خط ۳ کد همون آیدی سایدباری هست که ساختیم .

:: استفاده از سایدبار ساخته شده

:: حالا به راحتی در هر کجای قالب خودتون که می خواید سایدبارتون نمایش داده بشه از کد زیر استفاده کنید :

<?php get_sidebar("new"); ?>

توجه کنید که اینجا new همون نامیه که ما در آخر فایل سایدبارمون به جای xyz ی که گفته شد قرار دادیم .

www.7learn.com

برو به انجمن
انجمن فعال در هفته گذشته
مدیر فعال در هفته گذشته
آخرین مطالب
  • آلبوم تصاویر بازدید از کلیسای جلفای...
    آلبوم تصاویر بازدید اعضای انجمن نصف جهان از کلیسای جلفای اصفهان.
  • بازدید از زیباترین کلیسای جلفای اصفهان
    جمعی از کاربران انجمن نصف جهان، در روز 27 مردادماه با همکاری دفتر تبیان اصفهان، بازدیدی را از کلیسای وانک، به عمل آورده‌اند. این کلیسا، یکی از کلیساهای تاریخی اصفهان به شمار می‌رود.
  • اعضای انجمن در خانه شهید بهشتی
    خانه پدری آیت الله دکتر بهشتی در اصفهان، امروزه به نام موزه و خانه فرهنگ شهید نام‌گذاری شده است. اعضای انجمن نصف جهان، در بازدید دیگر خود، قدم به خانه شهید بهشتی گذاشته‌اند.
  • اطلاعیه برندگان جشنواره انجمن‌ها
    پس از دو ماه رقابت فشرده بین کاربران فعال انجمن‌ها، جشنواره تابستان 92 با برگزاری 5 مسابقه متنوع در تاریخ 15 مهرماه به پایان رسید و هم‌اینک، زمان اعلام برندگان نهایی این مسابقات فرارسیده است.
  • نصف جهانی‌ها در مقبره علامه مجلسی
    اعضای انجمن نصف جهان، در یك گردهمایی دیگر، از آرامگاه علامه مجلسی و میدان احیا شده‌ی امام علی (ع) اصفهان، بازدیدی را به عمل آوردند.