دوره مجازی قالب وردپرس (جلسه 21): تبدیل header قالب و منوی اصلی به وردپرس

- visibility ٣٣ mode_comment

به نام خدا و با سلام. در جلسه 21 ام از دوره مجازی قالب حرفه ای وردپرس قراره با هم دیگه بخش منوی بالای وب سایت رو تکمیل کنیم وآیکن ها کتابخونه font awesome رو بهش اضافه کنیم. در ادامه کدهای بخش هدر قالب رو از html وارد قالب وردپرس می کنیم و عنوان وب سایت رو به صورت داینامیک نشون میدیم و کمی هم بهش استایل میدیم. بعد از این موارد منوی اصلی قالب رو که قراره دسته بندی های وب سایت رو نمایش بده ایجاد کنیم و اونارو کمی استایل بدیم.. در این جا ما گزینه های منو رو از دسته بندی های انتخاب می کنیم و این بخش رو باید با دقت ببینید.

در این جلسه خواهیم دید :

  • اضافه کردن آیکن ها به منوی بالایی سایت
  • پیاده سازی هدر قالب در وردپرس
  • ایجاد فایل های قالب برای هدر
  • تغییرات لوگو و عنوان وب سایت در قالب وردپرس
  • اضافه کردن فایل منوی اصلی به قالب وردپرس و پیاده سازی آن
  • اضافه کردن گزینه های منوی به منوی دسته بندی ها و نمایش آن در قالب
info توجه

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

ثبت نام در دوره دوره طراحی قالب وردپرس

comment دیدگاه کاربران
شیوا شادیه

سلام و خسته نباشید خدمت مهندس علی محمدی
من میخوام برای تاپ منوی کارم آیکون هایی غیر از اونایی که تو فایل ایندکس ایجاد کردم استفاده کنم ولی متاسفانه نمایش نمیده ولی وقتی کد (کلاس)آیکون هایی که قبلا تو اچ تی ام ال م وارد کردم میزنم به درستی نمایش میده …… مشکل کار کجاست؟؟؟؟؟؟؟؟؟؟؟

سلام احتمالا استایل هایی دیگه ای که روی منو اعمال شده استایل های شما رو غیر فعال میکنه.

pedram2020

سلام
من فولدر sl-theme این جلسه رو توی دایرکتوری themes قرار میدم. همه چیز درست میشه. اما آیکونهای مربوط به fontawsome روی سر منوها قرار میگیرند. اگر ممکنه راهنمایی بفرمایید.

کیوان علی محمدی

سلام کش مروگر رو پاک کنید و هم چنین استایل های آیکن ها رو.

pedram2020

درواقع یک عاملی مانع از اعمال دستور float از طریق فایل استایل میشه..اما وقتی از داخل incpect خود کروم بصورت دستی float رو میدم اعمال میشه

وحید صالحی

در فایل استایلتون زمانی که float رو به عنصر مورد نظر اعمال می کنید important هم اعمال کنید بطور مثال:
.sample:float ritght!important

pedram2020

بازم نمیشه. امتحان کردم اگر تمام محتوای فایل استایل دات css رو هم پاک کنم اتاق خاصی توی خروجی نمی افته.

کیوان علی محمدی

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

اینفوگر

با سلام . در منوهای وردپرسی یک چارچوب کلی وجود داره که به صورت ul li a هستش ما میتونیم به صورت هایی روی ul و li ها مدیریت داشته باشیم . اما مثلا اگه فرضا 8 تا anchor داشته باشیم توی منویی که تولید شده و به هر کدوم بخوایم id یا کلاس خاصی که مد نظرمون هست رو بدیم باید چکار کنیم ؟ من راهی ندیدم که وردپرس پیش بینی کرده باشه . ما از plugin های خاصی استفاده میکنیم که ممکنه لازم باشه به anchorها id های خاص و منحصر به فرد بدیم . باید چکار کرد ؟ از js و jquery نمیخوام استفاده کنم . راه مستقیمی وجود نداره ؟

سلام فکر میکنم با استفاده از کلاس های walker می تونید اینکارو انجام بدین.

نیاز به لاگین

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