تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
درخواست پلاگین 1 پاسخ 61 بازدید افزونه ساخت شماره مجازی 14 پاسخ 771 بازدید درخواست افزونه 1 پاسخ 107 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 396 بازدید اسکریپت vfm 3 پاسخ 216 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 345 بازدید نمایش کد های php 0 پاسخ 129 بازدید مشکل در اسکریپت مچ فرم 0 پاسخ 298 بازدید واگذاری سرویس هاست اختصاصی ووکامرس 0 پاسخ 354 بازدید
تبلیغات
تبلیغات تبلیغات

افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu

افزونه ها , افزونه وردپرس

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

 

افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu

 

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

 

افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu

همان طور که مشاهده می کنید در بخش نمایش گزینه ی جدیدی با نام DC – Full Screen ایجاد شده است که مربوط به تنظیمات افزونه می باشد. روی آن کلیک کنید تا به صفحه ی تنظیمات افزونه بروید.

 

افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu

 

تمامی تنظیمات این افزونه محدود به همین تک صفحه می باشد.

ابتدا از بخش Menu List منوی مورد نظرتان را انتخاب کنید که منوی مورد نظر ما همان طور که مشاهده می کنید “منوی اصلی” انتخاب شده است. سپس از بخش Effect گزینه ای را انتخاب کنید که از همان سمت می خواهید منوی رسپانسیو شما وارد صفحه شود که ما گزینه Left را برای ورود از سمت چپ انتخاب کرده ایم. از بخش Background Color هم می توانید رنگ پس زمینه ی مورد نظرتان را برای منوی رسپانسیو تمام صفحه انتخاب کنید. از بخش بعدی آن یعنی Text Color هم می توانید رنگ متن منو را تعیین کنید.

 

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

 

از قسمت Google Font هم می توانید از فونت های گوگل استفاده کنید که چون ما سایت های فارسی زبان هستیم این گزینه برای ما چندان کاربرد ندارد. قسمت آخر  هم گزینه ی Tiny link to Author را غیر فعال کنید. چرا که از شما سوال می کند اجازه ی قرار دادن لینک از نویسنده ی پلاگین را می دهید یا خیر! در نهایت هم گزینه ی Submit را برای ذخیره ی تغییرات کلیک کنید. حال می توانید در خروجی نتیجه ی کارتان را مشاهده کنید.

 

مشاهده ی خروجی

افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu

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

 

افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu

 

همان طورکه مشاهده می کنید یک اسکرول عمودی در سمت چپ هم ایجاد شده است که می توانید به پایینتر بیاید و دکمه ی بسته شد در بالا سمت راست.کاربرانی که با گوشی و تبلت هم وارد سایت شما می شوند با حرکت انگشت دست خود منو را به بالا و پایین حرکت دهند.

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود نسخه : 1.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=25500
کلمات کلیدی پست :
مطالب مرتبط
8,742افزونه وردپرس ارسال پيام خصوصي بين كاربران Private Messaging تاریخ : 2017/09/20
5,918افزونه وردپرس چندزبانه کردن وب سایت Slim Translate تاریخ : 2017/01/25
8,294ویرایش زنده مطالب منتشر شده در وردپرس با افزونه Revisionize تاریخ : 2018/02/24
7,808افزونه ی تغییر scrollbar در وردپرس تاریخ : 2014/03/18
12,297اسکریپت دایرکتوری کسب و کار و ثبت آگهی Directoryapp تاریخ : 2017/12/21
3,920انتخاب بهترین عنوان برای مطالب سایت وردپرس از نظر سئو تاریخ : 2019/02/4
4,764آموزش تغییر نشانی سایت در وردپرس تاریخ : 2019/10/20
17,219افزونه وردپرس واترمارک تصاویر Easy Watermark تاریخ : 2017/02/13
4,384آموزش مشاهده و کنترل ایمیل های ارسالی در وردپرس تاریخ : 2019/06/27
10,712ایجاد پلیر مخصوص پادکست در وردپرس با افزونه PowerPress تاریخ : 2018/07/19
5,725افزونه وردپرس فیلترینگ هوشمند نظرات Nazarbin تاریخ : 2017/01/24
12,234دانلود قالب عروسی moreno برای وردپرس تاریخ : 2013/11/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات