آموزش افزونه WP Floating Menu Pro

( پنجشنبه ، 30 فروردین سال 1403 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

یک جلسه آموزشی

آموزگار :

فرید معیریان

در این ویدئوی آموزشی از محصولات سایت ابزار وردپرس ، قراره به شما نحوه کار با افزونه منو شناور را خدمت شما آموزش دهیم. با کمک این افزونه شما میتوانید در بخش های مختلفی از سایت خود یک سری از فهرست های مهم سایت خود را به صورت شناور به نمایش بگذارید. پیشنهاد میکنیم این ویدئو را تا انتها ببینید. ( ادامه مطلب … )

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

خرید محصول ویدئو بالا

جهت خرید کلیک کنید.

فــرید معــیریان

دانشجوی ارشد تجارت الکترونیک ، فعالیت در زمینه وب، دیجیتال مارکتینگ و ایجاد فروشگاه اینترنتی.

فــرید معــیریان

دانشجوی ارشد تجارت الکترونیک ، فعالیت در زمینه وب، دیجیتال مارکتینگ و ایجاد فروشگاه اینترنتی.

آموزش افزونه WP Floating Menu Pro

( پنجشنبه ، 30 فروردین سال 1403 )

آموزش افزونه منوی شناور

افزونه منوی شناور (WP Floating Menu Pro) امکانی را فراهم می­کند تا منوهای شناور زیبایی را به صفحات سایت خود اضافه کنید. با استفاده از این افزونه هوشمند قادر خواهید بود، منوهای شناور جذاب و کاربرپسندی را در مدت زمان کمی ایجاد کنید و در صفحات مختلف سایت به نمایش بگذارید. حتی امکان نمایش چندین منوی شناور در هر صفحه هم وجود دارد یا برای صفحات مختلف، از منوهای متفاوت استفاده کنید.

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

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

دانلود افزونه منو شناور WP Floating Menu Pro

آموزش نصب و استفاده از افزونه منو شناور

پس از دانلود افزونه WP Floating Menu Pro ، برای نصب این افزونه در پیشخوان وردپرس زیرگروه “افزونه ­هاßافزودن” را انتخاب کرده و سپس دکمه “بارگذاری افزونه” را کلیک کنید. فایل فشرده افزونه WP Floating Menu Pro  که از سایت ابزار وردپرس دانلود کرده ­اید را انتخاب و نصب کنید. پس از نصب افزونه، آن را فعال کنید.

آموزش نصب افزونه در وردپرس

پس از نصب و فعال ­سازی افزونه منوی شناور، منو جدید WP Floating Menu Pro به پیشخوان وردپرس اضافه می­شود.

مرحله1- ایجاد قالب

ابتدا یک قالب مناسب برای منو ایجاد کنید. برای این کار “ßWP Floating Menu Pro Custom Templates” را انتخاب کنید . سپس با کلیک روی دکمه “افزودن قالب جدید”، وارد صفحه ساخت قالب منوی شناور شوید.

  • نام قالب
  •  نام قالب را بنویسید.

انتخاب طرح بندی منو

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

همچنین تنظیمات بیشتری برای آیکن منو، عنوان منو، متن راهنما مثل اندازه، رنگ و فونت را می­توانید انجام دهید تا قالب دلخواه برای منوی شناور ایجاد کنید.

توجه

در نسخه بومی ­سازی شده افزونه WP Floating Menu Pro که در سایت ابزار وردپرس ارائه شده، فونت ­های فارسی مانند ایران سانس و ایران یکان برای استفاده شما عزیزان به افزونه اضافه شده است.

مرحله2- ساخت منو

برای ساخت منو، مسیر”ßWP Floating Menu Pro Add New Menu” را انتخاب کنید. این بخش دو سربرگ به نام ­های “Menu Structure” و”Display Setting”  دارد.

Menu Structure

منوی شناور و آیتم ­های آن در این صفحه ساخته می­شوند. ابتدا یک نام برای منو بنویسید و سپس دکمه “Add Menu” را کلیک کنید. سپس ساختار منو را با انتخاب آیتم ­های سمت راست صفحه ایجاد کنید.

پس از اضافه کردن آیتم ­های منو، با کلیک روی هر کدام، جزییات منو برای نمایش یا عدم نمایش برچسب منو، عنوان راهنما، آیکن را انجام دهید. برای نمایش آیکن در منو، می­توانید از آیکن­ های پیش­فرض افزونه و یا آیکن ­های سفارشی Awesome Font استفاده کنید.

 

Display Setting

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

  • استایل قالب
  •  گزینه قالب سفارشی را انتخاب کنید.
  • قالب­های سفارشی
  •  نام قالبی که در مرحله 1 ساختید را انتخاب کنید.
  • موقعیت نوار منو
  •  افزونه WP Floating Menu Pro، 6 موقعیت مکانی برای نمایش منو در سایت دارد که می­توانید هر کدام را انتخاب کنید.
  • نمایش منو پس از رویداد اسکرول
  •  با فعال کردن این گزینه، منو با اسکرول شدن ماوس نمایش داده می­شود و در زمان لود صفحه و قبل از اسکرول پنهان می­ماند.
  • نمایش منو بعد از رویداد اسکرول
  •  چنانچه رویداد اسکرول را فعال کردید، در این قسمت مقدار اسکرول برای نمایش منو را مشخص کنید. مثلاً با گذشت 40% از اسکرول صفحه، منو نمایش داده شود.
  • مرحله3- تنظیمات بیشتر

    در زیرمنوی  Floating Menu Setting تنظیمات بیشتر اما مهمی برای منوی شناور هست که باید آنها را انجام دهید.

    • بخش تنظیمات عمومی

    • فعال/غیرفعال سازی منو
    • به یاد داشته باشید این گزینه را علامت بزنید تا امکان مشاهده­ ی منوی شناور در صفحات سایت فعال شود.

    در ادامه تنظیمات عمومی می­توانید نمایش یا عدم نمایش منو را در هر دستگاه دسکتاپ، تبلت و موبایل مدیریت کنید.

    • بخش انتخاب تنظیمات منو

    نام منویی که در مرحله 2 ایجاد کرده­ اید و می­خواهید در موقعیت مکانی دسکتاپ یا دستگاه­ های دیگر نمایش داده شود را مشخص کنید.

    • بخش تنظیمات نمایش/پنهان کردن منو

    در این قسمت صفحه ­هایی که می­خواهید منوی شناور در آنها نمایش داده شود را مشخص کنید. با انتخاب گزینه همه صفحه­ ها، منو در تمامی صفحات سایت قابل مشاهده می­شود.

    پس از انجام همه مراحل گفته شده در بالا، می­توانید منوی زیبایی که با افزونه کاربردی WP Floating Menu Pro ساختید را در سایت مشاهده کنید . با کلیک روی هر کدام از آیتم­ های آن به صفحه مربوطه وارد شوید.

    امیدواریم با استفاده از این افزونه، کارایی و جذابیت سایتتان را افزایش دهید.

برای نوشتن دیدگاه باید وارد بشوید.

4 دیدگاه. Leave new

  • محسن درخشان
    مارس 26, 2022 4:36 ب.ظ

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

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

    • علی حیدری
      مارس 26, 2022 4:56 ب.ظ

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

  • محمدرضا شفیعی
    مارس 7, 2022 7:10 ب.ظ

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

فهرست