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

  • توسط ميلاد جوان بخت
  • ۳ سال پیش
  • ۰
ویرایش فایل های CSS قالب در وردپرس به صورت زنده

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text]

شاید بخواهید سایت خود را با استفاده از زبان CSS به صورت سفارشی کد نویسی کنید و تغییرات را به صورت زنده مشاهده نمایید . خوب در وردپرس بهترین راهی که برای حل هر مشکلی به نظر می رسد ، استفاده از افزونه می باشد و این نیز ، استثناء نمی باشد .

اگر به دنبال افزونه هایی می گردید که بتوانید سایت خود را آن گونه که مایل هستید برنامه نویسی و تغییرات را به صورت زنده مشاهده کنید انتخاب های زیادی خواهید داشت . در ادامه به معرفی ۳ مورد از بهترین افزونه های رایگان در این زمینه می پردازیم .

  1. Advanced CSS Editor

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

پس همین حالا دستگاه مورد نظر خود را انتخاب کنید . کد های دستوری که نیاز است را وارد کنید و نتیجه کار خود را ببینید  .

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

Advanced CSS

  1. Custom CSS

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

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

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

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

Customizer CSS

  1. Modular Custom CSS

اگر جزو آن دسته از افرادی هستید که پوسته سایت خود را زود به زود عوض می کنید ، این افزونه برای شما ساخته است .

افزونه را نصب و فعال کنید سپس به Appearance > Customize مراجعه و گزینه Custom CSS را انتخاب کنید . منوی ویرایشگر را پیدا خواهید کرد و سپس می توانید شروع به نوشتن کد های دستوری دلخواه خود کنید .

قابل ذکر است تغییراتی را که در هر پوسته ایجاد می کنید فقط متعلق به همان پوسته است و پوسته های دیگر دچار تغییری نخواهند شد .

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

Modular

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

  • facebook
  • googleplus
  • twitter
  • linkedin
  • linkedin
  • linkedin

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *