اضافه کردن کد css به سایت | افزونه اضافه کردن کد js
افزونه simple custom css and js pro یک افزونه کاربردی وردپرس است که میتوان کدهای CSS/JS را به سایت اضافه کرد. این افزونه، قابلیتهای مهمی مانند شرطی کردن اعمال کدهای دلخواه در کل وب سایت یا در یک صفحه یا URL خاص دارد. با افزونه اضافه کردن کد دلخواه به وردپرس میتوانید ظاهر یا عملکرد سایت را با استفاده از کدنویسی CSS و JS کنترل کنید.
افزونه simple custom css امکان استفاده از کدهای دلخواه در URL و یا صفحههای مختلف سایت و فروشگاه را میدهد. این افزونه میتواند کدها در ناحیۀ هدر یا فوتر با اولویت مشخص لود کند و ویژگیهای بیشتر دیگری دارد که در ادامه به آنها میپردازیم.
قوانین شرطی برای اعمال کدها در صفحات
همانطور که در ابتدا گفته شد، افزونه simple custom css and js pro اجازه میدهد که کدها را براساس شرط در صفحات اعمال کنیم. به عنوان نمونه، اگر میخواهید یک قطعه کد فقط در صفحه اصلی سایت لود شود و دیگر صفحات لود نشود، این قابلیت وجود دارد. شرطهای دیگری نیز در دسترس است که میتوان لود قطعه کدها را براساس URL خاص، برچسب، برابر بودن یا نبودن با URL تعریف کرد.
کنترل کامل کدها و نمایش براساس شرایط
در ادامۀ توضیحات برای شرطی کردن لود کدها، امکان نوع قرار گرفتن قطعه کد (داخل یک فایل یا انلاین) در دسترس است. همچنین افزونه کد دلخواه به هدر و فوتر وردپرس میتواند کدهایی که اضافه میکنید را خودکار فشردهسازی و بهینه کند.
پیشنمایش زنده برای دیدن نتیجه کار
قبل از اعمال کدها، میتوان در صفحۀ ویرایش و افزودن کد با استفاده از ابزار پیشنمایش زنده، خروجی کار را مشاهده کرد.
بررسی و مقایسه کدها در بازه زمانی
در صورتی که قطعه کدی را از قبل اضافه کردید و اکنون آن را تغییر دادید، در محیط ویرایشگر کد افزونه simple custom css and js، میتوانید تفاوت میان کدها را مشاهده کنید.
قابلیت فشرده سازی کدها و بهینه سازی
افزونه simple custom css and js pro قابلیت بهینه سازی و فشرده سازی قطعه کدهای CSS و JS را دارد و نیازی به افزونه جانبی نیست.
قابلیت درونریزی و برونبری کدهای CSS/JS
افزونه کد دلخواه به هدر و فوتر وردپرس دارای ویژگی امپورت و اکسپورت کدها است که برای انتقال کدها به سایت دیگری بسیار کاربردی است. اگر از قبل کدهایی را نوشتهاید و قوانین تعریف کردید، در سایت بعدیتان نیاز به تعریف مجدد نیست و کافیست فایل خروجی را درونریزی کنید. افزونه simple custom css and js pro دارای یک نسخه رایگان در مخزن وردپرس است که امکانات کمتری دارد.
ویژگیهای کلیدی افزونه simple custom css and js pro
- امکان شرطی کردن تزریق کدها براساس نوع دستگاه (موبایل، تبلت یا دسکتاپ)
- اضافه کردن نامحدود قانون و کد برای اضافه کردن JS یا CSS به صفحات سایت
- دارای قابلیت ویرایشگر متن با برجسته سازی کدها و syntax ها
- امکان درونریزی و برونبری کدهای JS, CSS در سایت
- چاپ کد به صورت درون خطی یا در یک فایل جداگانه
- امکان قرار دادن کدهای دلخواه داخل هدر و فوتر
- سازگار با همه قالبهای استاندارد وردپرس
سوالات ذهنی شما در مورد افزونه simple custom css js
افزونه simple custom css js نیاز به فعال بودن نسخه رایگان دارد؟
خیر. افزونه simple custom css and js pro نیازی به نصب و فعال بودن نسخه رایگان مخزن وردپرس ندارد.
افزونه اضافه کردن کد دلخواه به سایت چه تفاوتی با نسخه رایگان دارد؟
همه امکانات و قابلیتهایی که در نسخه رایگان simple custom css and js pro قفل هستند در نسخه پرو کاملاً قابل استفادهاند. کافیه نسخه رایگان را غیرفعال و حذف کنید و سپس این نسخه را نصب و فعال کنید.
آیا افزونه از پیش پردازنده LESS یا Sass برای CSS پشتیبانی میکند؟
بله. نسخه پرو دارای این ویژگی است. اگر نیاز به پیش پردازنده کدهای CSS با LESS یا Sass هستید، در این نسخه، این ویژگی تعبیه شده است.
افزونه بسیار بسیار جالبی هست که جای معتبر دیگه یی ندیدم عرضه شده باشه و تنها مارکت معتبری که می شناسم عرضه کرده، تم فور هست.
حالا چرا جالب، چون با استفاده هم زمان با مداد زرد یک ترکیب عالی می شن و بدون ذره ای سواد کدنویسی می تونید مثل یک کد نویس حرفه ای، هر تغییری تو استایل سایت دوس داشتین می تونید بدید……حالا چجوری؟؟؟؟
مداد زرد رو روی css خارجی و حالت پیش نویس تنظیم کنید…..تغییرات لازم رو با ویرایشگر بصری مداد زرد انجام بدید…..بعد برید کدهای css تولید شده با مداد زرد رو کپی و از طریق این افزونه به سایت اضافه کنید و بعد کد تولید شده رو از مداد زرد پاک کنید…..برای جلوگیری از سنگین شدن سایت، بعد از انجام کار می تونید مداد زرد رو غیر فعال کنید……یک جالبی خیلی عالی دیگه این افزونه هم اینه که می تونید کدهای اضافه شده رو بصورت شرطی قانون بذارید تا در صفحات خاصی ا جرا بشه و در تمام سایت اجرا نشه
از لطف شما و اشتراک گذاری اطلاعاتتون فرهاد عزیز بسیار متشکریم. موفق باشید.