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

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

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

اگرچه امروزه وردپرس محبوب ترین سیستم مدیریت محتوا برای توسعه و طراحی وب سایت ها است اما محبوبیت روزافزون این CMS منجر به طراحی سایت های مشابه با عملکردهای یکسان شده است.

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

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

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

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

آموزش ویرایش قالب وردپرس به صورت دستی

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

در این آموزش از قالب “دو هزار و هفده” استفاده کرده ایم و بعضی تغییراتی که با استفاده از صفحه سفارشی سازی می توانید به قالب اعمال کنید را توضیح می دهیم.

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

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

همچنین برای سفارشی سازی قالب وردپرس خود می توانید در پیشخوان وردپرس به مسیر نمایش » پوسته ها بروید. در این صفحه روی دکمه “سفارشی سازی” قالب فعال سایت خود کلیک کنید. صفحه ای مشابه شکل زیر باز می شود.

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

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

صفحه سفارشی سازی قالب به شما اجازه ویرایش عنوان و تگ لاین سایت را می دهد. برای انجام این کار تنظیمات “هویت سایت” را باز کنید و متن مورد نظر خود را عوض کنید.

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

همانطور که متن را تایپ می کنید می توانید متن جدید را در پیش نمایش سمت چپ صفحه مشاهده کنید. هنگامی که تغییرات را اعمال کردید روی دکمه انتشار کلیک کنید.

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

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

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

ابتدا افزونه هایی که می توانید از آنها برای ویرایش قالب وردپرس بدون اعمال هیچ کدی استفاده کنید را معرفی کرده سپس افزونه هایی که می توانید با وارد کردن کدهای CSS و جاوااسریپت یا اعمال تغییرات در فایل functions.php در قالب سایت وردپرسی خود تغییرات ایجاد کنید را معرفی می کنیم.

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

Theme Editor

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

افزونه Theme Editor یکی از بهترین افزونه های ویرایش قالب و افزونه های وردپرس است که به شما امکان ویرایش فایل های قالب، ساخت فولدر، آپلود فایل ها و حذف فایل ها یا فولدرها در قالب و افزونه ها را می دهد. شما به راحتی می توانید قالب ها و افزونه ها را به طور مستقیم سفارشی سازی کنید.

برخی ویژگی های کلیدی افزونه Theme Editor عبارت است از:

  • ویرایش فایل های قالب و افزونه ها
  • ویرایشگر کد (پشتیبانی از PHP، HTML، CSS و JavaScript)
  • امکان ساخت و حذف فولدر در قالب ها و افزونه ها
  • امکان ساخت و حذف فایل در قالب ها و افزونه ها
  • امکان آپلود و دانلود فایل ها در قالب ها و افزونه ها
  • امکان دانلود کل افزونه یا قالب
  • دوپلیکت کردن قالب فرزند موجود
  • و بسیاری موارد دیگر

Microthemer Lite

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

اگر می خواهید قالب سایت خود را سفارشی سازی کنید بدون اینکه کوچکترین دانشی درباره CSS، HTML و PHP داشته باشید، افزونه Microthemer Lite یکی از بهترین افزونه های ویرایش قالب وردپرس است که می توانید از آن استفاده کنید.

این افزونه یک ویرایشگر بصری قالب است که به شما اجازه می دهد بدون نوشتن کد، ظاهر هر قالب یا افزونه وردپرسی را سفارشی سازی کنید. شما با استفاده از افزونه Microthemer Lite می توانید محتوای هر قالب یا افزونه وردپرس را نیز سفارشی سازی کنید. به عنوان مثال فرم های تماس را می توانید تا کوچکترین جزئیات آن سفارشی کنید.

برخی از ویژگی های این افزونه عبارت است از:

  • امکان استایل دهی هر چیزی در صفحه وب خود شامل عنوان ها، فهرست ها، فوترهای سایدبار، محتوای افزونه و بسیاری موارد دیگر
  • بیش از 100 گزینه استایل دهی شامل فونت های گوگل، رنگ پس زمینه، فونت فامیلی، سایه انداختن و بسیاری موارد دیگر
  • طراحی رسپانسیو و پیش نمایش طراحی ها در صفحات مختلف
  • برون بری طراحی ها به صورت یک فایل zip
  • دارا بودن حالت پیش نویس به صورتی که می توانید تغییرات را روی سایت زنده امتحان کنید بدون اینکه تأثیری روی آنچه که بازدیدکنندگان مشاهده می کنند، داشته باشد.
  • و بسیاری موارد دیگر

در نسخه رایگان این افزونه تنها می توانید 15 سلکتور را ویرایش و ایجاد کنید. برای دستیابی به گزینه های سفارشی سازی پیشرفته تر باید نسخه Pro افزونه را خریداری کنید.

Customify

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

Customify یک افزونه انعطاف پذیر ، متنوع و غنی از ویژگی های سفارشی ویرایش قالب وردپرس است که شما را قادر می سازد گزینه های سفارشی سازی پیشرفته ای را برای ویرایش قالب در سایت خود اضافه کنید.

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

برخی از ویژگی های این افزونه عبارت است از:

  • دارای یک گزینه color picker یا انتخاب رنگ است که با استفاده از آن می توانید هر رنگی را به وب سایت خود اختصاص دهید.
  • یک ویرایشگر CSS زنده را مستقیماً به سفارشی ساز اضافه می کند تا به شما امکان دهد خصوصیات CSS سفارشی خود را اضافه کنید.
  • یک سلکتور منوی کشویی را به صورت خودکار اضافه می کند.
  • یک فیلد متنی را اضافه می کند که به شما امکان می دهد خصوصیاتی مانند فوتر یا عنوان سایت را شخصی سازی کنید.
  • دارای یک سری تنظیمات پیش فرض است که شما را قادر می سازد گروهی از فیلدهای شخصی سازی را تغییر دهید.

CSS Hero ( افزونه های پرمیوم ویرایش قالب وردپرس)

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

CSS Hero یک افزونه اختصاصی و پرمیوم وردپرس است که امکان شخصی سازی ویژگی ها و خصوصیات عناصر مختلف را فراهم می کند. این افزونه دارای رابط کاربری بسیار کاربر پسند و بصری است.

CSS Hero به شما امکان می دهد طراحی و ظاهر قالب خود را مطابق با نیازهای سایت خود تغییر دهید. شما می توانید از رابط کشیدن و رها کردن این افزونه برای ویرایش عناصر قالب خود استفاده کنید. حتی اگر هیچ مهارت کد نویسی ندارید، می توانید سایت خود را دقیقاً به همان صورتی که می خواهید بسازید.

یکی دیگر از راه های ویرایش قالب وردپرس و شخصی سازی آن، وارد کردن کدهای CSS و PHP از طریق فایل های style.css و functions.php و هچنین وارد کردن کدهای جاوااسکریپت در قسمت های مختلف سایت است.

بسته به اینکه برای ویرایش قالب می خواهید چه کدی را به کدام یک از فایل ها و قسمت های سایت خود وارد کنید، افزونه های مختلفی در اختیار شما قرار دارد. این افزونه ها برخلاف افزونه های معرفی شده در فوق، بدون نیاز به کدنویسی نیستند و باید کد را در آنها وارد کنید. اما روند اضافه کردن کدها به فایل های مهم سایت مانند functions.php را راحت تر کرده و ریسک انجام این کار را پایین می آورند. همچنین اگر قالب وردپرس خود را بروزرسانی کنید، این تغییرات از دست نخواهند رفت.

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

Simple Custom CSS (بهترین افزونه های اضافه کردن CSS سفارشی برای ویرایش قالب و افزونه های وردپرس)

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

افزونه Simple Custom CSS با بیش از 300000 نصب فعال و کسب امتیاز 4.8 از 5 محبوب ترین افزونه وردپرس برای اضافه کردن کدهای CSS سفارشی به سایت است. این افزونه کاملاً بروز است و با آخرین تغییرات وردپرس آپدیت می شود.

افزونه Simple Custom CSS رایگان بوده و استفاده از آن بسیار آسان است و به شما امکان می دهد استایل های سفارشی CSS را روی استایل های پیش فرض قالب و افزونه ها بازنویسی کنید.

Jetpack Custom CSS

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

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

برای آشنایی با نحوه استفاده از این افزونه و فعال کردن ماژول های آن مقاله آموزش افزونه Jetpack را مطالعه کنید.

TJ Custom CSS

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

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

افزونه TJ Custom CSS به شما اجازه اضافه کردن کدهای سفارشی را به دو صورت می دهد:

  • پیش نمایش زنده: این افزونه به شما امکان می دهد تا ضمن ویرایش کدهای CSS سفارشی ، تغییرات را به صورت زنده مشاهده کنید.
  • تنظیمات: برای افزودن کدهای جدید CSS سفارشی، یک باکس یا یک ناحیه متنی به شما داده می شود که می توانید کد خود را در آن اضافه کنید.

WP Add Custom CSS

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

WP Add Custom CSS  به شما امکان می دهد CSS سفارشی را به کل وب سایت و همچنین نوشته ها، برگه ها و انواع پست های سفارشی مانند محصولات Woocommerce اضافه کنید.

اگر قوانین CSS را روی کل وب سایت اعمال کنید، بر استایل شیت های پیش فرض قالب و افزونه های شما نیز اعمال می شود.

Simple Custom CSS and JS ( بهترین افزونه های اضافه کردن CSS و JS سفارشی برای ویرایش قالب و افزونه های وردپرس)

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

افزونه Simple Custom CSS and JS یکی از بهترین افزونه های ویرایش قالب از طریق اعمال کدهای CSS و جاوااسکریپت است که استفاده از آن بسیار آسان است. با استفاده از ویرایشگر کد درون ساخته این افزونه می توانید اسنیپت های کد را از پیشخوان وردپرس به سایت خود اضافه کنید.

افزونه Simple Custom CSS and JS ویژگی های مفید دیگری مانند هایلایت سینتکس، گزینه های مکان یابی کد، پشتیبانی فرانت اند و بخش مدیریت و موارد دیگر را دارا است.

Scripts n Styles

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

افزونه   Scripts n Styles به مدیران سایت های وردپرسی امکان اضافه کردن کدهای CSS و JS سفارشی را به نوشته ها، برگه ها و انواع پست های سفارشی می دهد. همچنین می توانید کلاس ها را به تگ body و container اضافه کنید. این افزونه دارای یک صفحه تنظیمات کلی است که به شما امکان اعمال کد را به تمام وبلاگ می دهد.

Insert Headers and Footers

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

Insert Headers and Footers  یک افزونه ساده است که به شما امکان می دهد کدهایی مانند Google Analytics ، CSS ، Facebook Pixel  و موارد دیگر را بدون نیاز به ویرایش فایل های قالب در هدر و فوتر سایت وردپرس خود وارد کنید.

برای آشنایی با نحوه استفاده از این افزونه، مقاله آموزش افزونه Insert Headers and Footers را مطالعه کنید.

بهترین افزونه های اضافه کردن کد PHP به وردپرس برای ویرایش قالب وردپرس

My Custom Functions

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

افزونه My Custom Functions یک افزونه ساده و رایگان وردپرس برای اضافه کردن کدهای سفارشی است. این افزونه به شما امکان می دهد که به سادگی و مهمتر از آن با امنیت کامل، هر مقدار کد PHP که بخواهید در سایت وردپرسی خود پیاده سازی کنید. هنگام استفاده از افزونه My Custom PHP می توانید کد PHP دلخواه خود را در فیلد ارائه شده وارد کنید. این فیلد مجهز به هایلایت سینتکس، شماره گذاری خط و قابلیت استفاده از دندانه گذاری تب ها است.

Code Snippets

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

افزونه Code Snippets به شما امکان می دهد با استفاده از سیستمی مشابه صفحه افزونه ها، هر تعداد اسنیپت PHP که بخواهید را به سادگی ایجاد و پیاده سازی کنید. شما می توانید اسنیپت های خود را ردیابی کند و همچنین برای استفاده های بعدی آنها را فعال یا غیرفعال کنید.

برای کسب اطلاعات بیشتر درباره این افزونه و نحوه استفاده از آن مقاله آموزش افزونه Code Snippets را مطالعه کنید.

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

امیدواریم این آموزش مورد توجه شما قرار گرفته و استفاده لازم را برده باشید. دیدگاه های خود را با ما در میان بگذارید.

درباره ی مینا قدسی

مطلب پیشنهادی

خطاهای رایج وردپرس

خطاهای رایج وردپرس و چگونگی رفع آنها | متداول ترین خطاهای وردپرس

وردپرس محبوب ترین سیستم مدیریت محتوا است و به گونه ای طراحی شده است که …

پاسخی بگذارید

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