ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

ساخت منو چسبان در وردپرس

مقالات,آموزش,ترفند , وردپرس

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

 

ساخت منو چسبان در وردپرس

ساخت منو چسبان در وردپرس

برای شروع کار ابتدا با استفاده از Inespect element که با راست کلیک کردن در سایت برای شما نمایش داده خواهد شد سورس کدهای سایت را باز کرده و با استفاده از کلید میانبر ctrl F به دنبال menu در آن باشید. پس از اینکه منوی خود را پیدا کردید کلاس نام آن را یافته و سپس فایل style.cc را برای ویرایش باز کنید.

 

سپس نام کلاس را در آن جستجو کنید. معمولا نام کلاس در منوهای وردپرس با نام هایی همچون .nav-menu یا .genesis-nav-menu نامگذاری می شوند. سپس کدهای زیر را برای کلاس مورد نظر وارد کنید.

.nav-menu { // نام کلاس منو را وارد کنید
position:fixed;
background: #333;
top: 0px;
right: 0px;
left: 0px;
z-index:99;
}

همانطور که در خط اول این کد استایل مشاهده می کنید اگر نام کلاس منوی شما متفاوت است نام استفاده شده را به جای آن وارد کرده و فایل را ذخیره کنید. حال آدرس سایت را باز کرده و تغییرات را مشاهده کنید.

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

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=43374
کلمات کلیدی پست :
مطالب مرتبط
11,341افزونه ساخت منو واکنش گرا در وردپرس تاریخ : 2017/01/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب