سایت برتر

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

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

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

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

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

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

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

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

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

سفارش سازی صفحات

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

ویرایش المنت های صفحه

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

ادیتور افزونه

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

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

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.

اطلاعاتی دارید که تکمیل‌کننده این مقاله باشد؟ ارسال کنید.

لطفا در این بخش، تنها اطلاعات تکمیلی در رابطه با موضوع فوق ارسال کنید. به منظور افزایش کیفیت محتوا، سوالات و متن ارسالی خارج از موضوع این مقاله، تایید نمی‌شوند. اگر سوالی دارید می‌توانید از بخش جامعه ارسال بفرمایید. متخصصان وردپرس پاسخگوی شما هستند.

سوال دارم

  1. U6319 ۱۹ فروردین ۱۳۹۷

    سلام و درود
    اگر امکانش هست افزونه Yellow Pencil نسخه پولی را برای فروش قرار دهید ، هنوز افزونه ای با این قدرت و امکانات ندیده ام
    اگر که تصمیم به خریداری و فروش گرفتید حتما به من اطلاع بدین
    تشکر

  2. کاربر مهمان ۱۴ فروردین ۱۳۹۷

    سلام و عرض ادب
    بابت افزونه خوبی که معرفی کردید ممنون. آیا شما نسخه حرفه ای این افزونه را جهت فروش قرار نمیدهید؟

  3. کاربر مهمان ۱۴ فروردین ۱۳۹۷

    سلام
    وقتتون بخیر
    میخواستم بدونم با این افزونه میشه به راستچین کردن قالبها هم پرداخت. چون من یک قالب دارم که کمی مشکل داره و باید خودم یک سری قسمتهاشو راستچین کنم.
    ولی میخواستم بدونم برای راستچین کردن حرفه‌ای کل قالب هم میشه از این افزونه استفاده کرد؟