چگونه یک تم کودک وردپرس را به صورت دستی ایجاد کنیم و از یک پلاگین + نکاتی برای سفارشی کردن آن استفاده کنیم

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

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

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

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

این جداسازی تضمین می‌کند که سفارشی‌سازی‌های شما در طول به‌روزرسانی‌ها حفظ می‌شوند، زیرا فقط برای موضوع اصلی اعمال می‌شوند. در اصل، تم های کودک تمام نقاط قوت تم کامل را به ارث می برند در حالی که امکانات سفارشی سازی نامحدود را ارائه می دهند.

یاد بگیرید که تم کودک وردپرس با چیست هاستینگer آکادمی

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

برای ویدیوهای آموزشی بیشتر مشترک شوید!
هاستینگer آکادمی

قالب های کودک وردپرس چگونه کار می کنند؟

هنگامی که یک تم فرزند ایجاد می کنید، یک دایرکتوری مجزا از موضوع اصلی ایجاد می کنید. این پوشه تم کودک خود را ذخیره می کند style.css و functions.php فایل‌ها، اجزای حیاتی برای عملکرد هر قالب وردپرس. در حالی که موضوع کودک ممکن است حاوی فایل‌های اضافی باشد، تمرکز اصلی روی آن است روی این دو فایل ضروری

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

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

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

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

پس از درک روش کار تم های کودک، بیایید روش ایجاد تم های کودک برای وب سایت وردپرس خود را بیاموزیم.

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

ایجاد یک تم کودک به صورت دستی ساده است. این آموزش شما را در هر مرحله راهنمایی می کند و از تم کلاسیک بیست و یک به عنوان مثال استفاده می کند. هاستینگerمشتریان میزبان وردپرس می توانند به آن دسترسی داشته باشند مدیر فایل که در hPanel برای تکمیل این روش

در اینجا مراحل ایجاد یک تم اصلی کودک وجود دارد:

  1. وارد hPanel خود شوید، سپس به آن بروید فایل ها → مدیر فایل.
انتخاب منوی File Manager از نوار کناری سمت چپ hPanelانتخاب منوی File Manager از نوار کناری سمت چپ hPanel
  1. در مدیریت فایل، به public_html/wp-content/themes. این دایرکتوری تم شما است.
  2. یک پوشه تم فرزند جدید ایجاد کنید. نام ببرید بیست و بیست و یک کودک یا چیزی شبیه به این که نشان دهد این موضوع فرزندی از موضوع بیست و بیست و یک است.
پوشه twentytwentyone-child در فهرست موضوعاتپوشه twentytwentyone-child در فهرست موضوعات
  1. در بیست و بیست و یک کودک دایرکتوری، یک فایل CSS جدید به نام ایجاد کنید style.css.
  2. این فایل را ویرایش کنید و اطلاعات زیر را اضافه کنید، جای جای‌بان‌ها را با داده‌های واقعی خود جایگزین کنید:
/*
Theme Name: Twenty Twenty-One Child
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Twenty Twenty-One Child Theme
Author: Your Name
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
*/

/* Add your custom styles here */
  1. در دایرکتوری تم فرزند، یک فایل جدید با نام ایجاد کنید functions.php.
فایل functions.php در پوشه twentywentyone-childفایل functions.php در پوشه twentywentyone-child
  1. کد زیر را در این فایل PHP قرار دهید. این تضمین می کند که طرح زمینه فرزند اول شما تمام سبک ها را از موضوع اصلی به ارث می برد:
<?php
// Your code to enqueue parent theme styles
function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
?>
  1. به داشبورد وردپرس خود دسترسی پیدا کنید، سپس به آن بروید ظاهر → مضامین.
  2. باید طرح زمینه فرزند جدیدتان را در آنجا ببینید. کلیک فعال کنید برای تغییر به موضوع کودک
فعال سازی تم بیست و یک کودک در داشبورد وردپرسفعال سازی تم بیست و یک کودک در داشبورد وردپرس

هر گونه تغییر CSS یا PHP اضافی باید در قالب فرزند شما انجام شود style.css و functions.php فایل ها. این تضمین می‌کند که تغییرات شما در طول به‌روزرسانی‌های تم والد حفظ می‌شوند.

مهم! برای مضامین بلوکی جدیدتر که از a theme.json فایل، process کمی متفاوت است زیرا شما باید آن را در صف قرار دهید theme.json به جای functions.php.

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

همچنین می توانید با کمک افزونه وردپرس یک تم کودک ایجاد کنید. برای این راهنما، ما از پلاگین Child Theme Configurator استفاده خواهیم کرد که به دلیل رویکرد ساده و کاربردی خود شناخته شده است. مراحل زیر را دنبال کنید:

  1. هدایت به افزونه ها → افزودن جدید در داشبورد وردپرس شما
  2. وارد پیکربندی تم کودک در نوار جستجو
  3. کلیک الآن نصب کن، سپس فعال کنید پس از اتمام نصب افزونه
فعال سازی افزونه Child Theme Configurator در داشبورد وردپرسفعال سازی افزونه Child Theme Configurator در داشبورد وردپرس
  1. به تنظیمات پیکربندی تم کودک دسترسی پیدا کنید page با سر زدن به ابزارها → تم های کودک.
  2. در والد/فرزند برگه، انتخاب کنید یک تم کودک جدید ایجاد کنید.
  3. از لیست کشویی، طرح زمینه والدینی را که می خواهید برای آن طرح زمینه فرزند ایجاد کنید، انتخاب کنید.
داشبورد پلاگین پیکربندی تم کودک pageداشبورد پلاگین پیکربندی تم کودک page
  1. کلیک تجزیه و تحلیل به این افزونه تم فرزند اجازه دهید پیکربندی تم والد را بررسی کند.
  2. پس از تجزیه و تحلیل، افزونه نام پوشه تم فرزند را پیشنهاد می کند که می توانید آن را بپذیرید یا تغییر دهید.
  3. اطلاعات طرح زمینه کودک، از جمله نام، توضیحات، و در صورت تمایل، جزئیات نویسنده و نسخه را ارائه دهید.
سفارشی کردن اطلاعات طرح زمینه کودک در داشبورد Child Theme Configuratorسفارشی کردن اطلاعات طرح زمینه کودک در داشبورد Child Theme Configurator
  1. تصمیم بگیرید که آیا منوها، ویجت‌ها و سایر گزینه‌های تم را از طرح زمینه اصلی کپی کنید یا خیر.
  2. کلیک کنید بر روی ایجاد تم کودک جدید را فشار دهید تا ایجاد نهایی شود process.
ایجاد یک تم فرزند جدید در داشبورد Child Theme Configuratorایجاد یک تم فرزند جدید در داشبورد Child Theme Configurator
  1. تم فرزند جدید خود را از طریق فعال کنید ظاهر → مضامین برای شروع استفاده از آن

با یک تم کودک فعال، اکنون می توانید سفارشی سازی آن را شروع کنید ظاهر → سفارشی کردن. افزونه Child Theme Configurator تضمین می‌کند که تمام سبک‌ها و اسکریپت‌ها از موضوع اصلی به‌صورت یکپارچه به تم فرزند تازه ایجاد شده شما منتقل می‌شوند.

چگونه تم کودک خود را سفارشی کنید

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

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

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

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

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

تغییر رنگ پس زمینه

می‌توانید رنگ پس‌زمینه را از طریق سبک تم فرزندتان در چند مرحله ساده سفارشی کنید:

  1. هدایت به ظاهر → مضامین در داشبورد وردپرس شما
  2. کلیک شخصی سازی روی تم کودک فعال شما
  3. انتخاب کنید CSS اضافی از سفارشی ساز تم.
دسترسی به گزینه Additional CSS در Customizer Theme WordPressدسترسی به گزینه Additional CSS در Customizer Theme WordPress
  1. انتخابگر CSS مناسب را برای پس‌زمینه عنصری که می‌خواهید تغییر دهید، شناسایی کنید. به طور معمول، برای پس‌زمینه کلی وب‌سایت، از بدن انتخابگر
  2. کد CSS زیر را با جایگزینی وارد کنید #f3f3f3 با ارزش رنگ دلخواه شما:
body {
    background-color: #f3f3f3; /* Change #f3f3f3 to your chosen color code */
}
  1. کلیک انتشار برای ذخیره تغییرات در فایل CSS و اعمال رنگ پس زمینه جدید با استفاده از CSS سفارشی تم فرزندتان.

پس زمینه وب سایت شما اکنون رنگ جدید را نشان می دهد.

سفارشی کردن رنگ پس زمینه سایت با CSS سفارشی در سفارشی ساز تم وردپرسسفارشی کردن رنگ پس زمینه سایت با CSS سفارشی در سفارشی ساز تم وردپرس

تغییر رنگ نوار کناری

برای سفارشی کردن رنگ نوار کناری با استفاده از شیوه نامه طرح زمینه فرزندتان، کد CSS زیر را جایگذاری کنید. #ddddd با رنگ هگز انتخابی شما:

.sidebar {
    background-color: #dddddd; /* Replace #dddddd with your desired color */
}

نوار کناری شما اکنون باید رنگ جدید را منعکس کند، همانطور که در زیر نشان داده شده است:

سفارشی کردن رنگ پس زمینه نوار کناری سایت با CSS سفارشی در سفارشی ساز تم وردپرسسفارشی کردن رنگ پس زمینه نوار کناری سایت با CSS سفارشی در سفارشی ساز تم وردپرس

تغییر انواع فونت، اندازه و رنگ

برای اصلاح ظاهر وب سایت خود، فونت ها را تغییر دهید. خوشبختانه، با قوانین CSS ساده است. در اینجا چگونه می توانید فونت ها را برای کل سایت خود به روز کنید:

body {
    font-family: 'Arial', sans-serif; /* Update to your chosen font */
    font-size: 16px; /* Set your desired size */
    color: #333333; /* Choose your color */
}

پس از اعمال تغییرات، وب سایت شما تنظیمات سبک جدید شما را منعکس می کند.

سفارشی کردن اندازه و رنگ فونت سایت با CSS سفارشی در Customizer Theme WordPressسفارشی کردن اندازه و رنگ فونت سایت با CSS سفارشی در Customizer Theme WordPress

اگر می خواهید انواع فونت ها، اندازه ها و رنگ ها را برای مناطق خاص سفارشی کنید، از این برگه تقلب استفاده کنید:

عنوان

.entry-title {
    font-size: 24px;
    color: #000000; /* Modify as needed */
}

هدرها (H1، H2 و غیره)

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
/* Continue for h3, h4, etc., with size variations */

منوی ناوبری

.menu-item {
    font-family: 'Times New Roman', serif; /* Or any font you prefer */
    color: #1a1a1a; /* Choose color */
}

ارسال مطالب

.entry-content {
    font-size: 18px; /* Adjust font size here */
}

ابزارک ها

.widget {
    font-size: 14px;
    color: #2a2a2a; /* Customize the color */
}

پاورقی

.site-footer {
    font-size: 14px;
    color: #3a3a3a; /* Set the footer color */
}

تغییر طرح بندی پست ها و صفحات

تغییر طرح‌بندی پست‌ها و صفحات می‌تواند ظاهر وب‌سایت شما را تازه کند و تجربه کاربری مناسبی را ارائه دهد. این process شامل بهینه سازی فایل های قالب جدایی ناپذیر در قالب های وردپرس است.

توجه داشته باشید که فایل های قالب PHP را با HTML ترکیب می کنند. اگر با آنها آشنایی ندارید، با احتیاط ادامه دهید. ویرایش های نادرست می تواند منجر به خطاهای سایت شود.

در اینجا روش ادامه کار آمده است:

  1. در داشبورد وردپرس، به ظاهر → ویرایشگر فایل تم این بخش به شما امکان می دهد فایل های قالب فرزندتان را مدیریت کنید.
انتخاب منوی ویرایشگر فایل تم در داشبورد وردپرسانتخاب منوی ویرایشگر فایل تم در داشبورد وردپرس
  1. برای تغییر طرح‌بندی، باید فایل الگوی مربوطه را از طرح زمینه اصلی در طرح زمینه فرزندتان کپی کنید، اگر قبلاً وجود ندارد. برای مثال، اگر در حال تنظیم طرح‌بندی پست‌های تکی هستید، آن را کپی کنید single.php فایل.
  2. برای تغییرات اساسی تر، مانند ایجاد یک طرح منحصر به فرد برای یک مکان خاص page، ایجاد یک وردپرس سفارشی را در نظر بگیرید page قالب. برای انجام این کار، آن را کپی کنید pagephp در قالب فرزند خود فایل کنید و نام آن را به آن تغییر دهید custom-layout.php.
  3. در داخل ویرایشگر تم، فایل قالب جدید را باز کنید. تگ های HTML را برای تغییر تنظیم کنید pageطرح‌بندی، مانند تغییر موقعیت ستون‌های کناری، تنظیم مجدد عناصر، یا افزودن بخش‌های سفارشی جدید.
ویرایش فایل custom-layout.php در ویرایشگر فایل تم وردپرسویرایش فایل custom-layout.php در ویرایشگر فایل تم وردپرس
  1. برای اصلاح بیشتر ظاهر، ممکن است لازم باشد قوانین CSS سفارشی را اضافه کنید. این قوانین به شما این امکان را می دهد که عرض، حاشیه و سایر جنبه های ظاهری را برای دستیابی به ظاهر دلخواه تنظیم کنید.
  2. هنگامی که سفارشی را به روز کردید page فایل قالب، می توانید آن را در حین ویرایش a انتخاب کنید page. به دنبال صفات صفحه بخش و الگوی سفارشی خود را از قسمت انتخاب کنید قالب فهرست کشویی.
  3. پیش نمایش و تست روی دستگاه های مختلف برای تأیید طراحی واکنشگرا و عملکرد.

تغییر سبک های جهانی با استفاده از فایل theme.json

شما می توانید سبک های جهانی را در سایت خود با a تغییر دهید theme.json فایل. این ویژگی جدید و قدرتمند در درجه اول با تم های بلوک مرتبط است و امکان کنترل متمرکز بر طراحی را فراهم می کند.

تم های کلاسیک ممکن است همراه با a همراه نباشند theme.json همانطور که معمولا متکی هستند روی styles.css و functions.php برای قوانین یک ظاهر طراحی شده با این حال، توسعه دهندگان می توانند a را ادغام کنند theme.json برای مدیریت سبک های جهانی، در قالب های کلاسیک فایل کنید، اگرچه این process شامل مراحل اضافی است.

برای استفاده از a theme.json فایل در یک تم بلوک، این دستورالعمل ها را دنبال کنید:

  1. پیدا کن theme.json فایل در دایرکتوری نصب تم شما.
  2. فایل را باز کنید و سفارشی کردن سبک ها را شروع کنید. این ساختار JSON به شما اجازه می دهد تا سبک هایی را برای تایپوگرافی، رنگ ها و طرح بندی ها تعریف کنید. به عنوان مثال، برای تغییر پالت رنگ پیش‌فرض تم، اضافه کنید:
{
  "version": 2,
  "settings": {
    "color": {
      "palette": [
        {
          "slug": "foreground",
          "color": "#ffffff",
          "name": "Foreground"
        },
        {
          "slug": "background",
          "color": "#a88f32",
          "name": "Background"
        },
        {
          "slug": "primary",
          "color": "#fffb00",
          "name": "Primary"
        },
        {
          "slug": "secondary",
          "color": "#6fff00",
          "name": "Secondary"
        },
        {
          "slug": "tertiary",
          "color": "#000000",
          "name": "Tertiary"
        }
      ]
    }
  }
}

به خاطر داشته باشید که در حالی که theme.json استایل ها را مدیریت می کند، خروجی توسط فایل های PHP کنترل می شود. مطمئن شوید که فایل‌های قالب شما به گونه‌ای پیکربندی شده‌اند که کلاس‌های مربوطه تعریف شده در آن را نشان دهند theme.json سبک ها

افزودن و حذف توابع

سفارشی کردن سایت وردپرس خود گاهی نیاز به افزودن یا حذف توابع برای تطبیق تجربه با نیازهای خاص شما دارد. شما می توانید این کار را با درج یا حذف کد در طرح زمینه کودک خود انجام دهید functions.php فایل.

همیشه به یاد داشته باشید که قبل از انجام چنین تغییراتی از سایت وردپرس خود نسخه پشتیبان تهیه کنید.

افزودن توابع

درج توابع در functions.php فایل درون تگ PHP افتتاحیه به شما امکان می دهد توانایی سایت خود را گسترش دهید. به عنوان مثال، اگر می خواهید یک پیام تبریک سفارشی اضافه کنید روی داشبورد خود را، کد زیر را به فایل اضافه کنید:

function custom_dashboard_greeting() {
    echo "Welcome to your site! Have a great day.";
}
add_action('admin_notices', 'custom_dashboard_greeting');

حذف توابع

برای حذف تابع تم والد، آن را در درون تم والد قرار دهید functions.php اولین. سپس، در تم کودک خود را functions.php، استفاده کنید remove_action() یا remove_filter() با سمت راست عمل می کند hook و نام تابع

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

function remove_parent_styles() {
    wp_dequeue_style('parent-style-handle');
}
add_action('wp_enqueue_scripts', 'remove_parent_styles', 20);

تنظیم اولویت به 20 اطمینان حاصل می کند که تابع شما پس از قرار گرفتن در صف والد اجرا می شود.

چرا باید از تم های کودک وردپرس استفاده کنید؟

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

  • ایجاد تم کارآمد استفاده از یک تم کودک برای ساخت یک پوسته جدید وردپرس به شما امکان می دهد سرمایه گذاری کنید روی ویژگی های والدین، صرفه جویی در زمان و منابع در حالی که امکان سفارشی سازی غنی را فراهم می کند.
  • سفارشی سازی بدون شکستن عملکرد – انتخاب استفاده از یک تم فرزند به شما امکان می‌دهد تغییراتی، از تغییرات ساده CSS تا تغییرات پیچیده PHP، بدون به خطر انداختن عملکرد تم والد ایجاد کنید. وقتی طرح زمینه اصلی به‌روزرسانی دریافت می‌کند، سفارشی‌سازی‌های شما دست نخورده باقی می‌مانند.
  • سهولت خلقت – ایجاد یک تم کودک نسبتاً ساده است و پیچیدگی دستکاری فایل ریشه را دور می زند. این سهولت استفاده، کارهایی مانند انتقال و تغییر فایل های CSS را از طریق داشبورد وردپرس یا مدیریت فایل کنترل پنل شما ساده می کند.
  • تصاویری سازگار – با به ارث بردن از زیبایی شناسی تم اصلی، تم های کودک یکنواختی بصری را در سراسر سایت شما تضمین می کند، هویت برند شما را تقویت می کند و تجربه کاربری را بهبود می بخشد.
  • امنیت و به روز رسانی انتخاب تم های والدین معتبر به معنای به روز رسانی های امنیتی و عملکردی منظم است که به شما امکان می دهد تمرکز کنید روی سفارشی سازی بدون نگرانی برای ثبات و امنیت اساسی سایت شما.
  • راه حل بی خطر – در صورت مواجهه با خطا، موضوع کودک به عنوان یک شبکه ایمنی عمل می کند. به لطف جدا شدن از فایل‌های موضوع اصلی، تغییرات به راحتی قابل ردیابی و مدیریت هستند و آن را به یک بازگشت مطمئن برای عیب‌یابی تبدیل می‌کند.
بنر میزبانی وردپرسبنر میزبانی وردپرس
چگونه یک تم کودک وردپرس را به صورت دستی ایجاد کنیم و از یک پلاگین + نکاتی برای سفارشی کردن آن استفاده کنیم 36

مشکلات احتمالی استفاده از تم کودک

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

پیشنهاد می‌کنیم بخوانید:  روش سفارشی کردن صفحه ورود به وردپرس: 4 روش آسان + بهترین افزونه های صفحه ورود به سیستم سفارشی

زمان بارگذاری صفحه کندتر

در حالی که تم های کودک ابزاری قوی برای سفارشی کردن سایت وردپرس هستند، یک اشکال احتمالی کندتر است page زمان بارگذاری این ممکن است به این دلیل رخ دهد که مضامین کودک متکی هستند روی فایل های تم والد وقتی یک page با بارگیری، سرور همچنان نیاز به دسترسی به پوشه تم والد برای بازیابی همه فایل های ضروری دارد که می تواند به کل زمان بارگذاری اضافه کند.

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

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

منحنی یادگیری

پیاده سازی یک تم کودک می تواند یک منحنی یادگیری را ارائه دهد، به خصوص برای کسانی که تازه کدنویسی را یاد می گیرند.

تسلط بر PHP، CSS و HTML برای سفارشی‌سازی مؤثر بسیار مهم است، زیرا تم‌های فرزند می‌توانند فایل‌های تم والد را لغو کنند. درک روش قرار دادن اسکریپت ها و شیوه نامه ها، همراه با سلسله مراتب فایل الگو، برای اعمال صحیح تغییرات ضروری است.

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

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

وابستگی روی تم والدین

یکی دیگر از ملاحظات در هنگام استفاده از تم های کودک، وابستگی آنها است روی موضوع والد همانطور که بحث کردیم، تم فرزند به فایل‌های تم والد مرتبط است و تمام ویژگی‌ها و عملکردهای آن را به ارث می‌برد.

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

بنابراین، انتخاب یک تم اصلی از یک منبع معتبر که به‌روزرسانی و پشتیبانی منظم را ارائه می‌کند، ضروری است، زیرا می‌تواند در دراز مدت از سایت شما محافظت کند.

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

روش عیب یابی خطاهای تم کودک وردپرس

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

  • URI طرح زمینه کودک را بررسی کنید – اطمینان حاصل کنید که URI تم در تم کودک است style.css به درستی به پوشه تم فرزند اشاره می کند، نه موضوع اصلی. این به وردپرس کمک می‌کند تا فایل‌های درست را برای تم فرزند شما پیدا کند.
  • فعال‌سازی طرح زمینه کودک را تأیید کنید – گاهی اوقات، به دلیل فعال نشدن درست تم کودک ممکن است خطاهایی رخ دهد. برو به ظاهر بخش روی داشبورد وردپرس را برای تأیید اینکه تم فرزند شما فعال است.
  • اسکریپت ها و سبک های در نوبت را مرور کنید – مطمئن شوید که functions.php theme فرزند شما به درستی در صف‌بندی شیوه نامه و اسکریپت‌های تم اصلی قرار می‌گیرد. اگر این فایل ها به درستی بارگذاری نشوند، می تواند منجر به مغایرت های ظاهری و عملکردی شود.
  • خطاهای PHP را بررسی کنید – مشکلات PHP اغلب باعث خطاهای قابل توجهی می شود. فعال کردن WP_DEBUG در فایل wp-config.php خود برای نمایش هرگونه خطا، هشدار یا اخطار PHP. این می تواند شما را به فایل های خاصی که نیاز به توجه دارند راهنمایی کند.
  • با موضوع اصلی مقایسه کنید – به طور موقت به موضوع اصلی برگردید تا بررسی کنید که آیا مشکل ادامه دارد یا خیر. اگر اینطور نیست، مشکل احتمالاً در تغییراتی است که در تم فرزند شما ایجاد شده است.
  • از ثبات در ساختار فایل اطمینان حاصل کنید – بررسی کنید که ساختار فایل در طرح زمینه فرزند شما منعکس کننده ساختار موضوع اصلی باشد. اگر فایل‌های تم فرزند شناسایی نشدند، وردپرس به‌طور پیش‌فرض فایل‌های تم والد را انتخاب می‌کند، که ممکن است منعکس‌کننده سفارشی‌سازی‌های شما نباشد.
  • از ابزارهای توسعه دهنده استفاده کنید – از ابزارهای توسعه دهنده وب در مرورگر خود برای شناسایی مشکلات CSS یا جاوا اسکریپت استفاده کنید. این کمک می کند تا مشخص شود که در آن استایل ها یا اسکریپت ها ممکن است در تضاد باشند یا آنطور که در نظر گرفته شده بارگیری نشوند.

نکات مفید برای ایجاد تم کودک

هنگام شروع ایجاد تم کودک برای سایت وردپرسی خود، چند نکته ضروری می تواند یک روان و کارآمد را تضمین کند process. بهترین شیوه های تم کودک زیر را برای توسعه بهینه تم در نظر بگیرید:

  • پشتیبان گیری و مرحله بندی – همیشه قبل از ایجاد تغییرات از وب سایت خود نسخه پشتیبان تهیه کنید. سپس، از یک محیط استیجینگ استفاده کنید یا وردپرس را به صورت محلی نصب کنید تا تم فرزند جدید خود را آزمایش کنید، مطمئن شوید که هیچ گونه تغییری بر سایت زنده شما تأثیر منفی نمی گذارد.
  • تم های والدین قابل اعتماد را انتخاب کنید – یک تم والد را از یک برنامه‌نویس تم که به‌روزرسانی‌ها و پشتیبانی مکرر ارائه می‌دهد، انتخاب کنید. URI Theme و License را بررسی کنید تا مطمئن شوید که زیر آن است GNU مجوز عمومی عمومی برای حداکثر سازگاری و انعطاف پذیری.
  • قراردادهای نامگذاری – هنگام ایجاد دایرکتوری تم فرزند، از نامی مشابه با موضوع اصلی و به دنبال آن استفاده کنید -کودک به منظور جلوگیری از گیج شدن. سازگاری همچنین در هنگام فراگیر شدن توابع حیاتی است. از نام توابع متمایز و در عین حال مرتبط با آنهایی که در دایرکتوری تم والد هستند استفاده کنید.
  • ساختار پوشه – همان ساختار درخت پوشه را به عنوان تم والد تقلید کنید. وردپرس از سلسله مراتب قالب استفاده می کند که بر اساس فایل ها اولویت بندی می کند روی ترتیب و حضور آنها در دایرکتوری های تم. حفظ این ساختار عملکرد یکپارچه را تضمین می کند.
  • تغییرات خود را مستند کنید – از نظرات درون فایل‌های تم فرزندتان برای مستندسازی تغییراتی که ایجاد کرده‌اید استفاده کنید. این عمل برای به روز رسانی های آینده یا سایر توسعه دهندگانی که ممکن است کار کنند بسیار ارزشمند است روی موضوع شما

نتیجه

استفاده از پوسته کودک به شما این امکان را می دهد که یک تم پیش فرض وردپرس را به یک راه حل سفارشی تبدیل کنید که کاملاً متناسب با نیازهای شما باشد. در طول این راهنما، ما شما را با بینش‌هایی مجهز کرده‌ایم روی تم های کودک، مزایای آنها، چالش های بالقوه، و نکات کاربردی برای ایجاد یک تم کودک در وردپرس.

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

به یاد داشته باشید، موفق ترین وب سایت ها آنهایی هستند که به طور مداوم سازگار و بهبود می یابند. با تم فرزند وردپرس جدید خود، می توانید پایه ای محکم برای رشد و نوآوری مداوم ایجاد کنید.

سایر راهنماهای قالب وردپرس را کشف کنید

روش استفاده از چندین تم وردپرس
روش ترجمه قالب وردپرس
روش حذف قالب وردپرس
روش صادرات قالب وردپرس
چگونه یک قالب وردپرس را به روز کنیم و سفارشی سازی تم را حفظ کنیم

سوالات متداول تم کودک وردپرس

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

برخی از بهترین افزونه های تم کودک وردپرس کدامند؟

برخی از برترین افزونه‌های تم کودک وردپرس عبارتند از Child Theme Configurator، Child Theme Wizard و WP Child Theme Generator. آنها را ساده می کنند process ایجاد تم های کودک، صرفه جویی در زمان و تلاش برای توسعه دهندگان و طراحان.

تفاوت بین تم والدین و تم کودک چیست؟

تم والد یک تم کامل وردپرس با عملکرد کامل است، در حالی که یک تم فرزند عملکرد اصلی خود را به ارث می برد اما قابلیت سفارشی سازی را بدون تغییر تم والد ارائه می دهد. این رویکرد به‌روزرسانی‌های ضروری را با حفظ سبک‌ها و کدهای سفارشی امکان‌پذیر می‌کند.

سلسله مراتب قالب در وردپرس چیست؟

سلسله مراتب قالب در وردپرس سیستمی است که تعیین می کند CMS از کدام فایل قالب برای نمایش یک فایل خاص استفاده کند. page. فایل‌های قالب را به ترتیب خاصی بررسی می‌کند و از اولین الگوی موجود استفاده می‌کند و به توسعه‌دهندگان اجازه می‌دهد نمایش محتوا را سفارشی کنند.

آیا تم کودک می تواند وجود داشته باشد؟ روی خود آن بدون تم والدین است؟

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

آیا می توانم چندین طرح زمینه کودک برای طرح زمینه یک والدین داشته باشم؟

بله، می‌توانید چندین طرح زمینه فرزند برای یک طرح زمینه والدین ایجاد کنید. هر طرح زمینه کودک می‌تواند سبک‌ها یا عملکردهای متفاوتی را ارائه دهد، در حالی که ویژگی‌های اصلی تم اصلی را به اشتراک می‌گذارد، طرح‌ها و سفارشی‌سازی‌های متنوع را تحت یک چارچوب سازگار امکان‌پذیر می‌سازد.