• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

46417 ۲۶ اسفند ۹۰

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

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

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

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

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

در بالا ما یک سایدبار جدید با نام 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 ی که گفته شد قرار دادیم .

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 49 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

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

  • ‏‏

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

  • ‏‏

    عالی بود!

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram