چگونه یک تم کودک و تم بلوک بسازیم


چه زمانی باید از پوسته کودک برای وردپرس استفاده کنید؟ مهم ایجاد یک تم کودک اگر قصد دارید هر گونه تغییر سفارشی در کد ایجاد کنید.

به این ترتیب، هنگامی که تم به روز می شود، هرگونه تغییر سفارشی در کد بازنویسی نمی شود.

به طور سنتی، هنگام کار با وردپرس، برای ایجاد تم فرزند، یک کپی از functions.php و style.css تهیه می‌شد و تم فرزند را در قالب تم والد قرار می‌داد.

با ساختار فایل های مختلف در ویرایش کامل سایت، برای یافتن همه فایل های مناسب باید تنظیماتی انجام شود.

خوشبختانه با ایجاد افزونه Block Theme را ایجاد کنید توسط WordPress.org، ایجاد نه تنها یک تم کودک، بلکه یک تم کاملا سفارشی یا تغییر سبک ساده تر از همیشه است.

افزونه Block Theme را ایجاد کنیداسکرین شات از مخزن پلاگین WordPress.org، دسامبر 2022

راه اندازی افزونه Create Block Theme در وردپرس

ابتدا، می خواهید تم بلوک وردپرس را نصب و فعال کنید که می خواهید تم جدید یا تم فرزند خود را برای آن ایجاد کنید – در این مورد، من از Twenty Twenty-Two استفاده می کنم.

موضوع بیست و بیست و دواسکرین شات از داشبورد وردپرس، دسامبر 2022

در مرحله بعد مراحل زیر را انجام دهید:

قابل اعتماد و متخصص پلاگین ها > جدید اضافه کن.

در پنجره جستجو، “Create Block Theme” را پیدا کنید.

کلیک نصب و فعال کنید.

صفحه پلاگین هااسکرین شات از داشبورد وردپرس، دسامبر 2022

با نصب افزونه، گزینه های جدیدی در زیر خواهید داشت ظاهر، شامل ایجاد تم بلوک و مدیریت فونت های تم.

گزینه های ظاهریاسکرین شات از داشبورد وردپرس، دسامبر 2022

ایجاد تم کودک وردپرس

افزونه Create Block Theme یک راه بسیار ساده برای ایجاد یک تم فرزند برای یک بلوک، از جمله تم ویرایش کامل سایت است. این افزونه به طور خودکار پوشه قطعات، پوشه templates، theme.json و style.css را ایجاد می کند.

پس از نصب افزونه، شما آماده ایجاد تم فرزند هستید:

  • زیر ظاهر، انتخاب کنید ایجاد تم بلوک.
  • بعد انتخاب کنید فرزند بیست و بیست و دو را ایجاد کنید (اگر تم دیگری را انتخاب کرده باشید، آن تم را فهرست می کند).
  • در سمت راست، نام تم، توضیحات تم، URI طرح زمینه، نویسنده و نویسنده را وارد کنید.
  • روی آبی کلیک کنید تولید می کنند دکمه ایجاد تم کودک.
اطلاعات تم کودکاسکرین شات از داشبورد وردپرس، دسامبر 2022

طرح زمینه فرزند شما به عنوان یک فایل فشرده صادر خواهد شد.

فایل زیپ تم کودکاسکرین شات فایل تم کودک ایجاد شده، دسامبر ۲۰۲۲

زیر ظاهر > تم ها، کلیک اضافه کردن تم و آپلود تم، و فایل فشرده تولید شده را انتخاب کنید.

به تم ها بروید و مطمئن شوید که طرح زمینه فرزند جدید خود را می بینید.

ایجاد یک تصویر سفارشی برای تم کودک وردپرس

یکی از کاستی های افزونه این است که به شما اجازه نمی دهد الف اضافه کنید screenshot.png برای طرح زمینه فرزند شماو از طرح ارائه شده با موضوع اصلی استفاده نمی کند.

این می تواند به راحتی برطرف شود و یک لمس سفارشی خوب برای تم کودک شما فراهم می کند.

با استفاده از ویرایشگر تصویر مورد علاقه خود، یک تصویر جدید با اندازه 1200 پیکسل در 900 پیکسل ایجاد کنید. و نام آن را screenshot.png بگذارید.

screenshot.png جدید را در پوشه تم فرزندی که ایجاد کردید قرار دهید.

فایل ها در تم کودکاسکرین شات فایل های تم برای تم کودک وردپرس، دسامبر 2022

به تم ها برگردید و تصویر جدید شما باید با طرح زمینه فرزندتان ظاهر شود.

تصویر تم کودک فعالاسکرین شات از داشبورد وردپرس، دسامبر 2022

اکنون که یک طرح زمینه فرزند روی طرح زمینه بلوک شما تنظیم شده است، می توان تغییراتی در آن ایجاد کرد theme.json و فایل های قالب style.css بدون نادیده گرفتن فایل های تم والد.

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

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

ایجاد یک تم بلوک سفارشی در وردپرس

را افزونه Block Theme را ایجاد کنید تعدادی گزینه برای ایجاد تم خود ارائه می دهد. می توانید تم فعلی را کلون کنید و با استفاده از آن به عنوان الگو، تغییرات سفارشی خود را ایجاد کنید.

هنگامی که تغییرات را ایجاد کردید و از آنها راضی بودید، سپس می توانید از افزونه استفاده کنید تا تم را با تمام تغییراتی که ایجاد کرده اید صادر کنید تا از تم جدید خود در سایر وب سایت ها استفاده کنید.

علاوه بر این، می‌توانید یک تم جدید کاملاً خالی ایجاد کنید که از تم فعلی به عنوان صفحه دیگ استفاده می‌کند. این یک راه عالی برای ساخت چیزی است که کاملاً سفارشی است.

برای ایجاد یک تم کاملا جدید، مراحل زیر را انجام دهید:

زیر ایجاد تم بلوک، انتخاب کنید ایجاد تم خالی.

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

ایجاد تم خالیاسکرین شات از داشبورد وردپرس، دسامبر 2022

طرح زمینه جدید شما به صورت یک فایل فشرده دانلود می شود.

زیر ظاهر > تم ها، می توانید تم جدید خود را آپلود و فعال کنید.

اگر می‌خواهید یک تصویر سفارشی برای screenshot.png اضافه کنید، همان مراحل طرح زمینه کودک را انجام دهید.

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

تم خالی جدیداسکرین شات از داشبورد وردپرس، دسامبر 2022

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

پس از اتمام کار روی موضوع جدید، به آن بازگردید ظاهر > ایجاد تم بلوک و تم جدید را که شامل تمام تغییراتی است که در آن ایجاد کرده اید صادر کنید.

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

مدیریت فونت تم وردپرس

یکی دیگر از ویژگی های عالی از افزونه Block Theme را ایجاد کنید می تواند به راحتی فونت هایی را برای موضوع اضافه و حذف کند.

به طور معمول، برای افزودن فونت های جدید به یک موضوع، فونت ها باید دانلود شوند، به پوشه فونت ها اضافه شوند و به صف در functions.php فایل یا الف لینک گوگل باید به کد اضافه شود

افزودن فونت های متعدد می تواند فرآیند را حتی بیشتر پیچیده کند.

با افزونه، فونت های گوگل و فونت های محلی از رایانه شما می توان به راحتی از طرح زمینه سفارشی شما یا تمی که نصب و فعال کرده اید اضافه یا حذف کرد.

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

فونت را انتخاب کنید، چک باکس را علامت بزنید و روی دکمه اضافه کردن فونت گوگل به طرح زمینه خود کلیک کنید.

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

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

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

فونت های محلیاسکرین شات از داشبورد وردپرس، دسامبر 2022

قالب های کودک وردپرس آسان شده است

با ویرایش کامل سایت و افزونه Block Theme را ایجاد کنید، ایجاد تم و تغییرات سبک خود آسان تر از همیشه است.

استفاده از افزونه به جای ردیف کردن دستی فایل ها و تغییر کد، ایجاد تم کودک و افزودن فونت های جدید را به یک فرآیند ساده تبدیل می کند.

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

همه بدون نیاز به لمس کدهای تم.

منابع بیشتر:


تصویر ویژه: کاسپارس گرینوالدز/شاتراستاک





منبع