افزونه وردپرس Yellow Pencil – افزونه ویرایشگر حرفه ای وردپرس
Yellow Pencil یا افزونه مداد زرد یک ویرایشگر زنده و فوق حرفه ای است که هم مبتدیان و هم حرفه ای ها را کمک می کند که خیلی راحت قالبهای خودشان را ویرایش کنند.فرقی نمی کند شما از چه قالبی استفاده می کنید.مداد زرد تمام تگ های موجود در قالب شما را شناسایی می کند و امکان ویرایش آن ها را در اختیار شما قرار می دهد.مداد زرد یک ویرایشگر زنده و فوق العاده حرفه ای که تک تک عناصر قالب شما را می شناسد و به شما امکان تغییر و ویرایش تگ ها را می دهد. فرقی نمی کند چه قالبی داشته باشد مداد زرد با تمام قالب ها دوست است. به شما امکان می دهد بدون حتی یک خط کد نویسی و فقط از طریق چند کلیک قالبتان را آنگونه که دوست دارید ویرایش کنید.
افزونه ویرایش آنلاین قالب وردپرس Yellow Pencil یا مداد زرد، نه تنها برای افراد تازه کار و مبتدی و کسانی که با نوشتن و ویرایش استایل های CSS آشنایی ندارند مناسب است، بلکه حتی برای افراد حرفه ای و طراحانی که مایلند در زمان خود صرفه جویی کرده و تغییرات وسیعی را در بازه زمانی کوتاه روی یک سایت وردپرسی اعمال کنند نیز انتخابی عالی به شمار میرود.
همانطور که احتمالا تا اینجا هم متوجه شده اید، افزونه Yellow Pencil به شما اجازه میدهد که استایلها و نمای سایت خود را به صورت زنده و لحظه ای و بدون نیاز به دستکاری کدهای سایت، سفارشی کنید. در صورت استفاده از این ویرایشگر css، تنها کاری که لازم است بکنید، کلیک روی بخش مورد نظر سایت است تا استایل های بخش مورد نظر به صورت گرافیکی در اختیار شما قرار بگیرند. پس از این، همه چیز به سادگی و با چند کلیک قابل انجام خواهد بود.
با امکانات این افزونه میتوانید هر عنصری در سایتتان را ویرایش کنید. مثلا میتوانید رنگ ها را تغییر دهید. اندازه فونت ها را تغییر دهید. اندازه عناصر و فواصل را عوض کنید. موقعیت عناصر را تغییر دهید و …
افزونه مداد زرد قدرتمندترین ویرایشگر وردپرس
این افزونه در واقع تمامی امکاناتی که برای سفارشی سازی ظاهر سایتتان احتیاج دارید را در اختیار شما قرار میدهد. یلو پنسل به ویژگی های پیشرفته از جمله امکان تغییر اندازه به صورت گرافیکی، درگ اند دراپ و ابزارهای اندازه گیری مجهز است. همچنین در آن منابعی از جمله الگوهای پس زمینه، فونت ها متنوع، پالت های رنگ و ابزارهای طراحی ریسپانسیو نیز به چشم میخورد. بنابراین افزونه Yellow Pencil هم برای حرفه ای ها و هم برای مبتدی ها، میتواند بسیار مفید باشد.
همچنین بد نیست به این نکته هم اشاره کنیم که به گفته طراح، این افزونه با هر سایت وردپرسی، هرر نوع قالب و افزونه وردپرسی هماهنگ بوده و تنها با یک کلیک، امکان سفارشی سازی عناصر سایت را برای شما فراهم میکند.
برخی از قابلیت ها و امکانات آخرین ورژن افزونه Yellow Pencil :
انتخابی عالی هم برای حرفه ای ها و هم برای مبتدی ها
Yellow Pencil یا افزونه مداد زرد یک ویرایشگر زنده و فوق حرفه ای است که هم مبتدیان و هم حرفه ای ها را کمک می کند که خیلی راحت قالبهای خودشان را ویرایش کنند.فرقی نمی کند شما از چه قالبی استفاده می کنید.مداد زرد تمام تگ های موجود در قالب شما را شناسایی می کند و امکان ویرایش آن ها را در اختیار شما قرار می دهد.مداد زرد یک ویرایشگر زنده و فوق العاده حرفه ای که تک تک عناصر قالب شما را می شناسد و به شما امکان تغییر و ویرایش تگ ها را می دهد. فرقی نمی کند چه قالبی داشته باشد مداد زرد با تمام قالب ها دوست است. به شما امکان می دهد بدون حتی یک خط کد نویسی و فقط از طریق چند کلیک قالبتان را آنگونه که دوست دارید ویرایش کنید.
برخی از قابلیت ها و امکانات آخرین ورژن این افزونه نسخه ۷٫۱٫۶:
ویرایش در حالت زنده و فرونت پیج
قابل انعطاف و هوشمند، ساز گار با هر قالبی
امکان ویرایش متن، پس زمینه، حاشیه ، پدینگ، بوردر یا مرز، رنگ بندی، فواصل حروف و کلمات و خطوط، چیدمان عناصر
Yellow Pencil یا افزونه مداد زرد یک ویرایشگر زنده و فوق حرفه ای است که هم مبتدیان و هم حرفه ای ها را کمک می کند که خیلی راحت قالبهای خودشان را ویرایش کنند.فرقی نمی کند شما از چه قالبی استفاده می کنید.مداد زرد تمام تگ های موجود در قالب شما را شناسایی می کند و امکان ویرایش آن ها را در اختیار شما قرار می دهد.مداد زرد یک ویرایشگر زنده و فوق العاده حرفه ای که تک تک عناصر قالب شما را می شناسد و به شما امکان تغییر و ویرایش تگ ها را می دهد. فرقی نمی کند چه قالبی داشته باشد مداد زرد با تمام قالب ها دوست است. به شما امکان می دهد بدون حتی یک خط کد نویسی و فقط از طریق چند کلیک قالبتان را آنگونه که دوست دارید ویرایش کنید.
برخی از قابلیت ها و امکانات آخرین ورژن این افزونه نسخه ۷٫۱٫۰:
۱-ویرایش در حالت زنده و فرونت پیج
۲-قابل انعطاف و هوشمند، ساز گار با هر قالبی
۳- امکان ویرایش متن، پس زمینه، حاشیه ، پدینگ، بوردر یا مرز، رنگ بندی، فواصل حروف و کلمات و خطوط، چیدمان عناصر
افزونه ویرایشگر قالب مداد زرد Yellow Pencil یا افزونه مداد زرد یک ویرایشگر زنده و فوق حرفه ای است که هم مبتدیان و هم حرفه ای ها را کمک می کند که خیلی راحت قالبهای خودشان را ویرایش کنند.فرقی نمی کند شما از چه قالبی استفاده می کنید.مداد زرد تمام تگ های موجود در قالب شما را شناسایی می کند و امکان ویرایش آن ها را در اختیار شما قرار می دهد.مداد زرد یک ویرایشگر زنده و فوق العاده حرفه ای که تک تک عناصر قالب شما را می شناسد و به شما امکان تغییر و ویرایش تگ ها را می دهد. فرقی نمی کند چه قالبی داشته باشد مداد زرد با تمام قالب ها دوست است. به شما امکان می دهد بدون حتی یک خط کد نویسی و فقط از طریق چند کلیک قالبتان را آنگونه که دوست دارید ویرایش کنید.
برخی از قابلیت ها و امکانات آخرین ورژن افزونه ویرایشگر قالب مداد زرد نسخه ۷٫۰٫۴:
۱-ویرایش در حالت زنده و فرونت پیج
۲-قابل انعطاف و هوشمند، ساز گار با هر قالبی
۳- امکان ویرایش متن، پس زمینه، حاشیه ، پدینگ، بوردر یا مرز، رنگ بندی، فواصل حروف و کلمات و خطوط، چیدمان عناصر
Yellow Pencil یا افزونه مداد زرد یک ویرایشگر زنده و فوق حرفه ای است که هم مبتدیان و هم حرفه ای ها را کمک می کند که خیلی راحت قالبهای خودشان را ویرایش کنند.فرقی نمی کند شما از چه قالبی استفاده می کنید.مداد زرد تمام تگ های موجود در قالب شما را شناسایی می کند و امکان ویرایش آن ها را در اختیار شما قرار می دهد.مداد زرد یک ویرایشگر زنده و فوق العاده حرفه ای که تک تک عناصر قالب شما را می شناسد و به شما امکان تغییر و ویرایش تگ ها را می دهد. فرقی نمی کند چه قالبی داشته باشد مداد زرد با تمام قالب ها دوست است. به شما امکان می دهد بدون حتی یک خط کد نویسی و فقط از طریق چند کلیک قالبتان را آنگونه که دوست دارید ویرایش کنید.
برخی از قابلیت ها و امکانات آخرین ورژن این افزونه نسخه ۷٫۰٫۴:
۱-ویرایش در حالت زنده و فرونت پیج
۲-قابل انعطاف و هوشمند، ساز گار با هر قالبی
۳- امکان ویرایش متن، پس زمینه، حاشیه ، پدینگ، بوردر یا مرز، رنگ بندی، فواصل حروف و کلمات و خطوط، چیدمان عناصر
Yellow Pencil یا افزونه مداد زرد یک ویرایشگر زنده و فوق حرفه ای است که هم مبتدیان و هم حرفه ای ها را کمک می کند که خیلی راحت قالبهای خودشان را ویرایش کنند.فرقی نمی کند شما از چه قالبی استفاده می کنید.مداد زرد تمام تگ های موجود در قالب شما را شناسایی می کند و امکان ویرایش آن ها را در اختیار شما قرار می دهد.مداد زرد یک ویرایشگر زنده و فوق العاده حرفه ای که تک تک عناصر قالب شما را می شناسد و به شما امکان تغییر و ویرایش تگ ها را می دهد. فرقی نمی کند چه قالبی داشته باشد مداد زرد با تمام قالب ها دوست است. به شما امکان می دهد بدون حتی یک خط کد نویسی و فقط از طریق چند کلیک قالبتان را آنگونه که دوست دارید ویرایش کنید.
برخی از قابلیت ها و امکانات آخرین ورژن این افزونه نسخه ۷٫۰٫۰:
۱-ویرایش در حالت زنده و فرونت پیج
۲-قابل انعطاف و هوشمند، ساز گار با هر قالبی
۳- امکان ویرایش متن، پس زمینه، حاشیه ، پدینگ، بوردر یا مرز، رنگ بندی، فواصل حروف و کلمات و خطوط، چیدمان عناصر
استفاده از ویرایشگر کدها در وردپرس با افزونه WP Editor
وردپرس دارای افزونهها و قالبهای زیادی است که با کمک آنها میتوانیم یک سایت براساس نیاز خود بسازیم. گاهی اوقات نیاز به شخصیسازی افزونه یا قالبی را داریم و برای این منظور باید سمت کدهای آن رفته و تغییرات مورد نظر را ایجاد کنیم. برای این کار، نیازمند یک ویرایشگر در سیستم خود هستیم. حال اگر این ویرایشگر در محیط وردپرس باشد به نفع ماست و راحتتر میتوانیم تغییرات را روی سایت ببینیم. در مقاله آموزشی امروز میخواهیم شما را با ویرایشگر کدها در وردپرس آشنا کنیم.
ویرایشگر کدها در وردپرس با WP Editor
WP Editor افزونه مخصوص ویرایش است که جایگزین افزونههای پیش فرض و ویراستاران قالب و همچنین ویرایشگر برگه و پست میشود. قابلیت یکپارچگی با CodeMirror و FancyBox برای ایجاد محیطی غنی، WP Editor را به ویرایشگر قدرتمندی تبدیل کرده است.
امکانات
قابلیت CodeMirror
ارائه محیط کدنویسی
ارائه چندین تم برای محیط ویرایشگر کدها در وردپرس
ویرایش تمام صفحه (F11،ESC)
جستجوی متن (CTRL + F)
تنظیمات منحصر به فرد برای هر ویرایشگر
FancyBox برای مشاهده تصویر
مرورگر AJAX
لیست افزونهها و تمها و نمایش فایلهای هر کدام همراه با امکان ویرایش
کارکرد بسیار ساده و کاربرپسند
و…
نصب و راهاندازی افزونه
ابتدا افزونهی WP Editor را از انتهای صفحه دانلود کنید. سپس از مسیر افزونهها> افزودن اقدام به نصب و فعالسازی افزونه نمایید. پس از نصب و فعالسازی منوی جدیدی به نام WP Editor در پنل مدیریتی وردپرس اضافه خواهد شد.
عملکرد افزونه
همانطور که اشاره کردیم این افزونه جهت ویرایش و مشاهده قالبها و افزونههای وردپرسی طراحی شده است و این امکان را به شما میدهد تا در محیط وردپرس اقدام به طراحی و توسعه کنید!
تنظیمات اولیه افزونه
برای پیکربندی و تنظیم نحوه عملکرد افزونه از پنل مدیریتی وردپرس بر روی منوی WP Editor کلیک کنید.
این صفحه شامل چهار بخش برای تنظیمات کلی و پیکربندی است.
Main setting: شامل تنظیمات کلی و پایه افزونه است. این بخش را به صورت پیشفرض باقی بگذارید.
Theme Editor: اعمال پیکربندیهای مربوط به بخش ویرایشگر قالب از این صفحه قابل دسترسی است.
Plugin Edior: تنظیمات مربوط به ویرایشگر افزونه را از این بخش اعمال کنید.
Post Editor: تنظیمات مربوط به پیکربندی ویرایشگر کدها در وردپرس.
تنظیمات بخش های ویرایشگر
تنظیمات سه بخش ویرایشگر کدها در وردپرس، افزون و قالب مشابه هم هستند:
Theme: ظاهر و پوسته کادر کدنویسی ویرایشگر را از این کشو انتخاب کنید.
Extensions: در این بخش اجازه ویرایش فایلهایی با پسوندهای منتخب را صادر میکنید.
Font Size: سایز فونت.
Line Numbers: فعال کردن قابلیت شمارهگذاری خطوط کدها.
Active Line Highlighting: فعال کردن قابلیت هایلایت شدن کدها.
Indent Size: سایز تورفتگی.
Tab Characters: هنگام زدن دکمه tab بین کدها فاصله ایجاد شود یا یک تب در نظر گرفته شود.
Tab size: سایز تب.
Editor Height: ارتفاع قسمت کدنویسی.
: فعال کردن دکمه آپلود فایلها در ویرایشگر افزونه و قالب.
نحوه کار با افزونه
بعد از انجام تنظیمات سه ویرایشگر به شما ارائه خواهد شد که در ادامه آن ها را مفصل بررسی میکنیم.
ویرایشگر افزونهها: جهت ویرایش افزونه که از مسیر افزونهها> Plugin Editor قابل دسترسی است.
ویرایشگر قالب: به منظور ویرایش قالبهای شما و از مسیر نمایش> Theme Editor قابل دسترسی است.
ویرایشگر مطالب وردپرس: همان ویرایشگر متنی وردپرس است که قابلیتهای جدیدی به آن اضافه شده است.
ویرایشگر افزونه ها در وردپرس
برای ویرایش و مشاهده فایلهای مربوط به افزونهها، به مسیر افزونهها > Plugin Editor رجوع کنید.
به صفحهای مشابه تصویر زیر هدایت خواهید شد.
از کشوی بالای صفحه میتوانید از بین پلاگینهای نصب شده (فعال و غیر فعال) پلاگین مورد نظر را جهت تغییر، مشاهده و توسعه انتخاب کنید. سپس بر روی دکمه select کلیک کنید.
نکته: اگر افزونه مورد نظر شما در بین موارد موجود نبود و یا آن را نصب نکرده بودید، میتوانید از قسمت Upload Files در سمت راست صفحه، کمک بگیرید و با کلیک بر روی دکمه Browse افزونه مورد نظر را انتخاب کرده و آن را آپلود کنید.
در نهایت تمامی پوشهها و فایلهای مربوط به افزونه (تصاویر، فایلهایcss و…) برای شما لیست خواهند شد. با دابل کلیک بر روی هر کدام، قادر به مشاهده کدهای آن در پنجره کدنویسی خواهید بود.
به کمک دکمههای بالای بخش کدنویسی قادر به ذخیرهسازی، بازگردانی، جستجو، جایگزینی و… در ویرایشگر کدها در وردپرس خواهید بود.
و همچنین دکمههای پایین کادر کدنویسی شامل:
Download Plugin: امکان دانلود تمام فایلها و پوشههای افزونه انتخاب شده در قالب یک فایل زیپ را خواهید داشت.
Download File: امکان دانلود فایل جاری که در حال ویرایش و مشاهده آن هستید.
Create New Plugin: تهیه و کدنویسی افزونه جدید.
Update File: بروزرسانی فایل جاری.
در نهایت تغییرات خود را در همین جا بر روی فایل اعمال کنید و بر روی دکمه save کلیک کنید.
ویرایشگر قالب در وردپرس
قابلیت مشاهده فایلهای مربوط به قالبها امکان دیگری برای ویرایشگر کدها در وردپرس است که این افزونه در اختیار طراحان وبسایتهای وردپرسی قرار میدهد. برای مشاهده و ویرایش و شخصیسازی فایلها به جای رجوع به مسیر ftp و دسترسی به فایلهای اصلی می توانید مستقیما از محیط وردپرس اقدام به ویرایش کنید. قابلیت جذاب این افزونه، هایلایت بودن کدها است که میتوانید پارامترها و مقادیر را به راحتی تشخیص دهید و در صورت وارد کردن اطلاعات نادرست، به سرعت متوجه خطای خود شوید. برای دسترسی به این امکان افزونه به مسیر نمایش> Theme Editorرجوع کنید.
به صفحهای مشابه تصویر زیر هدایت خواهید شد. محیطهای ویرایشگر افزونه و قالب شبیه هم هستند. از کشوی مقابل Select theme to edit قالب مورد نظر خود را انتخاب کنید. سپس بر روی دکمه select کلیک کنید. (این کشو شامل قالبهایی است که تاکنون به وردپرس معرفی کرده اید.)
نکته: برای انتخاب قالبی به جز موارد موجود در کشو، از بخش upload files و به کمک دکمه browse قالب مورد نظر خود را انتخاب کرده و آن را آپلود کنید.
در نهایت تمامی فایلها و پوشههای مرتبط با قالب انتخاب شده، برای شما لیست میشوند. میتوانید از بین آن ها فایل مورد نظر خود را جهت مشاهده و ویرایش انتخاب کنید و آن را در قسمت کدنویسی بررسی کنید. در قسمت پایین ویرایشگر کدها در وردپرس، دکمههایی جهت انجام عملیات تغییر و توسعه وجو دارد که به شرح زیر هستند:
Download Theme: جهت دانلود تمام فایلها و پوشههای قالب انتخاب شده در قالب فایل زیپ.
Download File: جهت دانلود فایل جاری که در حال ویرایش و مشاهده آن هستید.
Create New Theme: تهیه و کدنویسی قالب جدید.
Update File: بروزرسانی فایل جاری.
عملیات مشاهده، کدنویسی، تغییر و یا توسعه خود را انجام داده و در پایان بر روی دکمه save کلیک کنید.
ویرایشگر مطالب وردپرس
اگر به قسمت ویرایشگر متن وردپرس در برگه یا نوشتههای خود، دقت کنید شاهد این نکته خواهید بود که همان ویرایشگر قبلی را به همراه قابلیتهای جدید در اختیار دارید.
قابلیتهای این قسمت در قسمت تنطیمات افزونه در دسترس هستند و در صورت عدم تمایل به تغییر این بخش میتوانید آن ها را غیر فعال کنید.
ترفند چپ چین کردن محیط کد نویسی افزونه
به صورت تجربی میدانیم که وقتی زبان وردپرس فارسی شود محیط کدنویسی این افزونه هم تحث تاثیر آن، راست چین میشود! برای چپ چین کردن محیط کدنویسی توسط همین افزونه، به مسیر افزونه ها> Plugin Editor رجوع کرده از داخل کشوی افزونهها، افزونه WP Editor را انتخاب کنید. فایل wpeditor.css را باز کنید و قطعه کد زیر را در آن وارد کنید:
Direction:ltr;
روی دکمه Save کلیک کنید. سپس محیط ویرایشگر کدها در وردپرس چپ چین خواهد شد.
نکته بسیار مهم: همیشه قبل از شروع هر تغییری از وردپرس خود یک نسخه پشتیبان تهیه کنید.
جمع بندی
در حالت عادی برای مشاهده کدهای هر قالب یا افزونه باید به صورت دستی و از طریق ftp اقدام کنید. افزونه WP Editor این قابلیت را دراختیار شما قرار میدهد تا هر افزونه و یا قالب مورد نظر خود را، در محیط وردپرس و در فضای کد نویسی باز کرده و تمامی فایلها و پوشه های مرتبط با آن ها را مشاهده و اقدام به تغییر و توسعه آنها کنید.
افزونه صفحه ساز و ویرایشگر دیداری دیوی Divi Builder نسخه ۲٫۰٫۵۶
Divi Builder نام یکی از پرطرفدارترین و قدرتمندترین افزونه های صفحه ساز وردپرس میباشد که توسط ان قادر هستید با کشیدن و رها کردن زیباترین صفحات را خلق کنید. قابل ذکر است که این افزونه صفحه ساز از تمام پوسته های پرطرفدار وردپرس پشتیبانی میکند و به راحتی این امکان را به شما میدهد تا تمامی قسمت های سایت خود را شخصی سازی کرده و نیازهای خود را برطرف کنید. صفحه ساز دیوی دارای ۴۰ ماژول محتوا و ۲۰ نوع ستون و همچنین سه نوع بخش میباشد.
در ادامه با استفاده از صفحه ساز Divi Builder میتوانید امکانات زیادی مانند: گالری تصاویر ، نمونه کارها ، تماس با ما ، هدرهای مختلف و همچنین موزیک پلیر را به وسیله آن به وبسایت خود اضافه کنید. همچنین میتوانید جهت نمایش خدمات و جدول قیمت محصولات خود از این صفحه ساز استفاده کنید.
در پایان صفحه ساز Divi Builder کاملا واکنش گرا میباشد و به خوبی در دستگاه های همراه مانند موبایل و تبلت نمایش داده خواهد شد. هم اکنون میتوانید این صفحه ساز را از سایت دلکد دانلود کرده و با امکانات دیگر آن آشنا شوید.
قابلیت های افزونه صفحه ساز و ویرایشگر دیداری دیوی Divi Builder نسخه ۲٫۰٫۵۶
دارا بودن عناصر بسیار زیاد
کاملا واکنش گرا
دارای عنصر گالری تصاویر
دارای عنصر نمونه کارها
دارای عنصر موزیک پلیر
دارای عنصر تماس با ما
دارای هدرهای مختلف
پشتیبانی از ووکامرس
دارای بخش فروشگاه
دارای مدل های مختلف متن