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

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

با سلام

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

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

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

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

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

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

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

درباره نویسنده



مینا رضوی
( عضو از 7 سال قبل )
  • 187 نوشته
  • 335 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
فراتر از همه با نوین وردپرس

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

دیدگاهتان را بنویسید

مطالب مرتبط



افزودن تومان به ووکامرس با افزونه wooper

3134
0
سلام دوستان در یک مقاله با شما هستیم در رابطه با افزودن یک واحد پولی جدید و پر کاربرد در ووکامرس . برخی از مدیران سایت ها دوست دارند ...
جزییات بیشتر آموزش را بخوانید!

حذف علامت سوال در لینک ها و بهبود سئو

3763
0
با سلام خدمت کاربران نوین وردپرس . با یه مطلب نوین دیگر در خدمت شما عزیزان هستیم . حتما خیلی شوکه شدید !!! کافیه خونسرد باشید و بقیه آموزش ...
جزییات بیشتر آموزش را بخوانید!

افزونه ایجاد صفحه ما در حال بروزرسانی هستیم

1787
0
شاید برای شما هم پیش اومده که بخوایین سایتتون رو بروزرسانی کنید و دوست داشته باشین که از صحفه ای استفاده کنید که برای کاربرانتون اطلاع رسانی کنید ...
جزییات بیشتر آموزش را بخوانید!

مجموعه ابزارک های مفید و کاربردی برای سایت های وردپرسی

1470
0
یکی از قابلیت های جذاب وردپرس این است که به شما این امکان را می دهد تا با استفاده از ابزارک های متنوع، سایت خود را سفارشی سازی ...
جزییات بیشتر آموزش را بخوانید!

بهترین راهکار های تجزیه و تحلیل برای کاربران وردپرس

2086
2
به دنبال بهترین راهکار های تجزیه و تحلیل برای سایت وردپرس خود هستید؟ تجزیه و تحلیل سایت به شما اجازه می دهد تا از تعداد کاربرانی که به ...
جزییات بیشتر آموزش را بخوانید!

معرفی بهترین افزونه های همکاری در فروش وردپرس

2203
0
آیا به دنبال بهترین افزونه های افیلیت برای وردپرس برای وب سایت خود هستید؟ همکاری در فروش یا همان افیلیت مارکتینگ، نوعی روش بازاریابی هوشمندانه و مدرن است ...
جزییات بیشتر آموزش را بخوانید!

جستجوی سریع مطالب در وردپرس با Algolia

1954
0
فرقی نمی کند که شما یک سایت فروشگاهی با صدها محصول را اداره می کنید یا صاحب یک سایت آموزشی هستید و یا هر سایت دیگری، به هر ...
جزییات بیشتر آموزش را بخوانید!

آموزش اضافه کردن ورود به وردپرس از طریق فیس بوک

1944
0
آیا تا به حال با سایت هایی مواجه شده اید که به فیس بوک متصل بوده و امکان ثبت نام با آنرا فراهم می کنند؟ آیا میخواهید امکان ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

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

جستجو کنید…

همکار ما شوید

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

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