آموزش افزودن سایدبار (sidebar) جدید به قالب های وردپرس



visibility  
mode_comment   ۴۹

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

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

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

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

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

متخصص وردپرس
قالب ها و پلاگین های حرفه ای وردپرس رو خودت بنویس! بازار طراحی قالب و پلاگین نویسی وردپرس به شدت داغه و اگر بلد باشید با برنامه نویسی اختصاصی، قالب ها و پلاگین های دلخواه بنویسید تو مارکت های مطرح دنیا و یا از طریق فریلنسری می تونید به درآمد بالا برید. دوره متخصص وردپرس سون لرن رو حتما ببینید: متخصص وردپرس arrow_back

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

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

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

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

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

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

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

comment دیدگاه کاربران
علی

دستتون درد نکنه
خیلی مفید بود

سعید

سلام خب بخوایم ساید بار چپ یا راست معرفی کنیم چه تغییراتی بایدایجاد کرد یا ساید بار رو در فوتر یا هیدر نیز بخواهیم ایجاد کنیم ممنون

Mohsen

عالی بود!

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3