شخصی سازی ابزارک‌ها در وردپرس با افزونه Widget CSS Classes

4/5 - (1125 امتیاز)

یکی از بخش های بسیار مهمی که مورد استفاده تمامی سایت های وردپرسی قرار می گیرد، بخش ابزارک هایی می باشد که در بخش های مختلفی نظیر سایدبار ، فوتر و … کاربرد دارد. افزونه Widget CSS Classes به شما امکان اضافه کردن کلاس های سفارشی و شناسه ها به ویدجت های وردپرس را می دهد.

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

این افزونه همچنین کلاسهای اضافی را به ویدجت اضافه می کند تا آنها را آسان تر سفارشی کنید:
◾ widget-first: امکان اضافه کردن به ویجت اول در نوار کناری
◾ widget-last: امکان اضافه کردن به آخرین ویجت در نوار کناری
◾ widget-even: امکان اضافه کردن به ویجت ها با شماره زوج در نوار کناری
◾ widget-odd: امکان اضافه کردن به ویجت ها با شماره فرد در یک نوار کناری
◾widget-#: اضافه شده به هر ویجت، مانند ویجت-1، ویجت-2

امکانات
◾ یک فیلد متنی در ویجت برای تعریف یک کلاس می افزاید
◾ شما می توانید چندین کلاس را با قرار دادن فاصله میان آنها مشخص کنید
◾ کادرهای checkboxes پیش تعریف شده را اضافه می کند
◾ به صورت اختیاری یک فیلد متنی اضافه می کند تا یک شناسه را به یک ویجت اضافه کند
◾ کلاس های اول و آخر را به اولین و آخرین موارد ویجت در نوار کناری اضافه می کند
◾ کلاسهای even/odd را به ویجت اضافه می کند
◾ کلاس های number را به ویجت اضافه می کند
◾ ترجمه شده
◾ با Multi-site سازگار است
◾ سازگار با منطق عناصر، ویجت زمینه، و پلاگین ویجت WP صفحه
◾ فیلترها و قلاب ها برای خروجی سفارشی از جمله نام کلاس

نصب و راه اندازی
1. پوشه / ویجت CSS-classes را در پوشه / wp-content / plugins / هاست آپلود کنید
2. افزونه را از طریق منوی Plugins در وردپرس فعال کنید
3. تنظیمات را در قسمت تنظیمات> ویجت کلاس CSS پیکربندی کنید
4. برای اضافه کردن یا تغییر کلاس های سفارشی و شناسه برای ویجت Appearance> Widgets وارد شوید.
5. ویجت مناسب را در نوار کناری دلخواه قرار دهید.
6. در این قسمت یک فیلد با نام CSS Class خواهید دید. بسته به تنظیمات شما، میتواند یک فیلد متنی و / یا checkboxes خواهد بود.
7. اگر از فیلد متن استفاده می کنید می توانید نام چندین کلاس را با جدا کردن آنها با یک فضای وارد کنید.
8. اگر فیلد id را فعال کرده باشید، یک فیلد متنی به نام CSS ID خواهید دید.

تصاویر