افزونه Simple Custom CSS And JS PRO
افزودن کدهای سفارشی سی اس اس و جاوا اسکریپت به وردپرس
ظاهر سایت وردپرس خود را با افزودن آسان کدهای CSS و JS سفارشی بدون نیاز به تغییر قالب یا فایل های افزونه خود سفارشی کنید. این پلاگین برای افزودن ترفندهای CSS سفارشی به سایت شما عالی است.
برای حرفه ای های وردپرس ضروری است
به عنوان یک توسعه دهنده وب وردپرس، قطعا با حداقل یکی از شرایط زیر مواجه شده اید:
فقط سریع
آیا تا به حال “فقط می خواهید این را به سرعت امتحان کنید” و حوصله کاوش در فایل های تم و آپلود آنها با FTP را نداشته اید؟
دریافت تاییدیه
آیا تا به حال قبل از اینکه تغییرات را به صورت زنده انجام دهید، نیاز به تأیید مشتریان یا همکاران خود برای تغییرات داشته اید؟
محدود کردن صفحات
آیا تا به حال می خواهید CSS یا JS سفارشی را فقط در صفحات خاصی اضافه کنید؟
ویژگی های “CSS سفارشی ساده و JS PRO” را بررسی کنید تا ببینید چگونه می توانید گردش کار خود را به عنوان یک توسعه دهنده وب وردپرس حرفه ای بهبود بخشید.
ویژگی های عالی برای لذت بردن شما
فقط روی URL های خاص اعمال شود
به طور پیش فرض کد در کل وب سایت اعمال می شود. از این ویژگی برای محدود کردن صفحاتی که کد در آنها نمایش داده می شود استفاده کنید. به عنوان مثال، تنظیمات از اسکرین شات سمت چپ، کد را در کل وب سایت اعمال می کند، به جز در صفحات دارای URL حاوی کلمه “رده”. شما می توانید محدودیت های بیشتری را برای مطابقت با صفحات مورد نظر خود اضافه کنید.
کدهای سفارشی CSS/JS/HTML گسترده شبکه
در نصب های چند سایتی وردپرس، هر کد سفارشی CSS/JS/HTML که در زیر سایت اصلی نوشته شده است، می تواند در همه زیر سایت های دیگر نمایش داده شود، اگر گزینه «اعمال شبکه گسترده» فعال باشد. پلاگین Simple Custom CSS و JS Pro باید در تمام زیر سایت هایی که می خواهید کد سفارشی نمایش داده شود فعال شود، اما برای اینکه این قابلیت کار کند نیازی نیست کلید مجوز در هر یک از سایت های فرعی فعال شود.
کدهای کوتاه اضافه کنید
هر کد HTML سفارشی را می توان در هدر صفحه، پاورقی یا در صورت داشتن شناسه، می توان آن را به عنوان یک کد کوتاه در یک صفحه/پست یا در یک ویجت متنی استفاده کرد. کدهای کوتاه نیز متغیرهایی را می پذیرند، بنابراین می توان همان کد کوتاه را در چندین مکان در وب سایت شما با تغییرات جزئی نشان داد. در نصب چند سایتی وردپرس، یک کد کوتاه تعریف شده در زیر سایت اصلی با فعال بودن گزینه “اعمال شبکه گسترده” می تواند در هر زیر سایت دیگری استفاده شود.
پیش نمایش تغییرات کد
قبل از اینکه کد را ذخیره کنید و تغییرات را به صورت زنده اعمال کنید، می توانید بررسی کنید که وب سایت چگونه است. با کلیک بر روی دکمه پیش نمایش تغییرات، صفحه پیش نمایش در یک تب جدید باز می شود. URL ایجاد شده در برگه جدید را میتوان با همکاران یا مشتریانتان به اشتراک گذاشت، بنابراین میتوانید قبل از انتشار آنها، نظر آنها را درباره تغییرات جویا شوید.
تجدید نظرها
تاریخچه ای از تمام تغییرات انجام شده در کدهای CSS و JS به همراه گزینه ها، تاریخ و کاربری که تغییرات را انجام داده است، نگه دارید. میتوانید هر دو ویرایش جداگانه را مقایسه کنید تا ببینید چه چیزی اضافه شده است، چه چیزی بدون تغییر باقی مانده و چه چیزی حذف شده است.
از پیش پردازشگرهای Sass یا Less استفاده کنید
با افزودن قوانین تو در تو، متغیرها، میکسین ها، وراثت انتخابگر، محاسبات ریاضی یا منطقی با CSS حرفه ای شوید… اگر قبلاً در Sass یا Less می نویسید، مزایای فراوانی را می دانید.
کدهای CSS و JS را کوچک کنید
اندازه کدهای خود را کاهش دهید تا وب سایت شما روان بماند و سریع بارگذاری شود. در یک نظرسنجی از ده وب سایت برتر ایالات متحده، Minification به کاهش 21 درصدی اندازه دست یافت.
(در بهترین روش ها برای افزایش سرعت وب سایت از یاهو ذکر شده است)
کدهای CSS و JS را صادر و وارد کنید
اینها کدهای شما هستند. شما می توانید هر کاری که می خواهید با آنها انجام دهید. اگر میخواهید از کد در نصب دیگری وردپرس استفاده کنید، میتوانید به سادگی کد را همراه با تمام ابردادهها (گزینهها، URL پیشنمایش، محدودیتهای URL، به جز ویرایشها) صادر کنید.
اسکرین شات افزونه
امکانات افزونه Simple Custom CSS And JS PRO
ویرایشگر متن با برجسته سازی نحو
کد را به صورت خطی یا موجود در یک فایل خارجی چاپ کنید
کد را در هدر یا پاورقی چاپ کنید
CSS یا JS را به قسمت جلو یا قسمت مدیریت اضافه کنید
هر تعداد کدی که می خواهید اضافه کنید
تغییرات خود را در هنگام تغییر تم نیز حفظ کنید
#بروز رسانی ها
بروز رسانی به نسخه 4.36.1
* Tweak: remove the kebab-case rule from the CSS linting