افزونه yellow pencil (مداد زرد) ویرایشگر زنده

قابلیت‌هایی مانند: پیش نمایش زنده، ادیتور CSS زنده، امکان کدنویسی زنده روی صفحه، امکان انتخاب فونت، رنگ متن، تنظیم فاصله و ساخت انیمیشن از ویژگی‌های ادیتور پلاگین مداد زرد است.

ابزارهای موجود در ادیتور افزونه yellow pencil

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

1. خانواده فونت (Font Family)
2. وزن فونت (Font Weight)
3. رنگ (Color)
4. سایه متن (Text Shadow)
5. اندازه فونت (Font Size)
6. ارتفاع خط (Line Height)
7. استایل فونت (Font Style)
8. تراز متن (Text Align)
9. تبدیل متن (Text Transform)
10. فاصله بین حروف (Letter Spacing)
11. فاصله بین کلمات (Word Spacing)
12. تزئین متن (Text Decoration)
13. تورفتگی متن (Text Indent)
14. پیچیدن کلمه (Word Wrap)
15. رنگ پس‌زمینه (Background Color)
16. تصویر پس‌زمینه (Background Image)
17. برش پس‌زمینه (Background Clip)
18. حالت ترکیب پس‌زمینه (Background Blend Mode)
19. موقعیت پس‌زمینه (Background Position)
20. اندازه پس‌زمینه (Background Size)
21. تکرار پس‌زمینه (Background Repeat)
22. پیوست پس‌زمینه (Background Attachment)
23. حاشیه بیرونی (Margin)
24. حاشیه داخلی (Padding)
25. حاشیه (Border)
26. شعاع حاشیه (Border Radius)
27. موقعیت (Position)
28. عرض (Width)
29. ارتفاع (Height)
30. لیست‌ها (Lists)
31. فِلِکس‌باکس (Flexbox)
32. انیمیشن (Animation)
33. سایه جعبه (Box Shadow)
34. تغییر حالت (Transition)
35. فیلتر (Filter)
36. تبدیل (Transform)
37. شفافیت (Opacity)
38. نمایش (Display)
39. اشاره‌گر (Cursor)
40. شناور (Float)
41. پاک‌سازی (Clear)
42. قابلیت مشاهده (Visibility)
43. رویدادهای اشاره‌گر (Pointer Events)
44. سرریز (Overflow)

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

افزونه yellow pencil امکان انتخاب و استفاده از بیش از ۱۹ فونت فارسی محبوب را فراهم می‌کند. می‌توانید فونت‌ها را برای متن‌ها، عناوین H1 تا H6 و سایر بخش‌های سایت به راحتی از طریق تنظیمات ویرایشگر افزونه انتخاب کنید و بدون نیاز به نصب افزونه جانبی یا تغییر در کدنویسی، ظاهر سایت خود را حرفه‌ای و هماهنگ با برندتان کنید.

سازگار با تمامی صفحه‌سازهای محبوب وردپرس

این افزونه به شما امکان می‌دهد صفحات ساخته‌شده با ویرایشگر گوتنبرگ، المنتور یا هر صفحه‌ساز دیگری را به دلخواه شخصی‌سازی کنید. همین امروز ظاهر سایت خود را متحول کنید.

ویژگی‌های کلیدی افزونه yellow pencil

• سفارشی‌سازی هر صفحه و یا هر عنصر (المنتز)
• امکان سفارشی‌سازی صفحه ورود وردپرس با افزونه yellow pencil
• انتخابگرهای خودکار CSS
• بیش از ۶۰ ویژگی CSS
• ویرایش بصری با کشیدن و رها کردن
• ویرایش بصری حاشیه (Margin) و فاصله داخلی (Padding)
• دارای ویرایشگر زنده CSS
• دارای پیش‌نمایش زنده
• دارای قابلیت مدیریت تغییرات
• سابقه‌ی لغو / انجام مجدد تغییرات (Undo/Redo)
• امکان خروجی گرفتن از فایل استایل (Stylesheet)
• دارای بازرسی انعطاف‌پذیر عناصر
• بازرسی اختصاصی برای هر عنصر
• ابزار واکنش‌گرا (Responsive)
• ابزار جستجوی عناصر
• ابزار اندازه‌گیری در ویرایشگر پلاگین مداد زرد
• نمای Wireframe
• ابزار نمایش اطلاعات طراحی
• تولیدکننده گرادینت (Gradient Generator)
• مدیریت انیمیشن‌های ساخته شده
• تولیدکننده انیمیشن
• بیش از ۳۰۰ الگوی پس‌زمینه
• دسترسی به تصاویر پس‌زمینه از Unsplash
• پالت‌های رنگی متریال و تخت (Flat & Material)
• دارای بیش از ۵۰ نوع انیمیشن

آیا افزونه مداد زرد با هر نوع قالبی سازگار است؟

بله. افزونه yellow pencil با هر نوع قالب یا افزونه‌ای سازگار است. مهم نیست نوع قالب وب سایت شما چیست، پس از نصب این افزونه، می‌توانید ظاهر صفحه‌های سایت را شخصی سازی کنید.

آیا پلاگین yellow pencil روی سرعت تاثیر می‌گذارد؟

پلاگین yellow pencil تنها کدهای CSS را به صفحات اضافه می‌کند. به همین جهت، تاثیر محسوسی روی عملکرد و سرعت وب سایت رخ نخواهد داد. توصیه می‌شود در تنظیمات، نوع چاپ CSS را روی درون خطی قرار دهید تا فایل CSS جدیدی در هنگام لود صفحه اضافه نشود.

آیا مداد زرد از فونت فارسی پشتیبانی می‌کند؟

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

افزونه وردپرس مداد زرد چگونه کار می‌کند؟

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

در کنار نسخه پرو، نیازی به نصب افزونه مداد زرد رایگان است؟

خیر. نسخه Pro کاملاً مستقل است و نیازی به فعال بودن افزونه مداد زرد رایگان (موجود در مخزن وردپرس) نیست.

گالری تصاویر افزونه مداد زرد۴ تصویر

ویرایشگر افزونه مداد زرد

محیط ویرایشگر افزونه مداد زرد

محیط تنظیمات افزونه مداد زرد

تنظیم‌های پلاگین مداد زرد