آموزش ایجاد تغییرات css در سایت با افزونه مداد زرد

پس از فعال کردن افزونه، منوی YelowPencile به پیشخوان وردپرس اضافه می­شود. همچنین در نوار مدیریتی وردپرس در مرورگر، گزینه Edit With YellowPencile  را مشاهده می­کنید.

سفارشی سازی عناصر با افزونه مداد زرد

برای تغییر عناصر با افزونه مداد زرد کافیست سایتتان را در مرورگر باز کرده و گزینه Edit With YellowPencile در نوار مدیریتی وردپرس را کلیک کنید.  صفحه سایت در حالت ویرایش با مداد زرد قرار گیرد.

حال المانی را که می­ خواهید تغییر دهید انتخاب کرده و از منو سمت راست، نسبت به تغییر قسمت ­های مختلف المان اقدام کنید. به­ طور مثال با استفاده از مداد زرد فونت، اندازه، رنگ، پس زمینه، border، انیمیشن و تعداد بسیار زیادی از خواص عناصر سایت قابل ویرایش و تغییر است.

ذکر این نکته ضروری است که اولویت تغییر المان­ ها با امکانات صفحه ­ساز ویژوال کامپوزر می­ باشد. اگر برای المانی امکان ویرایش با صفحه­ ساز وجود نداشت استفاده از افزونه مداد زرد توصیه می­شود. همچنین به یاد داشته باشید در استفاده از افزونه مداد زرد دقت کافی کنید تا با تغییراتی که اعمال می­شود، واکنشگرا(ریسپانسیو) بودن سایتتان از بین نرود.

حالت ریسپانسیو افزونه مداد زرد

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

افزونه قدرتمند مداد زرد تقریبا با همه قالب­ ها و افزونه­ ها سازگاراست.  استفاده هوشمندانه از ابزارهای آن به شما برای طراحی یک سایت حرفه­ ای و کاربر پسند کمک میکند.