پرش لینک ها

ایجاد سربرگ در وردپرس – آموزش افزونه WP Sticky

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

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

عناصر چسبنده چیست و چرا سایت شما به آنها نیاز دارد؟

Prototypes

ابتدا ، ما احتمالاً باید به چند سوال پاسخ دهیم تا بتوانید مقاله را راحت تر درک کنید.

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

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

Person entering credit card details

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

به علاوه ، موقعیت های بیشتری وجود دارد که در آنها یک هدر یا منوی چسبنده می تواند مفید باشد.

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

ابتدا سعی کنیم چگونگی استفاده از کد CSS برای افزودن یک منوی مهم یا سرصفحه به سایت خود را توضیح دهیم.

اگر می خواهید به صورت دستی کد CSS را به قالب وردپرس خود اضافه کنید ، باید مراحل بعدی را انجام دهید:

  • وارد داشبورد وردپرس خود شوید
  • به Appearance بروید و روی Customize کلیک کنید

WordPress Appearance tab

  • سپس روی Additional CSS کلیک کنید

WordPress appearance customization options

برای مثال کد CSS را اضافه کنید:

div.sticky {

position: -webkit-sticky; /* Safari */

position: sticky;

top: 0;

}

  • روی دکمه آبی رنگ انتشار کلیک کنید
  • وب سایت خود را تازه کنید تا منوی مهم خود را ببینید

اگر به نظر شما استفاده از روش کد بسیار پیچیده است و نمی دانید چگونه آن را کار کنید ، پیشنهاد می کنم از افزونه های وردپرس مانند Elementor یا WP Sticky استفاده کنید. هر دوی آنها نیازی به کدگذاری ندارند و نیازی نیست که یک کاربر باتجربه باشید تا بدانید چگونه از آنها استفاده کنید. حدس می زنید Elementor به شما امکان می دهد بدون استفاده از JavaScript یا CSS ، یک منوی مهم Elementor ایجاد کنید. و با استفاده از WP Sticky ، می توانید روند کار را ساده کنید زیرا استفاده از پلاگین ساده است و برای درک نحوه کار شما به دانش فنی قبلی نیاز ندارید.

افزونه ایجاد سربرگ در وردپرس The WP Sticky plugin

WP Sticky

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

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

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

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

How to create a sticky menu & header using WP Sticky?

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

پس از نصب و فعال سازی کپی افزونه WP Sticky Pro ، آماده ایجاد عنصر چسبناک خود هستید.

ابتدا به تنظیمات بروید و WP Sticky Pro را پیدا کنید. در گوشه بالا سمت چپ ، می توانید بر روی دکمه Add New Sticky Element کلیک کنید.

WP Sticky add element option

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

WP Sticky basic settings

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

WP Sticky visual settings

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

WP Sticky advanced settings

پس از اتمام ایجاد هدر چسبنده یا منوی چسبناک خود ، تنها کاری که باید انجام دهید کلیک بر روی ذخیره تغییرات است و سپس می توانید پیش نمایش عنصر چسبنده خود را دریافت کنید تا بررسی کنید آیا همان چیزی است که می خواستید. کاملاً ساده ، اینطور نیست؟

نتیجه

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

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

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

چندین افزونه وجود دارد که می توانید انتخاب کنید. Elementor دارای ابزارهای عالی است که می تواند به شما در ایجاد عناصر چسبناک خود به راحتی کمک کند در حالی که به شما امکان خلاقیت و تنظیم طرح را می دهد. اما ممکن است بخواهید به جای آن از WP Sticky استفاده کنید زیرا این یک رابط کاربری بسیار ساده است و استفاده از آن بسیار آسان است.

WP Sticky features

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

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

اگر هنوز نمی توانید در مورد دریافت این افزونه تصمیم بگیرید ، همیشه می توانید سایت رسمی آن را بررسی کنید تا کمی بیشتر در مورد نحوه کار و اینکه چرا بهترین گزینه برای شما است بیشتر بدانید. موفق باشید!

بانک مقالات وردپرس

پیام بگذارید

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