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

فیلم آموزشی طراحی قالب وردپرس – بخش سایدبار

آموزش طراحی قالب وردپرس – بخش سایدبار

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

توضیحات کد رو به صورت comment در داخل کد بالا گذاشتم

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

با رفتن به بخش ابزارک ها باید دو ابزارک به نام “ابزارک های سایدبار” و “ابزارک های فوتر” وجود داشته باشد در غیر اینصورت احتمالا قسمتی از کدهارو اشتباهی گذاشتید.

فراخوانی سایدبار در پوسته وردپرس

فایل index.php رو باز کنید و div که کلاس sidebar داره رو پیدا کرده و پاک کنید و به جاش کد زیر رو قرار بدید

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

استایلی که براش قرار دادم اینه:

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

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

هر جایی به مشکل خوردید یا سوالی داشتید از واسم دیدگاه بزارید در اسرع وقت حتما پاسخ میدم

موفق باشید

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

آموزش طراحی قالب وردپرس – قدم دوم: راه اندازه لوکاه هاست و نصب وردپرس

آموزش طراحی قالب وردپرس – قدم سوم: ساخت فایل header.php – بخش اول

آموزش طراحی قالب وردپرس – قدم سوم: ساخت فایل header.php – بخش دوم

آموزش طراحی قالب وردپرس – قدم چهارم: کار با حلقه ها

آموزش طراحی قالب وردپرس – قدم ششم : فرم جستجو

آموزش طراحی قالب وردپرس – قدم هفتم بخش 1: ساخت فایل single.php

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

آموزش طراحی قالب وردپرس – قدم هفتم بخش 3: ساخت بخش دیدگاه ها

3 دیدگاه برای “آموزش طراحی قالب وردپرس – سایدبار

  • محسن
    - ۳ فروردین , ۱۳۹۵

    ممنون خیلی کمک کرد

  • مهدی
    - ۸ خرداد , ۱۳۹۵

    چی کار کنم ساید بار بیاد کنار ولی برای من میره زیره پستام amoozefa.ir

    • الناز
      - ۸ خرداد , ۱۳۹۵

      دوست عزیز تگ div رو جای اشتباهی بستی

دیدگاه خود را بیان کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Captcha loading...