ویرایش زنده کدهای CSS در وردپرس با SiteOrigin CSS

css-editor-hamyarwp

سلام خدمت تمامی کاربران عزیز همیار وردپرس ؛
CSS یک استاندارد جهانی برای طراحی صفحات وب است به طوری که تمامی مروگر ها از آن به صورت کامل پشتیبانی میکنند.
بهتر است که بدانید تمامی رنگ ها ، فونت ها ، موقعیت ها ، دکمه ها و… که در صفحات وب میبینید حاصل چندین خط کد CSS می باشد که
طراح قالب آن را ساخته است. اما این سوال احتمالا برای شما پیش آمده باشد که میخواهید قسمتی از کدهای CSS در وردپرس را ویرایش کنید (البته استایل) و برای این کار نمیدانید باید به سراغ چه قسمت از کد های فایل Style.css بروید و… پس تا آخر این آموزش با ما همراه باشید چرا که شما در پایان این آموزش میتوانید قسمت های مختلف سایتتان را ویرایش کنید.

ویرایش زنده کدهای CSS در وردپرس با SiteOrigin CSS

css-oirign-hamyarwp

این افزونه ساده میتواند در پنل مدیریت بستری برای شما فراهم کند تا شما بتوانید به صورت زنده کدهای CSS در وردپرس را ویرایش کنید و نتیجه بهتری دریافت کنید. افزونه SiteOrigin CSS در مخزن وردپرس به ثبت رسیده است و تا کنون بیش از ۱۰۰۰۰۰ بار نصب و فعال سازی شده است.
درواقع میتوان گفت که افزونه مطرحی می باشد.

آموزش کار با افزونه

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

custom-css-hamyarwp

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

site-origin-hamyarwp

به تصویر زیر توجه کنید:

tik-hamyarwp

در واقع من نوشته ای با عنوان “یک سایت دیگر با وردپرس فارسی ” را از رنگ سبز که به صورت پیش فرض بوده به رنگ قرمز تبدیل و حالت فونت یا همان (font-weight) در CSS را به حالت Bold (توپر) تبدیل کردم.
بعد از اتمام تنظیمات مورد نظر روی  آیکن “تیک” به منظور پایان تنظیمات کلیک کرده و وارد بخش نهایی یا همان ذخیره سازی کدهای CSS در وردپرس شده می شویم.

code-site-origin-hamyarwp

همانطور که گفته شده است با کلیک روی آیکن “تیک” وارد بخش ذخیره تنظیمات می شویم و در آن قسمت تمامی ویرایش هایی که انجام داده ایم به صورت کدهای CSS در وردپرس به نمایش در می آید و ما فقط و فقط کافیست که روی گزینه “Save CSS” کلیک کنیم تا ویرایشات ما ذخیره شود. (مانند تصویر زیر):

code-site-origin-hamyarwp

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

finish-site-origin-hamyarwp

نتیجه !!

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

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

دانلود افزونه SiteOrigin CSS

دانلود صفحه افزونه

نوشته ویرایش زنده کدهای CSS در وردپرس با SiteOrigin CSS اولین بار در همیار وردپرس پدیدار شد.

شاید این مطالب را هم دوست داشته باشید