WordPress'i^(WordPress) neden mevcut ana temada asla özelleştirmemelisiniz ? Kullanmakta olduğunuz tema güncellendiğinde özelleştirmelerinize ne olur?

Cevap, kaybolurlar ve sitenizi markanıza ve mesajlaşma yönergelerinize ve tercihlerinize göre oluşturmak için harcadığınız sıkı çalışma da kaybolacaktır.

Alt tema, ayrı bir CSS stil sayfası oluşturmanıza ve ana tema güncellendiğinde kaybolmayan veya etkilenmeyen ek işlevler eklemenize olanak tanır .^{(child theme enables you to create a separate CSS stylesheet)}

Bu, manuel olarak veya bir alt tema oluşturucu eklentisi yüklenerek yapılabilir. Manuel işlemle başlayalım.

Yeni Dizin Oluştur^{(Create a New Directory)}

^(Start)Alt temanız için yeni bir dizin oluşturarak başlayın . Bir FTP istemcisi^{(FTP client)} kullanabilir veya mevcut wp-content/themes dizininize cPanel'iniz aracılığıyla erişebilirsiniz.

cPanel'i kullanmak için barındırma kontrol panelinize gidin. Dosya yöneticisini^{(file manager)} seçin ve WordPress'in^(WordPress) kurulu olduğu dizine gidin .

Bu genellikle public_html^{(public_html)} adlı bir dizindedir . wp-content klasörünü bulun ve açın . Yeni klasör oluştur^{(create new folder)} üzerine tıklayın ve alt temanız için bir ad girin. Daha sonra tanıyacağınız bir isim verdiğinizden emin olun. İyi bir örnek nameofparenttheme-child .

Hataları önlemek için dosya adınıza boşluk eklemeyin.

Dahili işleme nedeniyle, klasör adı, aşağıdaki örnekte gösterildiği gibi ana temanın adını (tema 'slug') içermelidir.

Bir CSS Stil Sayfası oluşturun^{(Create a CSS Stylesheet)}

Stil sayfaları, WordPress temalarında iki nedenden dolayı kullanılır.

• Sitenizin nasıl göründüğünü etkileyen stillerin konumudur.
• Bir temanın ana stil sayfası, WordPress'in tema hakkında bilgi bulmaya çalıştığı yerdir.

Alt temaya yeni stiller eklemek istemeyebilirsiniz. Bununla birlikte, tema adınız ve ana tema adınız gibi özellikleri tanımlamak için stil sayfasının hala mevcut olması gerekir.

Bu nedenle, alt temanız için yeni bir stil sayfası oluşturmanız gerekir. Bu nedenle, sonraki adımınız, alt temanızın görünümünü kontrol eden kuralları tanımlayacak olan CSS stil sayfası için bir metin dosyası oluşturmaktır .

Alt tema CSS dosyası daha sonra ana temaya göre öncelikli olacaktır.

Metin dosyanıza aşağıdaki bilgileri eklemeniz gerekir:

• Temanızın adı.
• Ana tema dizininin adı.
• Mantıklı başlık ve açıklama.

Stil sayfasına dosyanın en üstünde aşağıdaki başlık yorumunu eklediğinizden emin olun. WordPress bu bilgiyi okuyacak ve bir alt temanın kullanıldığını bilecektir.

Şablon etiketine çok dikkat etmek istiyorsunuz. WordPress'e^(WordPress) çocuğunuzun ana temasının ne olduğunu söyler . Ana temanızın bulunduğu klasörün büyük/küçük harf duyarlı olduğunu unutmayın.

Teknik olarak artık alt temanızı etkinleştirebilirsiniz. Ancak, daha karmaşık bir alt tema oluşturmak istiyorsanız, özel PHP işlevleri eklemeniz gerekecektir.

Alt temada bir function.php^{(functions.php)} dosyası oluşturun ( yaptığınız style.css dosyasıyla aynı dizinde ). Ek gönderi biçimleri gibi şeylerin eklenmesi gereken yer burasıdır.

CSS dosyanızda olduğu gibi , PHP dosyanızdaki değişiklikler veya eklemeler otomatik olarak ebeveynin işlevleriyle birleştirilir veya geçersiz kılınır.

add_theme_support() ile eklenen gönderi biçimleri gibi şeyler için , birleştirme yerine geçersiz kılma işlevi görürler.

add_theme_support() işlevini^{(add_theme_support())} kullanırken , alt temanın üst öğeyi geçersiz kılmasını sağlamak için bazı ek adımlar atmanız gerekir.

Bu karmaşık olabilir, bu nedenle mevcut WordPress Tema İnceleme Ekibi^{(WordPress Theme Review Team)} lideri William Patton'ın WordPress gönderi biçimlerini kullanma konusundaki gönderisine^{( post on using WordPress post formats)} bakın . 

Ana Tema İşlevselliğini Geçersiz Kılmak İçin Stiller ve Komut Dosyaları Ekleme^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Sonraki adımınız, alt temanızın ana temanın özelliklerini ve stillerini devraldığından veya kullanmak istediğiniz yenileri yansıttığından emin olmaktır.

Stiller, web sitenizin görünümünü değiştirmek için kullanılır. Komut dosyaları^(Scripts) işlevselliği artırır. WordPress sitenize stillerin ve komut dosyalarının eklenme şekli, dosyaların içeriği kadar önemlidir.

WordPress'in kuyruğa alma işlevi, bunun nasıl gerçekleştirileceğidir.

Sıraya alma, kullanıcıların sitenizi ziyaret ettiklerinde gördüklerini etkileyebilmeleri için stillerin ve komut dosyalarının WordPress sitelerine eklenme biçimini ifade eder .

Aynı sonucu elde etmek için çok sayıda eklenti kullanmak genellikle uyumluluk sorunlarına ve bozuk sitelere yol açar.

Wp_enqueue , eklenti yükünü azaltarak yalnızca web sitenizin performansını iyileştirmekle kalmaz, aynı zamanda kullanıcı deneyimini de geliştirir.

'wp_enqueue' Nasıl Kullanılır^{(How To Use ‘wp_enqueue’)}

Alt temanızın stillerinin çıktısını almak için wp_enqueue_style() adlı bir işlev kullanmanız gerekir .

Bu işlev birkaç bit bilgi alır, ancak en önemlisi dosyanın adı (veya 'tutucu') ve konumudur.

Functions.php dosyasının içine^{(functions.php)} aşağıdaki kodu ekleyin.

Bu kod, üst dizinden stil sayfasını ekler ve ardından daha önce oluşturduğumuz alt öğe için stil sayfasını da ekler. Ebeveyn stili metnin, sonuna ^{(parent-style)}-style eklenmiş olarak ana temanın adıyla eşleşmesi gerektiğini unutmayın .

Alt Temanızı Etkinleştirin^{(Activate Your Child Theme)}

Alt temanızın dosyalarını sunucuda wp-content/themes/yourthemename klasöründe oluşturduysanız, etkinleştirmeniz için bu dosyalar WordPress panonuzda mevcut olacaktır.^(WordPress)

• Kontrol panelinize giriş yapın.
• Appearance > Themes gidin .
• Alt temanız listelenmelidir.
• Sitenin yeni alt temayla nasıl göründüğünü görmek için Önizleme'yi^(Preview) seçin .
• Görünüşünden memnun kaldığınızda, yayınlamak için Etkinleştir'i^{(Activate )} tıklayın .

wp-content/themes/yourthemename klasöründeki sunucu dışında bir yerde oluşturduysanız, yeni alt tema klasörünüzü sıkıştırmanız gerekir.

• WordPress kontrol panelinize giriş yapın.
• Appearance > Themes gidin .
• Yeni ekle 'yi^{(Add new)} tıklayın .
• Tema Yükle'yi^{(Upload Theme)} seçin .
• ^(Drag)Sıkıştırılmış dosyanızı görünen yeni kutuya sürükleyin veya dosya seçiciyi tıklayın ve bilgisayarınızda dosyaya göz atın.
• Yüklendikten sonra, önizleyebilir ve ardından etkinleştirebilirsiniz.

Şablon Dosyaları Ekle^{(Add Template Files)}

Diğer şablonları geçersiz kılmak için onları ana temadan alt temaya kopyalayabilirsiniz. Alt öğede üst öğedekiyle aynı ada sahip tüm şablon dosyaları geçersiz kılma işlevi görür. Ardından şablonların içeriğini gerektiği gibi ayarlayın.

Yeni şablonlar eklemek^{(To add new templates)} için doğru adla yeni bir dosya oluşturmanız ve kendi içeriğinizi eklemeniz yeterlidir. Yukarıdaki bölüm manuel işlemi açıklar.

Şimdi bir WordPress^(WordPress) eklentisi ile alt temaların nasıl oluşturulacağını gözden geçirelim .

Bir WordPress Eklentisi kullanın^{(Use a WordPress Plugin)}

^(Log)WordPress kontrol panelinize giriş yapın . Plugins > Add New Ekle'ye tıklayın^(Click) . Çocuk teması^{(child theme.)} arayın .

Göreceğiniz ilk eklenti Child Theme Configurator . Yukarıdaki ekran görüntüsünde görüldüğü gibi bu iyi bir seçimdir, çünkü:

• WP'nin mevcut sürümüyle uyumludur.
• Çok sayıda kurulumu var.
• Yakın zamanda güncellendi.

Install now > Activate tıklayın . Bir sonraki adım, Araçlar'a^(Tools) gitmek ve ardından alt temaları seçmektir.^{(child themes.)}

^(Find)Açılır menüden ana temanızı bulun ve seçin. Temanızın alt tema olarak kullanıma uygun olduğundan emin olmak için analiz^(analyze) etmeyi seçin .

Aşağıda , ^(Below)Child Theme Configurator'ın^{(Child Theme Configurator)} nasıl kurulacağına ilişkin adım adım bir eğitim verilmiştir . Farklı bir WordPress eklentisi kullanmaya karar verirseniz, onu nasıl kuracağınıza dair bir öğreticiyi de kolayca bulabilirsiniz.

Artık bildiğiniz gibi, alt temalar, bazı işlevleri için ana temalarına dayanan farklı temalardır.

Bir alt tema kullandığınızda, WordPress çocuğu ebeveynden önce arar ve varsa çocuğun stilini ve işlevselliğini takip eder.

Güncellemeden etkilenmeyecek bir alt öğe oluşturarak ana tema güncellendiğinde kendinize çok fazla zaman, sorun ve gelecekteki baş ağrılarından tasarruf edin.

How To Create a WordPress Child Theme

Why should yoυ nevеr cυstomize WordPress in the existing parent theme? What happens to your customizations when the theme you are using is 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

• WordPress yılında Child Theme oluşturma

• WordPress'in P2 Temasını Kullanarak Kendi Twitter Benzeri Web Sitenizi Nasıl Kurabilirsiniz?

• WordPress site'i bir barından diğerine nasıl taşınır

• Microsoft Azure'te WordPress Nasıl Kurulur ve Kurulur

• Microsoft Azure hızlı WordPress blazingly nasıl çalıştırılır

• WordPress İçin En İyi 3 SEO Eklentisi

• WordPress'te PHP Nasıl Güncellenir

• Protect ve Secure WordPress website'ı bilgisayar korsanlarından

• Blog Gönderinizi Videoya Dönüştürmek İçin Lumen5 Nasıl Kullanılır?

• WordPress için AMP Nedir ve Nasıl Kurulur?

• En İyi 11 WordPress Podcast Eklentisi

• Klasik WordPress Editöründen Gutenberg'e Nasıl Geçiş Yapılır?

• WordPress Sitenizi Nasıl Yedeklersiniz?

• Kitap İncelemesi: Kendi Web Sitenizi Oluşturun: HTML, CSS ve Wordpress İçin Çizgi Roman Kılavuzu

• Must Have WordPress Yoast SEO Settings 2021

• WordPress blog ana sayfasında alıntı göstermek

• .HTACCESS Kullanarak Herhangi Bir WordPress Sitesini Hızlandırma

• Puanlarınızı Karşılamak için En İyi Blog Yazma Formatı

• Wordpress'te yüzen bir kenar çubuğu eklenebilir

• WordPress Web Sitenizdeki Sayfaları Parolayla Nasıl Korursunuz?