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

همه شما عزیزان با فایل Style.css آشنا هستید و میدانید که بارها و بارها نیاز به ویرایش کدهای این فایل، هنگام مدیریت و ایجاد تغییرات میباشد. برای اینکه بتوانید با دسترسی راحت تر و بصورت زنده کدهای Style.css را ویرایش کنید
افزونه Visual CSS Style Editor
افزونه ویژوال سی اس اس استایل ادیتور ویژگی های یک ویرایشگر زنده را در اختیار شما خواهد داشت تا بدون نیاز به هرگونه کد نویسی و تنها با انتخاب و تغییر شاخصه های ویرایشی به راحتی قالب دلخواه خود را ویرایش، راستچین یا دارای جلوه های منحصر به فردی نمایید که قبل از آن به فکر شما خطور نمیکرد.
قابلیت های افزونه Visual CSS Style Editor وردپرس
- اختصاص بیش از ۵۰ ویژگی و خصوصیت برای المنت های قالب شما
- تغییر استایل های هر المنت بدون نیاز به کد نویسی و دانش
- تغییر کدی استایل تغییر زنده و بدون نیاز به بارگذاری مجدد صفحه جهت مشاهده آنی تغییرات اعمال شده
- قابلیت کشیدن و رها کردن هر المنت جهت جابجایی همیشگی در قالب ورپرسی شما
- تغییر زنده سایز هر المنت بدون نیاز به هرگونه کد نویسی
- ساخت انیمیشن برای هر المنت به صورت زنده در حالت های مختلف
- وجود بیش از ۵۰ مدل انیمیشن جهت بکارگیری در محتوای وب سایت وردپرسی
- استفاده از حالت قاب و تعیین فاصله برای هر قسمت از قالب شما
- بیش از ۵۰ حالت انیمیشنی آماده برای استفاده در قالب وردپرس
- راهنمای هوشمند هر بخش جهت سهولت در استفاده از افزونه
- قرارگیری اطلاعات طراحی و قابلیت مشاهده و ویرایش کد های ایجاد شده در استایلها
- انتخاب رنگ دلخواه جهت نسبت به متون و بخش های وب سایت شما
- امکان استفاده از جلوه های ویژه و فیلتر های سی اس اسی در نسخه پیشرفته
- پشتیبانی از انتخاب خصوصیات هر نطقه ای از وب سایت که کلیک خواهید کرد
- پشتیبانی از تغییر سایز، تغییر استایل و مدیریت استایل ها در افزونه
- قابلیت بازگردانی به حالت قبل در صورت بروز مشکلامکان تغییر قالب استایل ها برای صفحات مجزا و بکارگیری در مطالب خاص
- کلید های میانبر ، بروز رسانی خودکار و مستندات افزونه بکارگیری بیش از ۶۰۰ فونت انگلیسی در نسخه پرو و انگلیسی این افزونه
- بکارگیری بیش از ۳۰۰ تصویر زمینه جهت استفاده در جایگاه های مورد نظر شما
- استفاده از پالت رنگ های استاندارد فلت ( رنگ های تخت محبوب ) در المان ها
- ابزار اندازه گیری و تغییر اندازه المان ها و محتوای قالب
- امکان ساخت انیمیشن دلخواه و ذخیره جهت استفاده های بعدی
- پشتیبانی از وب سایت های واکنشگرا و عدم تداخل در این خصوصیت قالب ها
- انتخاب جلوه ویژه جهت هنگامی که موس بروی محتوایی قرار می گیرد یا بروی آن کلیک می شود
- انتخاب حالت های ویژه جهت مدیریت جستجو در وب سایت شما
- ویژگی های گرفتن و رها کردن هر المنت و محتوا (drag & drop)
آموزش کار با افزونه Visual CSS Style Editor
پس از دانلود، نصب و فعالسازی این پلاگین وردپرس، یک آیتم جدید در منو پیشخوان وردپرس شما با نام Yellow Pencil ایجاد خواهد شد. مانند تصویر زیر:
همچنین در آیتم نمایش نیز یک زیر منو با نام Yellow Pencil Editor ایجاد خواهد شد. مانند تصویر زیر:
پس از کلیک بر روز گزینه Yellow Pencil Editor، به صفحه مربوط به ویرایش زنده کدهای سی اس اس برای قالب وردپرس خود هدایت میشوید. مانند تصویر زیر:
در این صفحه میتوانید براحتی از تمامی ویژگی های سی اس اس برای تمامی المنت های موجود در صفحه استفاده کنید.
دانلود افزونه Visual CSS Style Editor
مطالب مرتبط:
نمایش آمار تصادفی در وردپرس با افزونه TF Random Numbers
ساخت ارتقاء محتوا در وردپرس با افزونه OptinMonster
لود صفحه قبل از بارگذاری کامل آن
جلوگیری از کپی تصاویر در وردپرس
درباره Mostafa Shoa
مدیر تیم پارس نویس، کارشناس مهندسی نرم افزار، مدرس دوره های برنامه نویسی و طراحی سایت در مدارس تیزهوشان، مشاور تبلیغات و بازاریابی استارتاپ ها و کسب و کارهای اینترنتی
نوشته های بیشتر از Mostafa Shoa
دیدگاهتان را بنویسید