افزودن ویرایشگر زنده کدهای css در وردپرس

با سلام

همانطور که می دانید CSS یک استاندارد در زمینه طراحی وب می باشد. و همه جزئیات از جمله ویرایش رنگ و دکمه و موقعیت نوشته ها و… که در یک سایت مشاهده می کنید همگی از طریق کد های CSS ایجاد و پیکره بندی می شوند. اما مشکلی که در بسیاری از موارد پیش می آید این است که شما می خواهید یک عکس و یا نوشته و… را ویرایش کنید اما سردرگم هستید که این قسمت را از کدام بخش از فایل Style.css ویرایش کنید و دچار مشکل جدی میشود . شما می توانید به وسیله افزونه ای که در این آموزش قرار داده ایم را به راحتی ای موارد را ویرایش کنید. افزونه ای که میخواهیم امروز برای شما معرفی کنیم افزونه SiteOrigin CSS نام دارد.

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

در قسمت مشخص شده در تصویر فوق می توانید کد های CSS را ویرایش کنید. در این بخش شما می توانید قسمت دلخواه خود را ویرایش کنید و پس از ایجاد تغییرات مورد نظر نتایج تغییرات را بصورت زنده مشاهده کنید.

همانطور که در تصویر می بینید با استفاده از کد های سمت چپ می توانید به راحتی تصویر را ویرایش کنید. پس با استفاده از این افزونه کدنویسی css المان های سایت راحت از قبل شده و شما میتوانید از ویرایشگر زنده سایت خود لذت ببرید.

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

در پایان می توانید با زدن تیک مشخص شده وارد بخش نهایی یا همان قسمت ذخیره سازی کد CSS وارد شوید. کد دریافتی را می توانید save را کلیک کنید تا کد ویرایشی شما جایگزین کد قبلی شود. با تشکر از شما ، همینک می توانید این افزونه را از لینک زیر دریافت کنید.

دانلود افزونه so-css