وقتی صحبت از بالابردن سرعت لود سایت میشود به تعداد زیادی از فایلهای js و css اشاره و پیشنهاد میگردد آنها را با هم ادغام کنید، و فایلهایی که از جای دیگر و سرور دیگری لود می شوند را از به هاست خودتان منتقل و لود کنید. یا زمانی که بخواهید تغییرات کوچک و بزرگی در قالب سایت بدهید نیاز خواهید داشت تا استایل مورد نظرتان را در یک فایل نوشته و آن را جداگانه ذخیره نمایید، البته میتوان در همان فایل استایل خود قالب آنرا اضافه نمود ولی مشکل اینجاست که اگر قالب را آپدیت کنید مسلماً همه تغییراتی که ایجاد کرده بودید از دست خواهد رفت. افزونه های زیادی برای این کار وجود دارند که شما بتوانید CSS دلخواه خود را در آنها ایجاد کنید ولی از آنجاییکه ما بسیاری از افزونه ها را تست زده ایم و با بعضی مدتها نیز کار کرده ایم، در این مطلب بهترین آنرا برای شما معرفی خواهیم کرد. افزونه ای که قصد معرفی آنرا داریم یک قابلیت خیلی خیلی بزرگ نیز دارد، و آنهم ایجاد تغییرات در قسمت مدیریت!! بله درست متوجه شدید، با کمک این افزونه شما میتوانید بخش مدیریت وردپرس را نیز بوسیله سی اس اس زیباتر کنید یا تغییری بدهید و سپس افزونه را طوری تنظیم نمایید که فقط استایل ایجاد شده از بخش مدیریت فراخوانی شود.
قابلیتهای افزونه ایجاد CSS دلخواه با نام Simple Custom CSS & JS
- ایجاد بینهایت فایل دلخواه
- دارای محیط کدنویسی Code Mirror
- ایجاد فایلهای CSS,JS,HTML
- مشخص کردن محل استفاده (نمای سایت یا مدیریت)
- مشخص کردن محل لود فایل (در قسمت هدر یا فوتر)
- مشخص کردن نوع فایل (لینک داخلی یا خارجی)
- نوع پردازش سی اس اس (Less یا عادی)(فقط نسخه پرو)
- نوع ایجاد فایل (فشرده یا عادی)(فقط نسخه پرو)
- امکان اعمال فایل ایجاد شده در سایتهای دیگر(فقط نسخه پرو)
برای شروع ابتدا این افزونه را از مخزن وردپرس دریافت نموده و سپس آنرا نصب نمایید
در بدو ورود به محیط افزونه ایجاد CSS دلخواه متوجه خواهید شد که در سایت فارسی، محیط کد میرور بصورت راست چین قرار گرفته و بخشی از کدها دیده نمیشود. نگران نباشید با کمک همین افزونه کاری میکنیم که خودش را درمان کند.
برای چپ چین کردن محیط CodeMirror کافیست داخل سی اس اس جدیدی که ایجاد کرده اید کد زیر را وارد نموده و آنرا ذخیره و با کمک Ctrl+F5 یکبار صفحه را رفرش نمایید. بسیار خب حال میتوانید از نوشتن کد لذت ببرید.
.codemirror{direction:ltr!important;}
اما چه کارهای مفید دیگری میتوانیم با این افزونه انجام دهیم؟
باید به این موضوع دقت کنید یا احتمالا خودتان متوجه شده اید که اضافه کردن CSS دلخواه فقط مختص قالب نیست، بلکه شما میتوانید برای تمام قسمتها شامل: تمامی بخشهای پیشخوان، تک تک افزونه ها، ایجاد عناصر جدید، ایجاد صفحات جدید… از آن استفاده نمایید.
کافیست بعد از پایان کد نویسی و قبل از ذخیره کردن آن مشخص کنید که کجا قرار است از آن استفاده شود. به همین راحتی و به همین خوشمزگی. بدون این افزونه شما مجبور میشدید برای هر قسمت یک افزونه مجزا نصب کنید در حالی که هم اکنون همه را با هم دارید.
بحث ما تنها افزودن CSS دلخواه نیست، چرا که شما میتوانید با کمک آن حتی فایلهای جاوااسکریپت تولید کنید، یا فایلهای موجود را که از جاهای دیگری لود میشود کپی کرده و یک نسخه از آن در سایت خود ایجاد نموده و لینک آن را در پوسته یا افزونه ویرایش نمایید.
امیدواریم با ایجاد CSS دلخواه برای وردپرس خود بتوانید دست به کارهای خلاقانه ای بزنید.
