چرا هرگز نباید وردپرس^(WordPress) را در قالب اصلی موجود سفارشی کنید؟ وقتی موضوعی که استفاده می کنید به روز می شود، چه اتفاقی برای سفارشی سازی های شما می افتد؟

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

یک طرح زمینه فرزند به شما امکان می دهد یک صفحه سبک CSS جداگانه ایجاد کنید^{(child theme enables you to create a separate CSS stylesheet)} و عملکردهای اضافی را اضافه کنید که با به روز رسانی تم والد از بین نمی روند یا تحت تأثیر قرار نمی گیرند.

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

یک فهرست جدید ایجاد کنید^{(Create a New Directory)}

^(Start)با ایجاد یک دایرکتوری جدید برای تم فرزند خود شروع کنید. می توانید از یک سرویس گیرنده FTP استفاده^{(FTP client)} کنید یا از طریق cPanel خود به دایرکتوری wp-content/themes موجود خود دسترسی پیدا کنید .

برای استفاده از cPanel، به کنترل پنل هاست خود بروید. فایل منیجر را^{(file manager)} انتخاب کنید و به دایرکتوری که وردپرس^(WordPress) در آن نصب شده است بروید.

این معمولاً در دایرکتوری به نام public_html است. پوشه wp-content را^(wp-content) پیدا کرده و باز کنید. روی ایجاد پوشه جدید کلیک کنید^{(create new folder)} و یک نام برای تم فرزند خود وارد کنید. حتماً اسمی برایش بگذارید که بعداً آن را بشناسید. یک مثال خوب nameofparenttheme-child است.

برای جلوگیری از خطا، هیچ فاصله ای در نام فایل خود وارد نکنید.

به دلیل مدیریت داخلی، نام پوشه باید شامل نام تم اصلی باشد (موضوع 'slug') همانطور که در مثال زیر نشان داده شده است.

یک صفحه سبک CSS ایجاد کنید^{(Create a CSS Stylesheet)}

استایل شیت ها به دو دلیل در قالب های وردپرس استفاده می شوند.^(WordPress)

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

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

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

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

شما باید اطلاعات زیر را در فایل متنی خود وارد کنید:

• نام تم شما
• نام دایرکتوری تم والد.
• عنوان و شرحی که منطقی است.

حتماً نظر هدر زیر را در بالای فایل در stylesheet قرار دهید. وردپرس^(WordPress) این اطلاعات را می خواند و می داند که از یک تم کودک استفاده می شود.

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

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

یک فایل functions.php در تم فرزند (در همان دایرکتوری که فایل style.css ساخته اید) ایجاد کنید. اینجاست که چیزهایی مانند فرمت های پست اضافی باید اضافه شود.

مانند فایل CSS شما ، تغییرات یا اضافات به فایل PHP شما به طور خودکار با توابع والدین ادغام می شود یا لغو می شود.

برای مواردی مانند قالب‌های پست که با add_theme_support() اضافه می‌شوند ، به‌جای ادغام، به‌عنوان جایگزین عمل می‌کنند.

هنگام استفاده از ()add_theme_support ، باید مراحل دیگری را انجام دهید تا مطمئن شوید که موضوع فرزند از والد خارج می‌شود.

این می تواند پیچیده باشد، بنابراین به پست ویلیام پاتون سرپرست تیم بررسی تم وردپرس ^{(WordPress Theme Review Team)}در مورد استفاده از قالب های پست وردپرس^{( post on using WordPress post formats)} مراجعه کنید . 

برای نادیده گرفتن عملکرد تم والد، سبک‌ها و اسکریپت‌ها را اضافه کنید^{(Add Styles & Scripts To Override Parent Theme Functionality)}

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

از سبک ها برای تغییر ظاهر وب سایت شما استفاده می شود. اسکریپت^(Scripts) ها عملکرد را افزایش می دهند. نحوه اضافه شدن سبک ها و اسکریپت ها به سایت وردپرس^(WordPress) شما به اندازه محتوای فایل ها ضروری است.

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

Enqueueing به روشی اشاره دارد که سبک ها و اسکریپت ها به سایت های وردپرس^(WordPress) اضافه می شوند تا بتوانند بر آنچه کاربران هنگام بازدید از سایت شما می بینند تأثیر بگذارند.

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

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

نحوه استفاده از "wp_enqueue"^{(How To Use ‘wp_enqueue’)}

برای خروجی استایل ها برای تم فرزندتان، باید از تابعی به نام ()wp_enqueue_style استفاده کنید .

این تابع چند بیت اطلاعات می گیرد، اما مهمترین آنها نام (یا 'دسته') و محل فایل است.

داخل فایل functions.php کد زیر را اضافه کنید.

این کد شیوه نامه را از دایرکتوری والد اضافه می کند و سپس شیوه نامه فرزند را که قبلا ایجاد کرده بودیم اضافه می کند. توجه داشته باشید که متن به سبک والد^{(parent-style)} باید با نام تم والد مطابقت داشته باشد و -style به انتهای آن اضافه شده است.

تم فرزند خود را فعال کنید^{(Activate Your Child Theme)}

اگر فایل‌ها را برای تم فرزندتان در سرور داخل wp-content/themes/yourthemename ایجاد کرده‌اید، در داشبورد وردپرس^(WordPress) شما برای فعال‌سازی در دسترس خواهد بود.

• به داشبورد خودتان وارد شوید.
• به Appearance > Themes بروید .
• موضوع کودک شما باید فهرست شود.
• پیش نمایش^(Preview) را انتخاب کنید تا ببینید سایت با طرح زمینه فرزند جدید چگونه به نظر می رسد.
• هنگامی که از ظاهر آن راضی بودید، روی Activate کلیک کنید تا به صورت زنده پخش شود.

اگر تم فرزند خود را در جایی غیر از سرور در wp-content/themes/yourthemename ایجاد کرده‌اید، باید پوشه تم فرزند جدید خود را فشرده کنید.

• وارد داشبورد وردپرس خود شوید.
• به Appearance > Themes بروید .
• روی افزودن جدید^{(Add new)} کلیک کنید .
• موضوع آپلود را^{(Upload Theme)} انتخاب کنید .
• فایل زیپ شده خود را به کادر جدیدی که ظاهر می شود بکشید^(Drag) یا روی انتخابگر فایل کلیک کنید و آن را در رایانه خود مرور کنید.
• پس از آپلود، می توانید پیش نمایش آن را مشاهده کرده و سپس فعال کنید.

فایل های قالب را اضافه کنید^{(Add Template Files)}

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

برای افزودن قالب‌های جدید^{(To add new templates)} ، فقط یک فایل جدید با نام صحیح ایجاد کنید و محتوای خود را اضافه کنید. بخش بالا روند دستی را توضیح می دهد.

حالا بیایید به نحوه ایجاد تم های کودک با افزونه وردپرس^(WordPress) بپردازیم.

از افزونه وردپرس استفاده کنید^{(Use a WordPress Plugin)}

^(Log)وارد داشبورد وردپرس خود ^(WordPress)شوید . روی ^(Click)Plugins > Add New کلیک کنید . جستجوی تم کودک^{(child theme.)}

اولین افزونه ای که مشاهده خواهید کرد Child Theme Configurator است. این انتخاب خوبی است، همانطور که در تصویر بالا مشاهده می شود، زیرا:

• با نسخه فعلی WP سازگار است.
• دارای تعداد زیادی تاسیسات
• اخیرا به روز شد.

روی Install now > Activate کلیک کنید . مرحله بعدی این است که به Tools بروید و سپس تم های فرزند را انتخاب کنید.^{(child themes.)}

^(Find)طرح زمینه والدین خود را از منوی کشویی پیدا کرده و انتخاب کنید. تجزیه و تحلیل^(analyze) را انتخاب کنید تا مطمئن شوید که طرح زمینه شما برای استفاده به عنوان طرح زمینه کودک مناسب است.

در زیر^(Below) یک آموزش گام به گام در مورد نحوه راه اندازی Child Theme Configurator آورده^{(Child Theme Configurator)} شده است. اگر تصمیم دارید از یک افزونه وردپرس^(WordPress) متفاوت استفاده کنید، می توانید به راحتی آموزش نحوه تنظیم آن را نیز بیابید.

همانطور که اکنون می‌دانید، تم‌های کودک، تم‌های متمایز هستند که برای برخی از کارکردهای خود به تم اصلی خود متکی هستند.

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

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

How To Create a WordPress Child Theme

Why shoυld you never cuѕtomizе WordPress in the еxisting parent theme? What happens to your customizations when the thеme you are using iѕ updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• ایجاد Child Theme در WordPress

• چگونه با استفاده از پوسته P2 وردپرس، وب سایتی شبیه توییتر خود را راه اندازی کنید

• چگونه WordPress site را از یک میزبان به دیگری حرکت دهیم

• نحوه نصب و راه اندازی WordPress در Microsoft Azure

• چگونه برای اجرای پرسرعتی WordPress در Microsoft Azure

• چگونه یک سایت تست وردپرس را بر روی کامپیوتر خود نصب کنیم

• 3 بهترین افزونه سئو برای وردپرس

• وردپرس نشان می دهد HTTP Error هنگام آپلود تصاویر

• کاربران تغییر مسیر از 404 صفحه در WordPress

• چگونه از سایت وردپرس خود بک آپ بگیرید

• نحوه استفاده از WP Super Cache در وبلاگ وردپرس

• 7 نکته وردپرس برای یک وب سایت سازگار با موبایل

• نحوه نصب تم در وردپرس

• نحوه اضافه کردن نوار کناری شناور در Wordpress

• 11 بهترین افزونه پادکست وردپرس

• چگونه به صورت دستی وردپرس را روی یک دامنه راه اندازی کنیم

• چگونه می توان یک WordPress Site Secure

• Protect و Secure WordPress website از هکرها

• ۹ افزونه ضروری برای نصب جدید وردپرس

• نحوه انتقال از ویرایشگر کلاسیک وردپرس به گوتنبرگ