campaign-off40

دوره مجازی قالب وردپرس (جلسه 20): منوها



visibility  
mode_comment   ۴۵

به نام خدا و سلام. در خدمت شما هستیم با بیستمین جلسه از دوره مجازی آموزش حرفه ای قالب  وردپرس. دز این جلسه قراره به طور کامل نحوه ایجاد منوهای وردپرس رو هم چنین پیاده سازی اونها در قالب رو آموزش بدیم. در ابتدا تابع register_nav_menu رو بررسی می کنیم و سپس تابع register_nav_menus برای ایجاد تعداد منو در یک تابع و هم چنین نحوه ایجاد منو ها در مدیریت وردپرس و لینک کردن منو ها به یکدیگر. در ادامه منوی ها ایجاد شده رو در قالب پیاده سازی می کنیم و با توابعی مانند has_nav_menu و wp_nav_menu منو ها رو نمایش میدیم.

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

  • تابع register_nav_menu
  • تابع register_nav_menus
  • معرفی منو ها در مدیریت وردپرس
  • تابع has_nav_menu
  • تابع wp_nav_menu
  • بررسی استایل هایی که وردپرس در منوها اضافه می کنید
  • اضافه کردن کلاس های دلخواه در منو های وردپرس
info توجه

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

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

comment دیدگاه کاربران
reza_yki replyپاسخ

سلام
میشه در مورد مگا منو ها هم توضیح بدید که چه طور بدون افزونه خودمون این کار رو انجام بدیم؟

meysam1366 replyپاسخ

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

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

سلام مگا منو ها نیاز به استفاده از walker ها داره که باید یکی دو جلسه در موردش صحبت کنیم و اینو موکول می کنیم به بعدا ولی منوی های آبشاری رو در جلسه 21 پیاده سازی کردیم.

meysam1366

سلام مجدد
پس قصد آموزشش رو دارید؟خیلی خیلی ممنونم خدا خیرت بده

زمان الله ابراهیمی replyپاسخ

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

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

^_^ خواهش میکنم. شما راضی باشید و یاد بگیرید مجموعه سون لرن به هدف خودش رسیده و این بهترین جبرانه.

darin replyپاسخ

سلام استاد
خسته نباشید
استاد من مثل کدهای خودتون پیش رفتم و منوی بالای سایت را کد نویسی کردم. فقط وقتی در مدریت وردپرس پیوندهای دلخواه ایجاد میکنم به لیست منوها اضافه نمیشود و فقط برگه های ساخته شد به منو اضافه می شود 😥
مشکل از کجاست استاد؟

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

سلام مطمئن هستید لینک ها رو به منوی ساخته شده اضافه کردید؟ و بعدشم حتما باید منو رو ذخیره کنید تا تغییرات اعمال بشه.

darin replyپاسخ

سلام استاد
بله همه این کارهارو کردم
فقط صفحات را اضافه میکنه به منو ولی پیوندهای دلخواه را اضافه نمیکنه

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

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

darin

استاد براتون ایمیل کردم و منتظر جوابتون هستم 😉

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

سلام بررسی میکنم.

زمان الله ابراهیمی replyپاسخ

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

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

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

ul li a

زمان الله ابراهیمی replyپاسخ

فایل موردنظر ا به شما ایمیل کردم لطفا” براسی کنید که چطور بر طرف کنیم تشکر

Zahra Kiani replyپاسخ

سلام استاد
من با استفاده از مطالبی که شما در این جلسه آموزش دادید منوی خودم را در داخل وردپرس اضافه کردم و کدهای مربوط به نمایش اون رو هم در فایل php مربوط به بخش منو زدم.
الان منوی مورد نظر من رو داره در داخل صفحه index نشون میده .اما بدون هیچگونه استایلی.یعنی داره یه ul ساده رو نمایش می ده و اصلا هیچ یک از استایل ها رو از داخل فایل style.css من فراخوانی نکرده.در ضمن منوی من responsive هست.
چطور می تونم این مشکل رو حل کنم؟

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

شما باید مطمئن باشید کدهای استایل بر روی منو اعمال شده. از طریق inspect می تونید مشخص کنید هر عنصر در صفحه دارای چه استایل هایی به صورت کلاس یا inline هست.

sam192 mim

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

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

سلام . احتمالا به خاطر استایل دهی به صورت کلاس هستش که با استایل های منو نمیخونه. باید استایل ها رو بر اساس کدهای منو تغییر بدین.

Zahra Kiani replyپاسخ

یا بهتره بپرسم طراحی منوی ریسپانسیو ،ساختارش متفاوته با چیزی که شما آموزش دادید؟

Zahra Kiani replyپاسخ

استاد گرامی
خودم راه حلشو پیدا کردم.مرسی.

حمید حسینی تبار replyپاسخ

در مورد walker بیشتر توضیح میدین ؟
خیلی از پلاگین های جی کوئری منو وجود داره ولی برای تبدیلش به منوی وردپرسی نیازه به li و ul کلاسهای خاصی بهشون بدیم ، شما در در این li رو گفتین چطور کلاس بدیم ولی برای ul (همون sub-menu) چطور عمل کنیم ؟
1- walker
2- استایل به ul های داخلی

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

سلام کلاس walker برای تغییر وسفارشی سازی نمایش منو های وردپرسی هستش.در آپدیت های دوره بررسی میشه.

حمید حسینی تبار

با سلام
منتظر آموزش walker هستم
بیش از حد بهش نیاز دارم
لطفا این آموزش رو اضافه کنید
چون بهش نیاز دارم

حمید حسینی تبار replyپاسخ

در مورد walker سرچ کردم بنظرم این جز موارد اصلی برای آموزش منو هست
لطفا این رو در همین مطالب منو آموزش بدید
نه در زمان دیگه
بسیار ضروری هست آموزش ساخت منوهای دلخواه و مگامنو

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

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

حمید حسینی تبار replyپاسخ

دو روز میشه و نظرات من تایید نشده !

حمید حسینی تبار replyپاسخ

آموزش walker کی انجام میشه
چون بسیار بهش نیاز دارم
الان 2 ماهی میگذره از درخواستش و هنوز آپدیتی هم انجام نشده ؟!
این آپدیت کی انجام میشه
من معطل همین آموزش هستم

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

انشالله سومین آپدیت ما در دوره قالب مربوط به مگامنو و همین بحث wlaker هستش.

ح حسین

سلام استاد عزیز
باور کنید قالب رو آماده کردم و تمام مشکلم این مگامنو هست که چطور ایجاد کنم (walker)
لطفا اگر براتون امکان داره آپدیت اون رو قرار بدین چون واقعا بهش نیاز دارم

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

سلام چشم به زودی قرار میدیم.

هومن کیائی replyپاسخ

متشکرم توضیحات خوبی در مورد منو ساختن و نحوه تعیین لوکیشن آنها و آیتم ساختن برای منوها دادید . درود بر شما

امین عظیمی replyپاسخ

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

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

مشکلی نداره دوست عزیز.

Alireza Sajedi replyپاسخ

سلام فایل های این جلسه مشکل دارن ظاهرا چند با زدم دانلود نمیشه.

لقمان آوند

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

محمد نيك عيش replyپاسخ

با سلام استاد ببخشید یه سوال داشتم من میخوام توی سایتم قسمت سایدبار یک منوی عمودی قرار بدم که این منو داخلش یه سری دایو div و آیکون زنده قرار داره و میخوام این آیکونها هم در سایدبار به همراه منو قرار بگیره ولی هر کارش میکنم این دایو داخل li قرار نمیگیره تا آیکونها هم نمایش داده بشه

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

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

مجید زادگی replyپاسخ

با سلام خدمت استاد عزیز
آموزشها بسیار عالی بودن تا اینجا متشکرم
فقط یک سئوال برام پیش اومده در آخرین دقیقهای این فیلم شما در مورد استایل دهی به منو دو روش رو توضیح دادید اولیش که با استفاده از آیدی منو هست رو متوجه شدم اما مورد دوم که در فهرست ما میایم و استایل دلخواه رو با مشخص کردن یک کلاس ذخیره می کنیم رو من در فهرستم اون قسمت ” کلاس های CSS (اختیاری) ”
رو ندارم موضوع چیه ؟
میشه کمکم کنید ؟
متشکرم

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

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

مجید زادگی replyپاسخ

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

زارعی هوشیار replyپاسخ

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

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

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

Saman SoroushNia replyپاسخ

سلام و عرض ادب

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

همانطوری که می دانید منو در بوت استرپ برای زیر منوهاش یه سری attribute قائل میشه که زیر منو در سایت در زمان کلیک ظاهر بشه، من چطور می تونم این خاصه ها رو به منوی خودم بدم

برای مثال : data-toggle=”dropdown”

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

سلام این مورد معمولا کمی دردسر داره و باید از طریق Walker ها حل بشه.

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.