منتشر شد - اولین قالب خبری (جوم نیوز) طراحی شده توسط جوم آریا جزئیات قالب

5 1 1 1 1 1 1 1 1 1 1 امتیاز 5.00 (1 رای)

نوار منو موبایل زیباتر برای سایت جوملا با JF Mobile Menu

cover

JF Mobile Menu یک ماژول منوی موبایلی چند سطحی رایگان برای جوملا است. این افزونه همچنین روی دسکتاپها کار می کند. یکی از ویژگی های اصلی آن این است که شما می توانید آیکون های "Font-Awesome" یا تصاویر سفارشی برای آیتم های منو انتخاب شده خود اعمال کنید. ظاهر رنگ ماژول به طور کامل از طریق مدیریت ماژول قابل ویرایش است. در این آموزش، ما به شما چگونگی کار کردن این ماژول را نشان خواهیم داد.


 مرحله 1. دانلود و نصب افزونه JF Mobile Menu

شما می توانید JF Mobile Menu را از این صفحه دانلود کنید. برای دسترسی به لینک دانلود، باید یک حساب کاربری ایجاد کنید و وارد شوید. نگران نباشید، ثبت نام رایگان است.

از «افزونه ها > مدیریت > نصب» یا  "Extensions> Manage> Install" آن را نصب کنید.


 مرحله 2. یک ماژول JF Mobile Menu ایجاد کنیدگام 2. یک ماژول منوی JF Mobile ایجاد کنید.

  • به افزونه ها > ماژول ها> جدید> JF Mobile Menu بروید.
  • موقعیت ماژول را انتخاب کنید. توصیه می کنیم «تصحیح خطا» یا "debug" را انتخاب کنید اگر این گزینه در قالب شما موجود باشد.
  • نمایش عنوان را بر مخفی (Hide) تنظیم کنید.

JF Mobile Menu


 مرحله 3. منوی مورد نظر خود را انتخاب کنید.

ماژول JF Mobile Menu شبیه به ماژول منوی اختصاصی جوملا کار می کند. با انتخاب منوی دلخواه خود، ماژول به طور خودکار یک منوی سایدبار چند سطحی را نمایش می دهد.

imageMenu

توجه: در مدیریت منو خود، نوع آیتم های والدین باید یک جدا کننده متن باشد، اگر می خواهید که با یک کلیک آیتم های منو مربوط به کودک خود را نشان دهند.

 Text separator

 به عنوان مثال در این تصویر، "Typography" یک نوع «جداساز متن» است و با کلیک بر روی آن، آیتم های زیرشاخه خود را با یک اثر کشویی زیبا نشان می دهد. اگر «آیتم منو والدین» نوع دیگری از «جداساز متن» باشد و بر روی آن کلیک کنید در آن هنگام فقط بر روی مرورگر وب خود در صفحه وب مربوطه حرکت می کند.


 مرحله 4. فعال کردن آیکون Font-Awesome

ماژول JF Mobile Menu نیاز به آیکون "Font Awesome" دارد. اگر قالب جوملا شما در حال بارگزاری آن نیست، پس باید آن را با تنظیم Font Awesome به بله فعال کنید.

Awesome


 مرحله 5. دستگاه مورد نظر را برای نمایش ماژول انتخاب کنید.

JF Mobile Menu می تواند در هر دستگاه قابل مشاهده باشد: دسکتاپ، قرص و موبایل. این ماژول از "CSS3 Media Queries" شناخته شده استفاده می کند، برای همین در هر دستگاهی که می خواهید قابل مشاهده است.

Device


 مرحله 6. آیکون ها یا تصاویری را برای آیتم های منو خود انتخاب کنید.

یکی از ویژگی های اصلی JS Mobile Menu این است که شما می توانید هر آیتم های منو را که می خواهید انتخاب کنید و برای آن آیکون های دلخواه یا تصاویری را اعمال کنید. شما فقط به این نیاز دارید که آیتم منو مورد نظر خود را انتخاب کنید و یک "Font-Awesome CSS class" تایپ کنید یا یک "تصویر سفارشی" را آپلود کنید.

Custom Image


 مرحله 7. سفارشی کردن رنگ ها برای منو شما.

همچنین همانطور که ذکر شد، ظاهر منو کاملا قابل ویرایش است؛ شما می توانید رنگ ها را تغییر دهید و آن را مناسب نام تجاری وب سایت خود قرار دهید.

Customize

این مطلب را به اشتراک بگذارید در :

نظرات (2)

This comment was minimized by the moderator on the site

لینک دانلود کجاست؟

مهمان
اجازه مشاهده پیوست را ندارید
This comment was minimized by the moderator on the site

باسلام و احترام
بفرمایید :
https://www.joomforest.com/joomla/extensions/jf-mobile-menu
با تشکر

مهمان
اجازه مشاهده پیوست را ندارید
تابحال برای این مطلب نظری داده نشده است .

نظر خود را اضافه کنید.

  1. ارسال نظر به صورت مهمان . ثبت نام یا ورود
پیوست ها (0 / 1)
Share Your Location