افزودن کدهای سفارشی در به وردپرس با افزونه Simple Custom CSS and JS Pro

افزونه Simple Custom CSS and JS Pro یک پلاگین پرمیوم برای افزودن کدهای سفارشی سی اس اس (CSS) و جاوا اسکریپت (JS) و اچ تی ام ال (HTML) به وبسایت وردپرس است. آیا تا به حال پلاگینی را متناسب با قالب سفارشی کرده اید و می خواهید در طول بروز رسانی تم و افزونه، سفارشی سازی ها را حفظ کنید؟ آیا تا به حال میخواستید کدهای سفارشی خود را در صفحات خاص اعمال کنید؟ جواب تمام این سوالات با این افزونه امکان پذیر است، اگر میخواهید ظاهر سایت وردپرس خود را با افزودن آسان کدهای CSS و JS سفارشی بدون نیاز به تغییر قالب یا فایل های افزونه خود سفارشی کنید این پلاگین بهترین گزینه می باشد.

افزونه Simple Custom CSS and JS Pro به شما این امکان را میدهد تا کدهای سفارشی خود را در صفحات دلخواه خود اجرا کنید و نیازی به اجرا کدها در تمام صفحات نباشد. از دیگر ویزگی های جالب افزونه امکان اعمال کدهای سفارشی در آدرس ها یا همان URLs خاص اعمال کنید که مطابق نیاز شما می باشد. شما وقتی کدی در این پلاگین میسازید میتوانید تعیین بکنید کد در کجای سایت شما یا در کجای صفحه و یا در کدام دستگاه نمایش دهنده کاربر اعمال شود. شما میتوانید برای کاهش حجم کدهای خود از قابلیت Minify استفاده کنید و کدهای خود را برای بارگذاری سریع تر بهینه کنید.

برخی از امکانات افزونه Simple Custom CSS and JS Pro

• سفارشی سازی ها: شما با کمک افزونه Simple Custom CSS and JS Pro میتوانید افزونه های خود را متناسب با قالب خود سفارشی سازی کنید و دیگر نگران بروزرسانی قالب ها و افزونه های خود نباشد و با بروزرسانی افزونه و قالب خود کدهای سفارشی شما حفظ می شوند.
• انجام تغییرات به سرعت: با کمک افزونه کدهای سفارشی نسخه پرمیوم دیگر شما نیاز نیست که در فایل های FTP و هاست خود به دنبال فایل های افزونه ها باشید، شما به سرعت میتوانید کدهای خود را در افزونه وارد کنید و کدها مطابق با دستور شما عمل خواهند کرد.
• تایید کدها: آیا تا به حال قبل از اینکه تغییرات را به صورت زنده انجام دهید نیاز به تأیید مشتری یا همکار خود برای تغییرات داشته اید؟ با کمک این افزونه به راحتی میتوانید نظارت کامل روی کدها داشته باشید.
• محدویت صفحات: افزونه Simple Custom CSS and JS به شما این قابلیت را میدهد تا کدهای خود را روی صفحات خاص اعمال کنید و از اعمال شدن کدها در تمام صفحات جلوگیری کنید.
• اعمال در آدرس(URLs) های خاص: به طور پیش فرض کد در کل وب سایت اعمال می شود. از این ویژگی برای محدود کردن صفحاتی که کد در آنها نمایش داده می شود استفاده کنید. به عنوان مثال، تنظیمات از اسکرین شات سمت چپ، کد را در کل وب سایت اعمال می کند، به جز در صفحات دارای URL حاوی کلمه “رده”. شما می توانید محدودیت های بیشتری را برای مطابقت با صفحات مورد نظر خود اضافه کنید.
• کدهای سفارشی CSS/JS/HTML گسترده شبکه: در نصب های چند سایتی(شبکه) وردپرس، هر کد سفارشی CSS/JS/HTML که در زیر سایت اصلی نوشته شده است، می تواند در همه زیر سایت های دیگر نمایش داده شود، اگر گزینه «اعمال شبکه گسترده» فعال باشد. پلاگین Simple Custom CSS و JS Pro باید در تمام زیر سایت هایی که می خواهید کد سفارشی نمایش داده شود فعال شود، اما برای اینکه این قابلیت کار کند نیازی نیست کلید مجوز در هر یک از سایت های فرعی فعال شود.
• پیشنمایش تغییرات کد: قبل از اینکه کد را ذخیره کنید و تغییرات را به صورت زنده اعمال کنید، می توانید بررسی کنید که وب سایت چگونه است. با کلیک بر روی دکمه پیش نمایش تغییرات، صفحه پیش نمایش در یک تب جدید باز می شود. آدرس ایجاد شده در برگه جدید را می‌توان با همکاران یا مشتریانتان به اشتراک گذاشت، بنابراین می‌توانید قبل از انتشار آن‌ ها، نظر آنها را درباره تغییرات جویا شوید.
• بازبنی ها: تاریخچه ای از تمام تغییرات انجام شده در کدهای CSS و JS به همراه گزینه ها، تاریخ و کاربری که تغییرات را انجام داده است، نگه دارید. می‌توانید هر دو ویرایش جداگانه را مقایسه کنید تا ببینید چه چیزی اضافه شده است، چه چیزی بدون تغییر باقی مانده و چه چیزی حذف شده است.
• استفاده از پیش پردازشگرهای Sass یا Les: با افزودن قوانین تو در تو، متغیرها، میکسین ها، وراثت انتخابگر، محاسبات ریاضی یا منطقی با CSS حرفه ای شوید… اگر قبلاً در Sass یا Less می نویسید، مزایای فراوانی را می دانید.
• Minify یا کوچک سازی کدهای CSS و JS: اندازه کدهای خود را کاهش دهید تا وب سایت شما روان بماند و سریع بارگذاری شود. در یک نظرسنجی از ده وب سایت برتر ایالات متحده، Minification به کاهش ۲۱ درصدی اندازه دست یافت.
• درون/برون ریزی کدهای CSS و JS: شما می توانید هر کاری که می خواهید با آنها انجام دهید. اگر میخواهید از کد در نصب دیگری وردپرس استفاده کنید، می‌توانید به سادگی کد را به همراه تمام ابرداده‌ها (تنظیمات، آدرس پیشنمایش، محدودیت‌های آدرس، به جز بازبینی ها) را برون ریزی کنید. برای اینکار در مدیریت وردپرس خود به قسمت ابزارها ← درون ریزی و یا ابزارها ← برون ریزی مراجعه کنید، برای برون ریزی گزینه کدهای سفارشی را انتخاب کنید.
• قالب ویرایشگر: برای اینکه کدهای برای شما خوانایی بهتر داشته باشد شما میتوانید قالب ویرایشگر را از بین قالب های آماده افزونه انتخاب کنید تا بتوانید کدها را بهتر مشاهده کنید.
• نمایش هشدارها و خطاها: شما با فعال کردن این قابلیت میتوانید خطاهای خود را در زمان نوشتن کد خود مشاهده کنید و آنرا اصلاح کنید.

نوشته افزودن کدهای سفارشی در به وردپرس با افزونه Simple Custom CSS and JS Pro اولین بار در بیست اسکریپت. پدیدار شد.