آموزش طراحی قالب وردپرس #۶ث(پایان سایدبار)

سلام اگر سری آموزش های طراحی قالب وردپرس را از اول دنبال نکرده اید به آدرس زیر بروید.

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

امروز کار سایدبار رو تموم میکنیم و مهمترین کار هر سایدبار (یعنی سازگاری با ابزارکها) رو انجام میدیم.

قبل از هر کاری این فایل رو دانلود کنید:

functions

و بعد طبق معمول با فرمت php درشاخه ی amoozesh ذخیره کنید.

اگه یک نگاهی به این فایل بندازیم میفهمیم که کارش ثبت کردن ۱ سایدبار است(البته این عدد میتونه تغییر کنه و حتی از سایدبار با هرجای دیگه مثل فوتر و هدر بره!)

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

اگه یادتون باشه گفته بودم که یکی از ساده ترین کارها widgetize کردن است:

۱- میریم به index.php

۲- div سایدبار رو پیدا میکنیم، بعد از <ul> کد زیر رو مینویسیم:

<?php if ( function_exists(’dynamic_sidebar’) && dynamic_sidebar() ) : else : ?>

این کد ابتدا بررسی میکنه که آیا ما در قسمت ابزارکها در پیشخوان سایت ابزارکی انتخاب کردیم یا خیر!

اگه کرده باشیم که نشونش میده اما اگه نکرده باشیم چی؟!

هیچی ، تمام ابزارکهایی که با همین دستامون نوشتیم! رو در سایدبار خواهیم دید!

اما یک نکته که میمونه اینه که هر if یک endif هم دارد دیگر!

endif رو کجا قرار بدیم؟!
قطعا باید بریم پایین سایدبار و قبل از تموم شدن یعنی <div/> و همچنین <ul> (طبق قانونمون) کد زیر رو بنویسیم:

<?php endif; ?>

همین!

فایل رو ذخیره کنید و نگاهی به سایت بندازین!

اگه تغییری نمیبینین و همون سایبار قبلی رو دارین به پیشخوان برین و بعد در قسمت نمایش روی ابزارک ها یا widgets کلیک کنید.

http://localhost/wordpress/wp-admin/widgets.php

حالا در اینجا میتونین ابزاری که میخواهید رو انتخاب کنید تا اتوماتیک جایگزین ابزارهای سایدبار بشن!

خسته که نیستین

حداقل خوشحال باشین

بابای

‏17 دیدگاه برای ”آموزش طراحی قالب وردپرس #۶ث(پایان سایدبار)

  1. سلام
    استاد! اگه بخوایم یه کاری کنیم که هم اونایی که مانوشتیم باشه هم اونایی که از تو widgets انتخاب کردیم چه باید کرد؟

    1. سلام،
      استاد:))))
      مرسی کلی خندیدم!!!
      برای اینکار باید اونجایی که کد مربود به ویدجت هارو مینویسیم و بینش کدهایی رو مینویسیم که مربوط به مثلن تگ ها و یا نمایش موضوعات هست این کار رو انجام ندیم و بریم مثلن بالای


      و یا پایین


  2. آقا من همه کارهایی رو که گفتید تا اینجا انجام دادم ولی وقتی میرم تو قسمت ابزارکها میگه که قالب شما از ابزارک پشتیبانی نمیکند دلیلش چی میتونه باشه؟

  3. سلام آقای کشمیری عذرمیخوام سوال خارج از بحث پرسیدم
    شما میدونید چرا وقتی فارسی تایپ میکنم داخل قالب نمایش داده نمیشه؟
    بجاش علامت ؟؟؟؟؟ قرار میده

  4. سلام .
    آقای کشمیری.
    اون ul که گفتیدکد رو بذاریم قبلش. همون مربوط به دسته ها هست.
    بعد اند ایف رو چی؟ چون اون یو ال رو قبلا بستیم. و پایین چیزی نیست و فقط میشه قبل پایان دایو نوشت.
    چه کنیم؟

  5. وقتی من کد ابزارک رو گذاشتم تمام کدهای قبلی مربوط به ساید بار غیر فعال شد چرا؟؟؟؟؟؟؟
    مثلا فرم جستجو دیگه نیست و نشون داده نمیشه

  6. سلام

    به این کد نگاه کنید :

    وقتی که ابزارک رو add می کنیم باید یک اسم هم بهش بدیم ، درسته ؟ ( تو پنل رو عرض می کنم)
    و من می خوام اون اسم توی قسمت قرار بگیره که با css درست شده و اوکی هست !

    ولی الان با این کد وقتی ابزارک رو فعال می کنی css ها اعمال نمی شه ولی بدون ابزارک اوکی هست

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

    سپاس از شما

    منتظر راهنمایی شما هستم

    1. متاسفانه کدی که نوشتین ارسال نشده، ولی به هر حال بستگی به ویدجت داره که نام رو از شما بگیره یا اسم خودش رو بیاره، اینکه با سی اس اس درست نشده به این خاطره که شاید اون ویدجت از استانداردی که ویدجت ها برای کلاس هاشون باید استفاده کنن استفاده نکرده، یعنی مثلن کلاس widgettitle رو نداده، یا اینکه شما توی سی اس اس به چیز دیگه ای استایل دادین، با برنامه هایی مثل فایرباگ میتونین بفهمین مشکل از چیه

پاسخ دادن به سیاوش کشمیری لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد.