قالب ووکامرس

قالب وردپرس ، افزونه وردپرس ، آموزش وردپرس

ورود به سایت / ثبت نام
ثبت نام
اکانت ویژه

اضافه کردن فهرست ها ( منو ) به قالب وردپرس

دسته‌ها : آموزش وردپرس , وردپرس بدون دیدگاه

اضافه کردن منو به قالب وردپرس

سلام به همه ای وی پی جوملایی های عزیز !

فایل Functions.php رو باز کنید اگر این فایل در قالب شما وجود ندارد اون رو ایجاد کنید و کد زیر رو در داخلش قرار بدین.

نکته : توجه داشته باشد که تمامی کد در داخل این فایل بین دو خط کد بالا قرار میگیرد.

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

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

در کد بالا شما یک فهرست به قالب اضافه کردید که id اون top-menu و نامش فهرست بالا هستش که میتونید اون ها رو به آی دی و نام دلخواه تغییر دهید.
خب خیلی از مواقع پیش میاد که بیشتر از یک فهرست یا منو برای سایتتون لازم دارید. به عنوان مثال یک منو نیز در فوتر یا سایدبار سایت لازم دارید برای اینکار به شکل زیر عمل میکنیم.

خب ما الان ۳ تا منو ( فهرست ) به قالب اضافه کردیم که اگر به قسمت نمایش » فهرست ها در پیشخوان وردپرس برید می بینید که این ۳ تا فهرست اضافه شدن و با ایجاد فهرست و تیک زدن هریک ازاین فهرست ها ، فهرست در مکان مناسب خود نمایش داده می شود.

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

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

در کد بالا top-menu آی دی فهرست است که شما برای نمایش سایر فهرست ها میتونید آی دی فهرست مد نظرتون رو جایگزین کلمه top-menu کنید.
اگر توجه کرده باشید یک کلاس نیز با اسم topnav تعریف کردیم که می تونید از اون در کد های css  برای زیبا سازی منو استفاده کنید.

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

امتیاز :

بدخوبمتوسطعالیخیلی عالی (No Ratings Yet)
Loading...

وحید اسلامی

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

0 نظر دیدگاه کاربران

مطالب مرتبط

از آخرین آموزش ها مطلع باشید

با وارد کردن ایمیل خود آخرین مطالب آموزشی را دریافت کنید

نمونه کار ها نمایش همه

طراحی سایت

استوک ایران

تاریخ اجرا : ۱۱ خرداد ۱۳۹۴

مدیریت محتوا :

بازدید : 1,629 بار

نمایش پروژه

دانشگاه روزبه

تاریخ اجرا :

مدیریت محتوا :

بازدید : 1,195 بار

نمایش پروژه

شارژینا

تاریخ اجرا :

مدیریت محتوا :

بازدید : 1,281 بار

نمایش پروژه

کاروانسرا سنگی

تاریخ اجرا :

مدیریت محتوا :

بازدید : 1,147 بار

نمایش پروژه
کانال تلگرامی وی پی جوملا