ایجاد تم کودک در وردپرس. چگونه یک تم کودک یا تم کودک وردپرس ایجاد کنیم

وردپرس همیشه با ویژگی های مخفی من را شگفت زده کرده است. و من نه از وجود این امکانات که از سادگی اجرای آنها شگفت زده شدم. البته، ویژگی‌های مخفی به اسرار بزرگ سیستم تعلق ندارند، فقط در حال حاضر، شما حتی نمی‌دانید چه «چنینی» را می‌توان در وردپرس انجام داد. قابلیت دسترسی برای ویرایش کدهای قالب های وردپرس در حال کار به شما این امکان را می دهد که ظاهر سایت را از تغییر طراحی تا ایجاد ویجت ها و افزونه های اضافی تغییر دهید و تکمیل کنید.

چرا به تم کودک نیاز دارید

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

تم کودک وردپرس چیست؟

تم کودک (تم کودک) ابزاری است که به شما امکان می‌دهد هر گونه تغییر صحیح در ظاهر (نسخه فایل style.css) و عملکرد سایت (فایل‌های functions.php و سایر فایل‌های قالب) ایجاد کنید و هنگام به‌روزرسانی، ویرایش را از دست ندهید. قالب

سبک‌ها و نشانه‌گذاری تم والد به درون تم کودک پمپ می‌شود و تغییرات در تم فرزند بالای آن‌ها لایه‌بندی می‌شود. ما همه تغییرات را در تم کودک ایجاد می کنیم و موضوع اصلی بدون تغییر باقی می ماند.

ایجاد یک تم کودک وردپرس – یک مثال عملی

اجازه دهید به شما یادآوری کنم که تمام مضامین سیستم در دایرکتوری wp-content/themes قرار دارند. در ادامه مراحل.

در پوشه wp-content/themes، یک پوشه با نام دلخواه برای تم فرزند ایجاد کنید. به عنوان مثال، من یک پوشه ایجاد می کنم: first-child-theme. نام دلخواه است، به زودی مورد نیاز خواهد بود.
در ویرایشگر متن مورد علاقه خود (من از Notepad++ استفاده می کنم) یک فایل متنی با پسوند css و سبک نام ایجاد کنید. ما نام را تغییر نمی‌دهیم و محتوای فایل در حال حاضر فقط باید شامل عنوان باشد:

/* نام تم: First child theme Theme URI: http: //domen.ru/ توضیحات: ایجاد یک تم کودک نویسنده: Igor Serov URI نویسنده: http: //site Template: zeefocus */

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

فایل را ذخیره کنید و آن را در پوشه فرزند تم، اولین تم آپلود کنید.
یک طرح زمینه کودک در کنسول سایت ظاهر می شود. نام با نام مشخص شده در خط مطابقت دارد: Theme Name. هنگامی که یک موضوع باز می شود، توضیحات مشخص شده از موضوع نمایش داده می شود - رشته توضیحات.

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

نحوه پر کردن تم کودک

این وظیفه را به شما یادآوری می‌کنم، ما به یک تم فرزند خالی نیاز نداریم، بلکه به تمی نیاز داریم که تم والد را کپی کند تا سبک‌ها و نشانه‌گذاری در آن را تغییر دهیم.

برای کپی کردن یک تم، از دو گزینه انتخاب کنید:

فایل والد style.css را کپی کنید و آن را به یک فایل تم فرزند مشابه منتقل کنید (تاکنون فقط یک مورد وجود دارد).
یا در فایل style.css تم فرزند، یک خط اضافی وارد کنید:

@import url(../zeefocus/style.css");<\pre>

جایی که zeefocus موضوع اصلی و اصلی است.

مهم! با این خط استایل های موضوع اصلی را بارگذاری می کنیم. حالا دیگر نیازی به کپی کردن فایل استایل نیست، می‌توانید در یک فایل تم فرزند خالی تغییراتی ایجاد کنید و استایل‌های تم اصلی را بازنویسی کنید. می‌توانید فایل style.css را از پنل مدیریت سایت، با موضوع، در برگه ویرایش کنید ظاهر → ویرایشگر.

فراموش نکنید که تابع import را از هدر فایل حذف کنید style.css.

فایل های تم دیگر

باز هم دو گزینه

فایل های خالی با نام های مشابه با محتوای خالی ایجاد کنید :() و در صورت نیاز آنها را بنویسید.
یا به عبارت ساده تر، فایل های تم اصلی را به تم فرزند منتقل می کنیم و در صورت نیاز آنها را ویرایش می کنیم.

پلاگین های تم کودک

در مورد افزونه هایی که ایجاد تم کودک سایت را تسهیل می کند در مقاله.

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

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

تم کودک چیست؟

تم کودک در وردپرس تمی است که ظاهر و احساس یک تم اصلی (اصلی) را به ارث می برد. چنین وراثتی تغییر و تکمیل بخش‌های خاصی از تم اصلی را بدون تغییر خود موضوع اصلی آسان می‌کند. با این رویکرد، به‌روزرسانی طرح زمینه مادر تأثیری بر چنین تغییراتی نخواهد داشت.

تم والد می تواند هر قالب وردپرس دیگری باشد (به استثنای تم های فرزند) و برای اینکه تم فرزند کار کند، هر دو تم باید نصب شوند، اما فرزند باید فعال شود.

نحوه ایجاد تم کودک

ساده ترین طرح زمینه فرزند شامل یک فایل style.css است که نام تم فرزند و نام دایرکتوری تم والد را مشخص می کند. همان فایل اغلب با استفاده از دستور CSS @import به شیوه نامه تم والد ارجاع می دهد.

به عنوان مثال، ما یک طرح زمینه فرزند به نام My Child Theme ایجاد می کنیم و از تم پیش فرض Twenty Twelve به عنوان موضوع اصلی استفاده می کنیم.

ابتدا مطمئن شوید که تم والد وجود دارد - دایرکتوری twentywelve را در wp-content/themes پیدا کنید. سپس یک دایرکتوری جدید در wp-content/themes ایجاد کنید و نام آن را my-child-theme بگذارید. در این دایرکتوری جدید، یک فایل style.css ایجاد کنید و عنوان زیر را در آن قرار دهید:

/** * نام تم: طرح زمینه فرزند من * الگو: twentytwelve */ @import url("../twentytwelve/style.css");

با کمک این عنوان، نام تم جدید خود را تعیین کردیم و همچنین والد را مشخص کردیم. دستور @import در این مورد همه استایل‌ها را از موضوع بیست دوازده بارگیری می‌کند، که در بالای آن تغییرات خود را اعمال خواهیم کرد. بدون این دستورالعمل، طرح زمینه فرزند ما فقط الگوهای (نشانه گذاری) تم اصلی را به ارث می برد، نه سبک.

پس از آن، دایرکتوری تم شما باید چیزی شبیه به این باشد:

وقتی به Appearance → Themes می روید، می بینید که تم جدید شما از قبل برای فعال سازی در دسترس است.

اگر آن را فعال کنید و به صفحه اصلی خود بروید، خواهید دید که تم فرزند شما دقیقاً شبیه تم پیش‌فرض Twenty Twelve است.

کار با سبک ها

سبک‌های CSS تم کودک را می‌توان مستقیماً در فایل style.css درست بعد از دستور @import تنظیم کرد. به عنوان مثال، برای تنظیم رنگ‌های پس‌زمینه و پیوند در تم خود، کد زیر را به انتهای صفحه سبک خود اضافه کنید:

بدنه (زمینه: قرمز؛ ) a ( رنگ: سبز؛ )

به این ترتیب می‌توانید استایل‌های هر عنصر تم والد را تغییر دهید و با استفاده از ابزارهای توسعه‌دهنده در مرورگر Google Chrome یا با استفاده از افزونه Firebug برای مرورگر فایرفاکس، عنصر لازم را به راحتی پیدا کنید.

کار با قالب ها

با کمک یک تم فرزند، می توانید به راحتی قالب های خود تم والد را نیز تغییر دهید. برای این کار کافیست یک فایل در تم فرزند با همان نام قالب موجود در تم والد ایجاد کنید. به عنوان مثال، برای جایگزینی الگوی footer.php با الگوی خود، یک فایل footer.php در دایرکتوری تم فرزند خود ایجاد کنید: