ایجاد منوی ریسپانسیو تمام صفحه در وردپرس

خانه / وبلاگ / آموزش وردپرس / ایجاد منوی ریسپانسیو تمام صفحه در وردپرس
5 / 5
1
full-screen-menu

ایجاد منوی ریسپانسیو تمام صفحه در وردپرس

5 / 5
1

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

 

استفاده از منوی ریسپانسیو در وردپرس

منو ها یکی از بخش های مهم سایت شما به شمار می آیند. با استفاده از منو های ریسپانسیو در سایت خود میتوانید رضایت کاربران را از سایت خود افزایش دهید و جلوه ای زیبا و مناسب به سایت خود بدهید. برای شروع باید افزونه DC – Full Screen Responsive Menu را نصب وفعالسازی نمایید، سپس وارد بخش نمایش»  DC – Full Screen شوید تا تنظیمات افزونه را پیکربندی نمایید.

menue-item

تمام تنظیمات این افزونه فقط در این صفحه صورت میگیرد و نیازی به تنظیمات دیگری ندارد.

  • Menu List:  در این بخش باید منوی مورد نظر خود را مشخص نمایید.
  • Effect : در این بخش میتوانید موقعیت نمایش افکت منو را در صفحه مشخص نمایید.
  • Background Color: در این بخش میتوانید رنگ پس زمینه ی منو را مشخص نمایید.
  • Text Color: در این بخش میتوانید رنگ متن های موجود در منو را مشخص نمایید.
  • Google Font: در این بخش میتوانید فونت گوگل را برای متن های موجود در منو استفاده نمایید، اما این گزینه برای سایت های فارسی زبان کاربردی ندارد.
  • Tiny link to Author: این بخش را نیز بهتر است که غیر فعال نمایید زیرا در صورت فعال بودن یک لینک از سوی نویسنده افزونه در منوی شما قرار خواهد گرفت.
مطلب پیشنهادی  بهبود سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

پس از پیکربندی تنظیمات بر روی دکمه Submit کلیک نمایید تا تغییرات ذخیره شوند. اکنون میتوانید به سایت خود مراجعه نمایید و خروجی را مشاهده نمایید.

menue-icon

مشاهده مینمایید که به جای منوی موجود در سایت، یک آیکون در سایت وردپرس شما نمایش داده میشود، کافیست که بر روی آن آیکون کلیک نمایید تا محتوای منو را به صورت ریسپانسیو مشاهده نمایید.

fullscreen-menue

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

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

اشتراک گذاری

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *