ویرایش استایل CSS بصورت زنده با Visual CSS Style Editor

ویرایش استایل CSS بصورت زنده

افزونه ای که امروز معرفی میکنم، برای اشخاصی مناسب است که میخواهند استایل سایت وردپرسی خود را به صورت زنده و بصری ویرایش کنند. این افزونه به شما امکان می دهد هر صفحه و قالب را بدون برنامه نویسی سفارشی کنید. یک افزونه قدرتمند و کاربردی در بین سایر افزونه های ویرایش استایل css است.

ویژگی های افزونه Visual CSS Style Editor

• سفارش سازس تمام صفحات و المنت ها
• انتخابگر css خودکار
•  دارای بیش از ۵۰ خاصیت css
• امکان کشیدن و رها کردن
• ویرایش فاصله داخلی و خارجی
• تغییر اندازه المنتها به صورت زنده
• مدیریت تغییرات
• دارای قابلیت پیش نمایش زنده
• Undo / Redo
• برون ریزی فایل های stylesheet
• برون ریزی / درون ریزی

نحوه کار با افزونه Visual CSS Style Editor

همانند همیشه افرونه را نصب و فعال کنید. سپس منو جدیدی به نام Yellow pencil به بخش پیشخوان وردپرس اضافه  می شود. روی customizations / lets start کلیک کنید. حال وارد بخش بصری استایل css شده اید.

در پنچره باز شده صفحه مورد نظرتان را انتخاب و در پایین تعیین کنید استایل جدید تنها روی همین صفحه یا تمامی صفحات اعلام شود. حال روی بخش هایی از صفحه که قصد دارید استایل آنها را ویرایش کنید کلیک نمایید.

با انتخاب المنت های صفحه، سمت راست در پنجره سفارش سازی گزینه هایی را مشاهده و در صورت نیاز میتوانید متن، فونت، پس زمینه، فاصله داخلی و خارجی، حاشیه و سایه باکس ها را به صورت زنده تغییر دهید.

همچنین در سمت چپ صفحه، ابزارهایی وجود دارد که میتوانید ابزار انتخابی را تغییر و یا روی ابزار css editor کلیک و کدهای css آن بخش را ویرایش و ذخیره کنید. به علاوه میتوان با ابزارهای undo / redo تغییرات را به حالت قبل برگرداند.

برای استفاده از امکانات بیشتر میتوانید نسخه حرفه ای افزونه را تهیه کنید.

موفق و پیروز باشید.