تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت مدیریت هاست رایگان 3 پاسخ 148 بازدید کتابخانه blog برای لاراول 0 پاسخ 0 بازدید اسکریپت یا کد انتقال دهنده کاربر به صفحه 1 پاسخ 4 بازدید معرفی وبسایت خرید آنلاین مواد و لوازم دندانپزشکی 0 پاسخ 9 بازدید افزونه Coins MarketCap 1 پاسخ 413 بازدید درخواست پلاگین 4 پاسخ 682 بازدید اسکریپت vfm 5 پاسخ 774 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 422 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1293 بازدید درخواست افزونه 1 پاسخ 621 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

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

برای شروع کار ابتدا با استفاده از 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
کلمات کلیدی پست :
مطالب مرتبط
7,609افزونه ساخت منو واکنش گرا در وردپرس تاریخ : 2017/01/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات