یکی از چالشهای مهم برای مدیران وبسایتهای وردپرسی، ویرایش قالب وردپرس است. در این صفحه، انواع راهکارهای ویرایش قالب وردپرس را معرفی میکنیم. با تم فور، به زبان ساده اما حرفهای، وردپرس را یاد میگیرید، با این آموزش وردپرس با ما همراه باشید.
اما چطوری میتوانیم برای سفارشی سازی ظاهر قالب یا کدهای آن، قالب وردپرس خود را ویرایش کنیم؟. نگران نباشید، در آموزش ویرایش قالب وردپرس، به روشهای مختلفی برای این کار پرداخته شده است. مطمئناً پس از مطالعه این آموزش، اطلاعات مفید و کاربردی بدست خواهید آورد.
سرفصلهای این مقاله:
چگونه قالب وردپرس را ویرایش کنیم؟
اگر صاحب یک سایت وردپرسی هستید، احتمالاً این سوال برایتان پیش آمده که چگونه قالب وردپرس را ویرایش کنیم تا ظاهر سایت دقیقاً مطابق با سلیقهمان باشد. خوشبختانه وردپرس این امکان را بهسادگی در اختیار شما قرار میدهد.
برای ویرایش قالب میتوانید از دو روش استفاده کنید: استفاده از سفارشیساز (Customizer) برای تغییرات ساده مثل رنگ، فونت و لوگو، یا رفتن به مسیر پیشرفتهتر با ویرایش فایلهای قالب از طریق پنل مدیریت یا هاست. همچنین اگر از قالبهای سازگار با صفحهسازهایی مانند المنتور استفاده میکنید، ویرایش بخشهای مختلف سایت تنها با درگ و دراپ انجام میشود.
در این راهنما با روشهای مختلف و امن برای ویرایش قالب وردپرس آشنا میشوید؛ از شخصیسازی بدون کدنویسی گرفته تا تغییرات حرفهای در فایلهای PHP و CSS.
ویرایش قالب وردپرس از طریق ویرایشگر پیشخوان
از طریق پیشخوان وردپرس امکان دیدن کدهای قالب و ویرایش آنها وجود دارد. کافیست به منوی نمایش -> ویرایشگر پرونده پوسته بروید.
اگر زیرمنوی ویرایشگر پرونده پوسته را نمیببینید، دلیلش میتواند حذف شدن این زیرمنو توسط افزونههای امنیتی باشد.
بعد از آنکه به صفحه ویرایشگر پرونده پوسته رفتید، به صورت خودکار، روی قالب فعال تنظیم میشود و میتوانید بدون اقدام خاصی، فایلهای قالبتان را ببینید.
آشنایی با فایلهای قالبهای وردپرسی:
- شیوهنامه چیست؟ منظور از شیوهنامه همان فایل css است. در این فایل برخی از کدهای css قالب در آن قرار گرفته است.
- منظور از توابع پوسته چیست؟ توابع پوسته یا فایل فانکشن قالب، بخشی از کدهای مهم php قالب در آن وجود دارد.
- پابرگ یا پاورقی به معنی فوتر است. همچنین سربرگ نیز همان هدر سایت است.
- درون فایل css کدهای css برای راستچین کردن قالب قرار میگیرد.
برای اضافه کردن کد css دلخواه از طریق ویرایشگر پرونده پوسته، میتوانید کدهای CSS خود را به انتها یا ابتدای فایل style.css یا rtl.css اضافه کنید. برای خوانایی و جلوگیری از بروز مشکلات، بهتر است کدها را در انتهای این فایلها قرار دهید.
همچنین اگر کد php دارید، کد php خود را درون فایل فانکشن functions.php قرار بدید.
اضافه کردن کد دلخواه یا ویرایش کدها از طریق المنتور
اگر از صفحه ساز المنتور و افزونه المنتور پرو استفاده میکنید، از طریق منوی کد سفارشی یا کد دلخواه، میتوانید کدهای موردنظرتان را به سایت اضافه کنید.
در این روش، هیچ نیازی به ویرایش قالب وردپرس نیست! فقط کدهای سفارشی خود را اضافه کنید تا به سایت اضافه شود.
این روش برای اضافه کردن کدهای جاوا اسکریپت JS بسیار عالی و کاربردی است.
استفاده از افزونه ویرایش قالب وردپرس
به جز صفحه ساز المنتور، افزونههایی برای ویرایش قالب وردپرس در دسترس هستند. این نوع افزونهها، کاملاً برای اضافه کردن کد سفارشی به سایت طراحی شدهاند.
یکی از بهترین افزونه های ویرایش قالب وردپرس، افزونه Simple Custom CSS and JS است. این افزونه ویرایش قالب وردپرس، امکانات فوق العادهای دارد. براساس شرایط مختلف میتوانید کدهای CSS/JS مورد نظرتان را به سایت اضافه کنید.
حتی این افزونه اجازه میدهد کد HTML هم به محتوای سایتتان اضافه نمایید.
همچنین میتوانید روش تزریق کد سفارشی به سایت را هم سفارشی کنید. در نسخه پرو، امکانات بیشتری هم این افزونه دارد. اگر این افزونه برایتان جذاب است، میتوانید نسخه پرو افزونه simple custom css and js pro را تهیه کنید تا به همه امکانات آن دسترسی پیدا کنید.
استفاده از افزونه مداد زرد وردپرس
یکی دیگر از راههای ویرایش قالب وردپرس، استفاده از افزونه مداد زرد است. توسط این پلاگین قدرتمند، میتوانید به راحتی، ظاهر کل سایت را براساس نیاز خودتان شخصی سازی و کاستوم کنید. این پلاگین هیچ گونه کد php یا js به صفحات تزریق نمیکند و کاملاً با استفاده از CSS این کار را انجام میدهد. دو نسخه از این پلاگین برای ویرایش قالب وردپرس در دسترس است. نسخه رایگان با امکانات محدودتر در مخزن وردپرس قرار گرفته است.
چطوری کدهای قالب رو شخصی سازی کنیم؟
تا قبل از ظهور صفحه سازهای وردپرس، با استفاده از ابزار inspect مرورگر میتوانستیم از نظر ظاهری (کد css) تغییراتی لحظهای روی ظاهر صفحه اعمال کنیم. سپس کد آن را کپی و در فایل استایل قالب خود قرار دهیم.
اگر از صفحه سازی مانند المنتور استفاده میکنید، نیازی به این کار نیست و از طریق محیط ویرایشگر المنتور میتوانید به صورت لحظهای تغییرات را بدهید و ذخیره کنید.
بهترین روش برای ویرایش قالب وردپرس کدام است؟
ویرایش فایلهای اصلی قالب، عملی اشتباه است. چراکه با آپدیت کردن قالب، شخصی سازیها و تغییراتی که روی فایلها دادهاید از بین میرود. برای جلوگیری از این مسئله، دو راه وجود دارد. راه اول: استفاده از افزونه ویرایش قالب وردپرس. راه دوم: استفاده از چایلد تم است.
با این دو روش، حتی با آپدیت شدن قالب اصلی هم، کدهای شما محفوظ میماند و نیاز به اقدامی نیست.
جمع بندی آموزش ویرایش قالب وردپرس
در این آموزش چندین روش بسیار کاربردی و تضمینی برای ویرایش قالب وردپرس را معرفی کردیم. توسط این روشها، به سادگی میتوانید تغییراتی در کدهای قالب وردپرس سایتتان بدهید. امیدواریم به مانند این راهنما، تغییرات مورد نظرتان را روی سایت اعمال کنید. با آرزوی سلامتی و موفقیت روزافزون کسب و کارتان.
