آموزش جامع استفاده از کدهای HTML، CSS و JS در وردپرس با قالب فرزند (Child Theme)
اگر میخواهید از کدهای آماده برای شخصیسازی سایت خود استفاده کنید، این راهنما قدم به قدم شما را همراهی میکند.
اگر میخواهید از سورس کدهای آماده HTML، CSS و JS در وردپرس استفاده کنید تا صفحات لندینگ یا محصول اختصاصی و سفارشی ایجاد نمایید، لازم است از قالب فرزند (Child Theme) برای توسعه وردپرس استفاده کنید. این مجموعه ویدئویی، شما را قدم به قدم در این مسیر راهنمایی میکند. (برای آشنایی با ساختار وردپرس، مقاله وردپرس چیست را مطالعه کنید).
بخش اول: چرا باید از قالب فرزند استفاده کنیم؟
در این ویدیو با مفهوم قالب فرزند و اهمیت آن در توسعه ایمن و استاندارد وردپرس آشنا میشوید.
استفاده مستقیم از کدهای سفارشی در قالب اصلی، یک اشتباه بزرگ است. با هر بهروزرسانی قالب، تمام تغییرات شما از بین خواهد رفت. قالب فرزند به شما اجازه میدهد تمام سفارشیسازیها را در یک محیط مجزا و ایمن انجام دهید، بدون آنکه نگران آپدیتهای آینده قالب اصلی باشید. این روش، استاندارد حرفهای توسعه وردپرس است که در دوره آموزش طراحی سایت ما نیز بر آن تأکید میشود.
بخش دوم: آموزش ساخت و فعالسازی قالب فرزند
در این ویدیو به صورت عملی یاد میگیرید که چگونه در چند دقیقه یک قالب فرزند برای قالب فعلی خود بسازید.
فرآیند ساخت قالب فرزند بسیار ساده است. شما تنها به ساخت یک پوشه جدید و دو فایل اصلی نیاز دارید: فایل style.css برای معرفی قالب فرزند و فایل functions.php برای فراخوانی صحیح استایلهای قالب مادر. این ویدیو تمام مراحل را به صورت گام به گام به شما نشان میدهد تا به راحتی قالب فرزند خود را آماده کنید.
بخش سوم: افزودن کدهای سفارشی به وردپرس
حالا که قالب فرزند آماده است، در این ویدیو یاد میگیرید چگونه کدهای HTML، CSS و JS خود را به آن اضافه کنید.
برای پیادهسازی یک صفحه سفارشی، ابتدا یک فایل قالب صفحه (Page Template) جدید در پوشه قالب فرزند خود ایجاد میکنیم و کدهای HTML را در آن قرار میدهیم. سپس فایلهای CSS و JS اختصاصی خود را به روش استاندارد وردپرس و از طریق فایل functions.php فراخوانی (Enqueue) میکنیم تا صفحه لندینگ شما با ظاهر و عملکرد دلخواه به نمایش درآید.
سوالات متداول
اگر میخواهید تغییرات شما دائمی باشد، بله. اگر کدها را مستقیم در قالب اصلی بریزید، با اولین آپدیت قالب، همگی پاک میشوند. قالب فرزند (Child Theme) تنها روش استاندارد و امن برای توسعه است.
اگر در فایل functions.php خطایی داشته باشید، ممکن است سایت بالا نیاید. به همین دلیل همیشه پیشنهاد میکنیم قبل از تغییرات بکآپ بگیرید و یا از طریق هاست (File Manager) به فایلها دسترسی داشته باشید تا کد اشتباه را پاک کنید.
