راهکار جامع ویرایش قالب وردپرس
- زمان مطالعه: 7 دقیقه
- به‌روز رسانی در 26 آبان 1403
یکی از چالش‌های مهم برای مدیران وب‌سایت‌های وردپرسی، ویرایش قالب وردپرس است. در این صفحه، انواع راهکارهای ویرایش قالب وردپرس را معرفی می‌کنیم. با تم فور، به زبان ساده اما حرفه‌ای، وردپرس را یاد می‌گیرید، با این آموزش وردپرس با ما همراه باشید.
سر فصل‌های این مقاله:
اما چطوری می‌توانیم برای سفارشی سازی ظاهر قالب یا کدهای آن، قالب وردپرس خود را ویرایش کنیم؟. نگران نباشید، در آموزش ویرایش قالب وردپرس، به روش‌های مختلفی برای این کار پرداخته شده است. مطمئناً پس از مطالعه این آموزش، اطلاعات مفید و کاربردی بدست خواهید آورد.
ویرایش قالب وردپرس از طریق ویرایشگر پیشخوان
از طریق پیشخوان وردپرس امکان دیدن کدهای قالب و ویرایش آن‌ها وجود دارد. کافیست به منوی نمایش -> ویرایشگر پرونده پوسته بروید.
اگر زیرمنوی ویرایشگر پرونده پوسته را نمی‌ببینید، دلیلش می‌تواند حذف شدن این زیرمنو توسط افزونه‌های امنیتی باشد.
بعد از آنکه به صفحه ویرایشگر پرونده پوسته رفتید، به صورت خودکار، روی قالب فعال تنظیم می‌شود و می‌توانید بدون اقدام خاصی، فایل‌های قالب‌تان را ببینید.
آشنایی با فایل‌های قالب‌های وردپرسی:
- شیوه‌نامه چیست؟ منظور از شیوه‌نامه همان فایل 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 را تهیه کنید تا به همه امکانات آن دسترسی پیدا کنید.
چطوری کدهای قالب رو شخصی سازی کنیم؟
تا قبل از ظهور صفحه سازهای وردپرس، با استفاده از ابزار inspect مرورگر می‌توانستیم از نظر ظاهری (کد css) تغییراتی لحظه‌ای روی ظاهر صفحه اعمال کنیم. سپس کد آن را کپی و در فایل استایل قالب خود قرار دهیم.
اگر از صفحه سازی مانند المنتور استفاده می‌کنید، نیازی به این کار نیست و از طریق محیط ویرایشگر المنتور می‌توانید به صورت لحظه‌ای تغییرات را بدهید و ذخیره کنید.
بهترین روش برای ویرایش قالب وردپرس کدام است؟
ویرایش فایل‌های اصلی قالب، عملی اشتباه است. چراکه با آپدیت کردن قالب، شخصی سازی‌ها و تغییراتی که روی فایل‌ها داده‌اید از بین می‌رود. برای جلوگیری از این مسئله، دو راه وجود دارد. راه اول: استفاده از افزونه ویرایش قالب وردپرس. راه دوم: استفاده از چایلد تم است.
با این دو روش، حتی با آپدیت شدن قالب اصلی هم، کدهای شما محفوظ می‌ماند و نیاز به اقدامی نیست.
جمع بندی آموزش ویرایش قالب وردپرس
در این آموزش چندین روش بسیار کاربردی و تضمینی برای ویرایش قالب وردپرس را معرفی کردیم. توسط این روش‌ها، به سادگی می‌توانید تغییراتی در کدهای قالب وردپرس سایت‌تان بدهید. امیدواریم به مانند این راهنما، تغییرات مورد نظرتان را روی سایت اعمال کنید. با آرزوی سلامتی و موفقیت روزافزون کسب و کارتان.
تیم تولید محتوای تم فور
همۀ تلاش مجموعه‌ی تم فور اینه که بهترین آموزش‌ها برای وردپرس رو به صورت کاملاً رایگان برای جامعه‌ی وردپرس ایران تولید بکنه. امیدواریم آموزش‌های ما براتون مفید واقع بشه :)
این مقاله را با دوستان خود به اشتراک بگذارید
ثبت دیدگاه
