توضیحات
افزونه WP Sticky Pro یک پلاگین چسباندن هدر، فوتر و یا هر چیز (المان) در وردپرس با تعیین موقعیت چسبنده در بالا، پایین و استثناء چسباندن برای وردپرس است. این افزونه به شما این امکان را می‌دهد که هر عنصری را در صفحات خود، به محض اینکه به بالای صفحه می‌رسد، هنگام اسکرول به پایین، «چسبنده» کنید. اگرچه این افزونه معمولاً برای نگه داشتن منوها در بالای صفحه برای ایجاد منوهای شناور استفاده می‌شود، اما این افزونه به شما امکان می‌دهد هر عنصری را چسبنده کنید. یک هدر چسبنده، منوی چسبنده، ویجت چسبنده (ویجت ثابت)، لوگوی چسبنده، فراخوان عمل چسبنده یا یک منوی شناور ایجاد کنید. شما فقط باید بدانید که چگونه انتخابگر مناسب را برای عنصری که می‌خواهید چسبنده کنید انتخاب کنید.
افزونه WP Sticky Pro دارای ویژگی مستثنی کردن المان چسبنده در صفحات، پست‌ها، دسته‌ها، برچسب‌ها یا انواع پست خاص است. قابلیت استثنا کردن صفحات یا پست‌های خاص و سازگاری کامل با نوار ابزار مدیریت وردپرس، این افزونه را به یکی از بهترین گزینه‌ها برای طراحی رابط کاربری پویا و حرفه‌ای تبدیل کرده است. با این افزونه می‌توانید هر بخش دلخواه از سایت مانند منو، هدر، لوگو یا دکمه‌های فراخوان را هنگام اسکرول کاربر در صفحه ثابت نگه دارید. از ویژگی‌های شاخص آن می‌توان به امکان تعیین موقعیت المان چسبنده (در بالا یا پایین صفحه)، تنظیم فاصله از لبه‌ها، انتخاب افکت‌های زیبا مانند محو شدن یا اسلاید، و تغییر رنگ پس‌زمینه هنگام چسبندگی اشاره کرد.
ویژگی های افزونه چسباندن هر چیزی در وردپرس پرمیوم | WP Sticky Pro
- با افزونه چسباندن هر چیزی در وردپرس پرمیوم هر عنصری می‌تواند ثابت بماند: اگرچه کاربرد رایج آن برای منوهای ناوبری یا هدر است، افزونه WP Sticky Pro به شما امکان می‌دهد هر عنصر منحصر به فردی را با نام، کلاس یا شناسه انتخاب کنید تا پس از پیمایش از بالای صفحه، در بالای صفحه قرار گیرد. از آن برای ویجت چسبنده، نوار کناری چسبنده، هدر چسبنده، منوی چسبنده، هدر چسبنده، کادر فراخوان به اقدام چسبنده، بنر تبلیغاتی چسبنده و غیره استفاده کنید. آیا نیاز دارید چندین عنصر را ثابت کنید؟ WP Sticky PRO را بررسی کنید.
- شما فقط باید بدانید که چگونه انتخابگر مناسب را برای عنصری که می‌خواهید چسبنده کنید انتخاب کنید و باید مطمئن شوید که یک انتخابگر منحصر به فرد است. گاهی اوقات یک انتخابگر ساده مانند «nav»، «#main-menu»، «.menu-main-menu-1» کافی است. در مواقع دیگر باید دقیق‌تر باشید و از یک انتخابگر خاص‌تر مانند «header > ul:first-child» یا «nav.top .menu-header ul.main» استفاده کنید. اگر دوست ندارید با هیچ کدی سر و کله بزنید، انتخابگر عنصر بصری را در WP Sticky PRO بررسی کنید.
- موقعیت از بالا: به صورت اختیاری، می‌توانید هر مقدار فضای بین عنصر چسبنده و بالای صفحه اضافه کنید، به طوری که عنصر همیشه در “سقف” صفحه گیر نکند.
- فقط برای اندازه‌های خاص صفحه نمایش فعال کنید: به صورت اختیاری، می‌توانید حداقل و/یا حداکثر اندازه صفحه نمایش را در جایی که چسبندگی باید کار کند، تنظیم کنید. این می‌تواند مفید باشد اگر سایتی واکنش‌گرا دارید و مثلاً نمی‌خواهید عنصر شما در صفحه‌های کوچکتر ثابت باشد.
- فقط در برخی صفحات فعال کنید: گاهی اوقات نمی‌خواهید عنصر در کل سایت ثابت باشد. افزونه WP Sticky Pro به شما این امکان را می‌دهد که پست‌ها، صفحات، دسته‌ها، برچسب‌ها و CPTهایی را انتخاب کنید که نمی‌خواهید عنصر در آنها چسبنده باشد.
- عنصر Push-up: به صورت اختیاری، می‌توانید هر عنصر دیگری را در پایین صفحه انتخاب کنید که عنصر چسبنده را دوباره به بالا هل دهد (مثلاً یک ویجت نوار کناری).
- آگاهی از نوار مدیریت: بررسی می‌کند که آیا کاربر فعلی نوار ابزار مدیریت را در بالای صفحه دارد یا خیر. اگر داشته باشد، عنصر چسبنده آن را پنهان نمی‌کند (یا توسط آن پنهان نمی‌شود).
- شاخص Z: در صورتی که عناصر دیگری در صفحه وجود داشته باشند که عنصر چسبنده شما را پنهان کنند یا از آن عبور کنند، می‌توانید به راحتی یک شاخص Z اضافه کنید.
- حالت قدیمی: در نسخه ۲.۰، روش جدیدی برای چسبنده کردن موارد معرفی شد. در حالت قدیمی، از روش قدیمی استفاده خواهد شد.
- حالت پویا: برخی از مشکلاتی که اغلب در قالب‌های واکنش‌گرا ظاهر می‌شوند، با اضافه کردن یک حالت پویا (فقط حالت قدیمی) برطرف شده‌اند.
- حالت پویا حالت اشکال‌زدایی: با فعال کردن حالت اشکال‌زدایی، دلایل احتمالی عدم چسبندگی عنصر خود را بیابید و پیام‌های خطا در کنسول مرورگر شما ظاهر می‌شوند. هر عنصری می‌تواند چسبنده باشد: اگرچه استفاده رایج آن برای منوهای ناوبری یا هدر است، این افزونه به شما امکان می‌دهد هر عنصر منحصر به فردی را با نام، کلاس یا شناسه انتخاب کنید تا پس از عبور از آن، در بالای صفحه قرار گیرد. از آن برای ویجت چسبنده، نوار کناری چسبنده، هدر چسبنده، منوی چسبنده، هدر چسبنده، کادر فراخوان به اقدام چسبنده، بنر تبلیغاتی چسبنده و غیره استفاده کنید.
- موقعیت از بالا: به صورت اختیاری، می‌توانید هر مقدار فضای بین عنصر چسبنده و بالای صفحه اضافه کنید، به طوری که عنصر همیشه در “سقف” صفحه گیر نکند.
- فقط برای اندازه‌های خاص صفحه نمایش فعال کنید: به صورت اختیاری، می‌توانید حداقل و/یا حداکثر اندازه صفحه نمایش را در جایی که چسبندگی باید کار کند، تنظیم کنید. این می‌تواند مفید باشد اگر سایتی واکنش‌گرا دارید و مثلاً نمی‌خواهید عنصر شما در صفحه‌های کوچکتر چسبنده باشد. فعال کردن فقط در برخی صفحات: گاهی اوقات نمی‌خواهید عنصر در کل سایت چسبنده باشد. افزونه WP Sticky Pro به شما این امکان را می‌دهد که پست‌ها، صفحات، دسته‌ها، برچسب‌ها و CPTهایی را انتخاب کنید که نمی‌خواهید عنصر چسبنده باشد.
- عنصر Push-up: به صورت اختیاری، می‌توانید هر عنصر دیگری را در پایین صفحه انتخاب کنید که عنصر چسبنده را دوباره به بالا هل دهد (به عنوان مثال یک ویجت نوار کناری).
- آگاهی از نوار مدیریت: بررسی می‌کند که آیا کاربر فعلی نوار ابزار مدیریت را در بالای صفحه دارد یا خیر. اگر داشته باشد، عنصر چسبنده آن را پنهان نمی‌کند (یا توسط آن پنهان نمی‌شود).
- شاخص Z: در صورتی که عناصر دیگری در صفحه وجود داشته باشند که عنصر چسبنده شما را پنهان کنند یا از آن عبور کنند، می‌توانید به راحتی یک شاخص Z اضافه کنید.
- حالت قدیمی: در نسخه ۲.۰، روش جدیدی برای چسبنده کردن موارد معرفی شد. در حالت قدیمی، از روش قدیمی استفاده خواهد شد.
- حالت پویا: برخی از مشکلاتی که اغلب در قالب‌های واکنش‌گرا ظاهر می‌شوند، با اضافه کردن حالت پویا (فقط حالت قدیمی) برطرف شده‌اند.
- حالت پویا حالت اشکال‌زدایی: با فعال کردن حالت اشکال‌زدایی، دلایل احتمالی عدم نمایش عنصر خود را بیابید و پیام‌های خطا در کنسول مرورگر شما ظاهر می‌شوند.
سازگاری با GDPR
ما وکیل نیستیم. لطفاً هیچ یک از موارد زیر را به عنوان مشاوره حقوقی در نظر نگیرید.
Sticky هیچ داده کاربری را در قسمت جلویی یا در قسمت مدیریت ردیابی، جمع‌آوری یا پردازش نمی‌کند. هیچ چیزی ثبت یا به شخص ثالثی ارسال نمی‌شود. ما همچنین از هیچ سرویس یا CDN شخص ثالثی استفاده نمی‌کنیم. بر این اساس، احساس می‌کنیم که با GDPR سازگار است، اما باز هم، لطفاً این را به عنوان مشاوره حقوقی در نظر نگیرید.
ویژگی‌های کلیدی افزونه چسباندن هر چیزی در وردپرس پرمیوم
آیا نیاز دارید یک منوی چسبنده، هدر چسبنده یا هر عنصر دیگری را چسبنده و سریع بسازید؟ افزونه چسباندن هر چیزی در وردپرس پرمیوم برای شماست.
- سریع و جذاب
هر چیزی را در یک دقیقه یا کمتر چسبنده کنید. واقعاً به همین راحتی است. - انتخاب بصری
بدون دخالت کد؛ فقط عنصر را از روی صفحه انتخاب کنید. - همه چیز را بچسبانید
به تعداد مورد نیاز عناصر را چسبنده کنید - آسان و محبوب
روزانه ۱۰۰۰۰۰ نفر از آن استفاده می‌کنند زیرا سریع، ساده و کاربرپسند است.
سوالات متداول افزونه چسباندن هر چیزی در وردپرس پرمیوم | WP Sticky Pro
- آیا می‌توانم چندین عنصر را چسبناک کنم؟
بله، WP Sticky PRO این گزینه را دارد. می‌توانید هر تعداد عنصری را که دوست دارید چسبناک کنید و تنظیمات را برای هر عنصر به صورت جداگانه پیکربندی کنید. - من یک کلاس/شناسه (class/ID) را در صفحه تنظیمات انتخاب کردم، اما وقتی به پایین اسکرول می‌کنم، عنصر ثابت نمی‌ماند. چرا؟
اول، مطمئن شوید که اگر عنصر را با نام کلاس آن انتخاب می‌کنید، قبل از آن یک نقطه (مثلاً “.main-menu”) قرار دارد، و اگر آن را با شناسه‌اش انتخاب می‌کنید، قبل از آن یک علامت پوند/هش/عدد (مثلاً “#main-menu”) قرار دارد. همچنین، مطمئن شوید که فقط یک عنصر در صفحه با انتخابگر مورد استفاده شما وجود دارد. اگر هیچ عنصری وجود نداشته باشد، یا بیش از یک عنصر با انتخابگر شما مطابقت داشته باشد، هیچ اتفاقی نخواهد افتاد. - وقتی عنصر چسبنده می‌شود، به هیچ وجه به درستی موقعیت/اندازه‌گذاری نمی‌شود.
با توجه به ماهیت CSS، موقعیت‌هایی وجود دارد که یک عنصر به درستی نمی‌چسبد، معمولاً اگر ویژگی‌های خاصی داشته باشد که برای دستکاری مکان و/یا ابعاد آن استفاده می‌شوند. اگر عنصر چسبنده شما هر یک از ویژگی‌های زیر را داشته باشد، این می‌تواند باعث تداخل شود:
حاشیه‌های منفی
موقعیت‌یابی مطلق
ویژگی‌های بالا/چپ/پایین/راست
“display: inline”
“!important” برای هر یک از ویژگی‌های آن اعمال شده است
سعی کنید در صورت امکان از همه این موارد اجتناب کنید، اما اگر نمیتوانید، استفاده از افزونه در حالت Legacy (به پایین مراجعه کنید) گاهی اوقات کمک می‌کند.
موقعیت دیگری که می‌تواند مشکل‌ساز شود، زمانی است که هر والد عنصر چسبنده شما ویژگی CSS “transform” را روی آن اعمال کرده باشد. - وقتی عنصر چسبنده می‌شود، دیگر واکنش‌گرا نیست و وقتی اندازه مرورگر را تغییر می‌دهم، تغییر اندازه نمی‌دهد.
این یک اشکال شناخته‌شده (و آزاردهنده) در افزونه است که هنوز نتوانسته‌ام آن را به درستی حل کنم. برای برخی سایت‌ها (معمولاً وقتی عنصر حاوی هیچ تعامل جاوا اسکریپتی نیست)، گاهی اوقات استفاده از افزونه در حالت قدیمی (Legacy Mode) مفید است. - آیا می‌توان به عنصر مورد نظر استایل اضافه کرد، اما فقط وقتی که چسبنده است؟
برای اضافه کردن استایل به عنصر چسبنده خود وقتی که چسبنده نیست، از کلاس “.element-is-not-sticky” استفاده کنید.
برای اضافه کردن استایل به عنصر چسبنده خود فقط وقتی که چسبنده است، از کلاس “.element-is-sticky” استفاده کنید.
کد زیر فقط وقتی که عنصر چسبنده نیست، پس‌زمینه قرمز و وقتی که چسبنده است، پس‌زمینه آبی به آن می‌دهد:
.element-is-not-sticky {
background: red;
}
.element-is-sticky {
background: blue;
} - من افزونه‌ی دیگری به نام Easy Smooth Scroll Links دارم، اما وقتی منوی من چسبنده می‌شود، آن افزونه دیگر کار نمی‌کند.
این یک اشکال در نسخه‌های قبل از ۲.۰ و ناسازگاری با افزونه بود. این مشکل در نسخه ۲.۰ برطرف شده است، اما در حالت قدیمی (Legacy Mode)، این اشکال هنوز وجود دارد. اگر به هر دلیلی نیاز به فعال بودن حالت قدیمی دارید، هیچ راه حلی برای این اشکال وجود ندارد، با این حال یک راه حل جایگزین وجود دارد. طبق گزارش‌های کاربرانی که این مشکل را داشته‌اند، افزونه‌ای به نام Page Scroll To ID جایگزین مناسبی برای Easy Smooth Scroll Links است و با افزونه Sticky Anything در حالت قدیمی کار می‌کند. - هنوز کار نمی‌کند. مشکل از کجاست؟ در تنظیمات افزونه، گزینه «حالت اشکال‌زدایی» را تیک بزنید. صفحه را دوباره بارگذاری کنید، ممکن است در پنجره کنسول مرورگر خود خطاهایی را مشاهده کنید. اگر از انتخاب‌گری استفاده کرده‌اید که وجود ندارد، یا تعداد بیشتری از آنها در صفحه وجود دارد، در کنسول از این موضوع مطلع خواهید شد.
- حالت قدیمی چیست؟ آیا باید از آن استفاده کنم؟
در نسخه ۲.۰ افزونه، یک روش جدید/بهتر برای چسبناک کردن عناصر معرفی شد. قبل از این، یک عنصر چسبنده اساساً یک کپی کپی شده از عنصر اصلی بود. اکنون، خود عنصر چسبنده می‌شود و دیگر از کپی و کلون استفاده نمی‌کند، که بسیاری از مشکلات را حل می‌کند.
بنابراین، آیا باید از آن استفاده کنید یا نه؟ خب، اگر این افزونه را از نسخه قبلی ارتقا داده‌اید، حالت قدیمی به طور پیش‌فرض روشن خواهد بود، زیرا احتمالاً روش قدیمی برای سایت شما کاملاً خوب کار می‌کرد. اگر اینطور است، واقعاً نیازی به استفاده از روش جدید نیست و می‌توانید به استفاده از روش قدیمی و کلاسیک ادامه دهید. اگر خراب نیست، آن را تعمیر نکنید، درست است؟
با این اوصاف، ارزش دارد بررسی کنید که آیا عنصر شما با حالت قدیمی خاموش نیز به خوبی کار می‌کند یا خیر، زیرا این روش “بهتر” است. فقط یک بار امتحان کنید. اگر کار نکرد، همیشه می‌توانید برگردید و دوباره آن را فعال کنید.
توجه: در نصب‌های جدید افزونه، حالت قدیمی (Legacy Mode) به طور پیش‌فرض غیرفعال خواهد بود. فقط در نسخه‌های ارتقا یافته از ۱.۴ (یا قبل از آن) باید این حالت به طور پیش‌فرض فعال باشد. - این حالت پویا دقیقاً چیست؟
این حالت فقط در حالت قدیمی (Legacy Mode) در دسترس است و برای توضیح صحیح آن، باید کمی عمیق‌تر به عملکرد افزونه بپردازیم. پس با من همراه باشید…
در حالت قدیمی، وقتی یک عنصر در بالای صفحه ثابت می‌شود (و صرف نظر از پیمایش، جای خود را حفظ می‌کند)، در واقع خود عنصر را نمی‌بینید، بلکه یک کپی کپی شده از آن است، در حالی که عنصر اصلی واقعی خارج از دید و نامرئی است.
عنصر اصلی همیشه در جایی که در ابتدا در صفحه قرار دارد باقی می‌ماند، در حالی که عنصر کپی شده همیشه در بالای صفحه نمای مرورگر قرار دارد. با این حال، شما هرگز هر دو را همزمان نخواهید دید. بسته به موقعیت پیمایش شما، همیشه فقط یکی از آنها یا دیگری را نشان می‌دهد.
در نسخه اصلی افزونه، کپی درست لحظه‌ای که صفحه را بارگذاری می‌کنید ایجاد می‌شود (اما بلافاصله قابل مشاهده نیست). سپس وقتی به پایین پیمایش می‌کنید، قابل مشاهده می‌شود (و در بالا ثابت می‌ماند)، در حالی که عنصر اصلی از دید ناپدید می‌شود.
با این حال، برخی از قالب‌ها از جاوا اسکریپت برای ایجاد پویای عناصر (عمدتاً منوها) برای سایت‌های موبایل استفاده می‌کنند. با این روش، هنگام بارگذاری صفحه، منو در کد منبع HTML وجود ندارد، اما مدتی پس از بارگذاری کامل صفحه ایجاد می‌شود – در بسیاری از موارد، این منوها فقط زمانی ایجاد می‌شوند که صفحه نمایش بیشتر (یا کمتر) از یک عرض خاص باشد. با نسخه اصلی افزونه، مشکل این است که عنصر اصلی (که می‌خواهید چسبنده کنید) ممکن است هنگام بارگذاری صفحه به طور کامل ایجاد نشده باشد، بنابراین کلون نیز کاملاً کاربردی نخواهد بود.
وارد حالت پویا شوید. اکنون، یک کلون از عنصر در هنگام بارگذاری صفحه ایجاد نمی‌شود – در عوض، فقط زمانی ایجاد می‌شود که کاربر پیمایش کند و به نقطه “چسبنده” برسد. این تضمین می‌کند که عنصر کلون شده یک کپی واقعی ۱ به ۱ از آنچه عنصر اصلی در آن نقطه خاص از زمان تشکیل شده است (و نه در نقطه “بارگذاری صفحه”، که اگر عنصر از آن زمان تغییر کرده باشد ممکن است متفاوت باشد) باشد.
چرا همیشه از حالت پویا استفاده نمی‌کنیم؟ این به این واقعیت مربوط می‌شود که افزونه‌های دیگر هنگام بارگذاری صفحه، خود را مقداردهی اولیه می‌کنند و ممکن است در آن مرحله به کل نشانه‌گذاری (از جمله عنصر کپی‌شده) نیاز داشته باشند. در حالت پویا، هنوز هیچ کپی در هنگام بارگذاری صفحه در دسترس نیست، بنابراین اگر افزونه دیگر به دنبال عنصری باشد که هنوز وجود ندارد، می‌تواند مشکل ایجاد کند.
(ممکن است همه اینها بسیار گیج‌کننده به نظر برسد. و همینطور هم هست! بنابراین، کارهای زیادی برای رفع این مشکل بی‌معنی انجام شد: از نسخه ۲.۰ افزونه، از روش کاملاً متفاوتی برای چسبناک کردن عناصر استفاده می‌شود و حالت پویا دیگر حتی یک مشکل هم نیست.) - وقتی عنصر چسبنده می‌شود، برای مدت کوتاهی آن را دو بار می‌بینید.
اگر از افزونه در حالت قدیمی (Legacy Mode) استفاده می‌کنید (به پایین مراجعه کنید)، این اتفاق زمانی می‌افتد که یک انتقال CSS روی عنصر چسبنده (یا هر یک از محتویات آن) اعمال شده باشد. از آنجا که عنصر اصلی نامرئی می‌شود (و یک کپی کپی شده از آن قابل مشاهده می‌شود)، تغییر وضعیت از قابل مشاهده به نامرئی با یک انتقال (یعنی نه فوراً) انجام می‌شود. یا هر یک از انتقال‌های عنصر را حذف کنید، یا حالت قدیمی را غیرفعال کنید. - منوی من می‌چسبد، اما وقتی چسبناک است، روی قالب واکنش‌گرا باز نمی‌شود.
این یک اشکال در نسخه‌های قبل از ۲.۰ و ناسازگاری با قالب بود. این مشکل در نسخه ۲.۰ برطرف شده است، اما در حالت قدیمی، این اشکال هنوز وجود دارد. اگر به هر دلیلی نیاز به فعال کردن حالت قدیمی دارید، بهتر است چسبندگی را برای منوی موبایل خاموش کنید (گزینه «هنگامی که صفحه نمایش کوچکتر از: است، عنصر را نچسبانید» را روی ۶۵۱ پیکسل تنظیم کنید). - آیا می‌توانم بیش از یک عنصر را چسبناک کنم؟
بله، می‌توانید هر تعداد عنصری را که نیاز دارید چسبناک کنید. - آیا لازم است کدی را تغییر دهم؟
مطلقاً نه! لازم نیست حتی یک خط کد را تغییر دهید یا ایجاد کنید. از انتخابگر عنصر ما برای انتخاب عنصری که باید چسبنده باشد استفاده کنید و تمام.
نقد و بررسی‌ها
هنوز بررسی‌ای ثبت نشده است.