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

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

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

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

اگر کار تمام شد ، بیایید وارد آنچه امروز به ما مربوط می شود برویم.

روش 1: نحوه اضافه کردن یک منوی شناور در وردپرس با استفاده از افزونه

این روش آسانتر و سریع است. اگر هنوز منوهای ناوبری را تنظیم نکرده اید ، می توانید یاد بگیرید که چگونه این کار را انجام دهید.

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

پس از فعال سازی ، باید بازدید کنید " تنظیمات »فهرست مهم برای پیکربندی تنظیمات این افزونه.

ابتدا باید شناسه های CSS را برای منوی پیمایشی که می خواهید شناور شود وارد کنید.

برای یافتن CSS مورد استفاده ، باید از ابزار "بازرسی" مرورگر خود استفاده کنید.

به وب سایت خود بروید و موس خود را به منوی پیمایش منتقل کنید. پس از آن شما باید کلیک راست کرده و "بازرسی" را انتخاب کنید.

با کشف بیشتر پیش بروید چگونگی سفارشی سازی یک تم وردپرس با مداد زرد

با این کار (به طور پیش فرض) صفحه مرورگر شما تقسیم می شود و شما می توانید کد منبع منوی پیمایش خود را ببینید. شما باید خطی شبیه به این پیدا کنید:

در این مثال ، CSS ID از فهرست پیمایشگر ما " ناوبری سایت '.

پیش بروید و شناسه CSS منو را در تنظیمات افزونه وارد کنید به شرح زیر "# site-navigation".

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

پس از آن ، باید روی کادر سمت راست کنار گزینه: "Check Bar Admin" کلیک کنید. این به پلاگین اجازه می دهد تا فضایی را برای نوار ابزار وردپرس که برای کاربران وارد شده اضافه می شود ، اضافه کند.

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

می توانید نحوه نمایش این منو را در دستگاه های تلفن همراه و رایانه لوحی آزمایش کنید. اگر آن را دوست ندارید ، می توانید 780px را به این گزینه اضافه کنید.

کشف کنید چگونه برای ایجاد یک منو همراه پاسخگو در وردپرس

فراموش نکنید که روی "کلیک کنید تنظیمات را ذخیره کنید برای ذخیره تغییرات خود

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

روش 2: نحوه افزودن دستی منوی پیمایش

این روش نیاز به افزودن کد CSS سفارشی به خود دارد تم وردپرس.

اول از همه شما باید بازدید کنید " ظاهر> سفارشی کردن برای راه اندازی وردپرس Customizer.

کلیک کنید CSS اضافی در قسمت سمت چپ ، سپس این کد CSS را اضافه کنید.

# Site-navigation {background: #fff؛ ارتفاع: 60px؛ z-index برای: 170؛ حاشیه: 0 خودکار؛ مرز پایین: 1px solid #dadada؛ عرض: 100٪؛ موقعیت: ثابت. بالا: 0؛ سمت چپ: 0؛ راست: 0؛ متن تراز: مرکز؛ }

جایگزین کنید " # ناوبری سایت با شناسه منوی ناوبری خود و بر روی دکمه «کلیک کنید» ثبات '.

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

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

با افزودن حاشیه در قسمت سرصفحه خود با استفاده از کد زیر می توانید این کار را به راحتی تنظیم کنید:

.site-branding {margin-top: 60px؛ }

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

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

1. منو قهرمان

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

از لحاظ ویژگی هایی که از جمله موارد دیگر ارائه می دهد: کاملاً کاربردی در رایانه های شخصی ، رایانه لوحی و تلفن هوشمند ، کاربری آسان ، محتوای قابل تنظیم ، CSS سفارشی برای اضافه کردن سبک های منو خود ، طراح منو mega ، مرورگرهای پشتیبانی شده: Chrome ، Firefox ، Safari ، Opera ، IE9 و موارد دیگر.

دانلود | نسخه ی نمایشی | میزبانی وب

2. منوی براق

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

3. 8Degree Fly Menu

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

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

• چگونه برای اضافه کردن سبک به منوهای ناوبری خود را
•  چگونه می توان یک ویژگی عنوان را در منوهای وردپرس اضافه کرد
• افزونه های 8 وردپرس برای ایجاد یک مگامنای در وبلاگ شما

نتیجه

اینجا ! این برای این آموزش است ، امیدوارم به شما این امکان را بدهد که یک منوی شناور را در وبلاگ وردپرس خود اضافه کنید. ما شما را به این مقاله را با دوستان خود در شبکه های اجتماعی خود به اشتراک بگذارید.

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

...