Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Tema Özelleştirici Bir Profesyonel Gibi Nasıl Kullanılır (Nihai Kılavuz)

WordPress tema özelleştirici, hedef kitlenizin ilgisini çekebilecek görsel olarak çekici bir site oluşturmak için mükemmel özellikler sunar. Üstelik tek bir satır koda dokunmanıza gerek kalmadan.

Ancak, özelleştirme seçenekleri arasında gezinmek bazen bunaltıcı olabilir.

Blog yolculuğumuz boyunca tema özelleştirmenin tüm inceliklerini öğrendik. Doğru ince ayarların ve ayarlamaların standart bir web sitesini nasıl çarpıcı, kullanıcı dostu bir deneyime dönüştürebileceğini ilk elden gördük.

Bu makalede, varsayılan panellerde size rehberlik edecek ve WordPress tema özelleştiricisini bir profesyonel gibi nasıl kullanacağınızı öğreteceğiz. Sonunda, web sitenizin daha gösterişli ve profesyonel görünmesini sağlayabileceksiniz.

How to Use WordPress Theme Customizer Ultimate Guide

WordPress Tema Özelleştiricisine Nasıl Erişilir

Tema özelleştirici varsayılan bir WordPress özelliğidir ve her WordPress web sitesinin bir parçasıdır.

WordPress yönetici alanınıza giriş yaparak ve ardından WordPress yönetici panelinizin sol kenar çubuğundan GörünümÖzelleştir ‘e giderek erişebilirsiniz. Bu, mevcut temanızla Özelleştirici arayüzünü açacaktır.

How to access WordPress Customizer

WordPress tema özelleştiricisini, şu anda etkin olmasalar bile web sitenizin yüklü temalarından herhangi biri için de kullanabilirsiniz. Bu özellik, temanın canlı bir önizlemesini görmenize ve etkinleştirmeden önce değişiklikler yapmanıza olanak tanır.

Bunu yapmak için GörünümTemalar sayfasına gitmeniz gerekir. Ardından, fare imlecinizi yüklü herhangi bir temanın üzerine getirin ve WordPress tema özelleştirici sayfasını açmak için Canlı Önizleme düğmesine tıklayın.

WordPress Theme Live Preview Option

Tema özelleştiriciyi bulamıyor musunuz? WordPress yöneticisindeki eksik tema özelleştiricisini nasıl düzelteceğiniz aşağıda açıklanmıştır.

WordPress Tema Özelleştirici Nasıl Kullanılır?

WordPress tema özelleştiricisini açtıktan sonra, ekranınızın sol tarafında tüm özelleştirme ayarlarını göreceksiniz. Web sitenizin canlı önizlemesi sağ tarafta görüntülenecektir.

WordPress tema özelleştirici, kullandığınız temadan bağımsız olarak bir dizi varsayılan panelle birlikte gelir.

Değişiklik yapmak için panellere tek tek tıklamanız gerekir. Ayrıca, söz konusu öğenin ayarlarını açmak için ekranınızın sağ tarafındaki mavi kalem simgelerinden herhangi birine tıklayabilirsiniz.

WordPress Theme Customizer

Not: Gelişmiş WordPress temaları, ekstra özelleştirme seçenekleri için ek ayar panellerine sahip olacaktır (bu konuda daha sonra daha fazla bilgi verilecektir).

Aşağıdaki bölümlerde, WordPress tema özelleştiricisinde bulunan varsayılan seçenekleri göstermenin yanı sıra bazı özelleştirme ipuçlarını ve alternatiflerini paylaşacağız.

Belirli bir konuyla ilgileniyorsanız, makalede ilerlemek için bağlantıya tıklayabilirsiniz:

Hazır mısınız? Hadi başlayalım.

Site Kimliği Paneli: Başlık, Logo ve Favicon Ekleme

WordPress tema özelleştiricisindeki ‘Site Kimliği’ paneli, web sitenizin başlığını ve sloganını eklemenize veya değiştirmenize olanak tanır.

WordPress varsayılan olarak site sloganı olarak ‘Sadece Başka Bir WordPress Sitesi’ ifadesini ekler. WordPress’i sitenize yükledikten sonra değiştirmenizi öneririz, ancak isterseniz boş da bırakabilirsiniz.

Site Identity Settings to change Site title, tagline, logo, and favicon

WordPress tema özelleştiricisindeki ‘Site Kimliği’ paneli de sitenizin logosunu eklemenize olanak tanır. Web sitenizin logosunu yüklemek için Logo seç seçeneğine tıklamanız yeterlidir.

Sitenize bir favicon eklemek ister misiniz? Bunu ‘Site simgesi seç’ seçeneğine tıklayarak yapabilirsiniz. Ayrıntılı talimatlar için sitenize nasıl favicon oluşturacağınız ve ekleyeceğinizle ilgili rehberimizi takip edebilirsiniz.

WordPress Tema Özelleştirici: Web Sitenizdeki Renkleri Değiştirin

‘Renkler’ panelindeki kontroller çoğunlukla kullandığınız WordPress temasına bağlı olarak değişecektir.

Örneğin, Twenty Seventeen teması, başlık metni rengini seçmenize ve tüm web siteniz için bir renk düzeni seçmenize olanak tanır.

Change Colors on Your Website

Diğer WordPress temaları başlıklar, bağlantılar, gövde metni ve web sitenizin arka planı gibi site öğeleri için farklı renk seçenekleri sunabilir.

Tema Özelleştiricisine Gezinme Menüleri Ekleme

‘Menüler’ paneli, navigasyon menüleri oluşturmanıza ve web sitenizdeki konumlarını kontrol etmenize olanak tanır.

Bu sekmede, daha önce oluşturduğunuz tüm mevcut WordPress menülerini bulacaksınız. Temanızın desteklediği mevcut menü konumlarını kontrol etmek için ‘Tüm Konumları Görüntüle’ düğmesine tıklayabilirsiniz.

Menus Panel in Theme Customizer

Yeni bir menü oluşturmak için ‘Yeni Menü Oluştur’ düğmesine tıklamanız gerekir.

Bundan sonra, daha sonra kolayca yönetebilmeniz için menünüze bir ad vermeniz gerekecektir. Ayrıca menü konumunu seçebilir ve devam etmek için ‘İleri’ye tıklayabilirsiniz.

Create a new navigation menu

Bu menüye öğe eklemek için, ‘Öğe Ekle’ düğmesine tıklayarak başlamanız gerekir. Bu yeni bir panel açacaktır.

Artık ilgili alanlara menü öğeleri olarak özel bağlantılar, sayfalar, gönderiler, kategoriler ve etiketler ekleyebilirsiniz.

Add items to navigation menu

Öğeleri yeniden sıralamak için ‘Yeniden Sırala’ bağlantısına tıklayabilir ve ardından menü öğelerini ayarlamak için ok simgelerini kullanabilirsiniz.

Tema Özelleştiricisinde Web Sitenizdeki Widget’ları Kontrol Edin

‘Widget’lar’ paneli sitenize widget eklemenizi ve yönetmenizi sağlar. Üzerine tıkladığınızda widget ekleyebileceğiniz farklı konumlar gösterilecektir. Ve yine bu, kullandığınız temaya bağlı olarak değişecektir.

Örneğin, Twenty Seventeen teması 3 widget konumu sunarken, Twenty Nineteen teması yalnızca bir konumla birlikte gelir.

Widgets panel

Bunlardan herhangi birine tıkladığınızda, daha önce o konuma eklediğiniz widget’ları görürsünüz.

Yeni bir widget eklemek için ‘Widget Ekle’ düğmesine tıklayabilirsiniz. Bu, mevcut tüm widget’ların bir listesini göreceğiniz yeni bir panel açacaktır.

Add Widgets to your site

Ardından, eklemek istediğinize tıklamanız gerekir. Ayrıca yeni eklenen widget’larda değişiklik yapabilir ve yukarı veya aşağı sürükleyerek konumlarını ayarlayabilirsiniz.

Tema Özelleştirici’de Ana Sayfa Ayarları Paneli

WordPress varsayılan olarak en son blog gönderilerini ana sayfanızda görüntüler.

Ancak, çoğu kullanıcı işletme web siteleri için özel bir ana sayfa kullanmayı tercih eder. Bu, ürünlerinizi ve hizmetlerinizi gösteren uygun bir açılış sayfasına sahip olmanızı sağlar.

Özel bir ana sayfa kullanmak için, ‘Ana Sayfa Ayarları’ panelinde ‘Statik bir sayfa’ radyo düğmesini seçmek isteyeceksiniz.

Homepage Settings in theme customizer

Bu, ana sayfanız için bir sayfa ve blog yazılarınızı görüntülemek için başka bir sayfa seçmek için kullanabileceğiniz iki yeni açılır menü açacaktır.

Sitenizde bu sayfalar yoksa, açılır menünün altında bulunan ‘+ Yeni Sayfa Ekle’ bağlantısına tıklayarak yeni bir sayfa oluşturabilirsiniz. Bu, seçtiğiniz adla boş bir sayfa oluşturacaktır.

Özel CSS Eklemek için Ek CSS Paneli

Web sitenizi şekillendirmek için özel CSS kodu eklemek mi istiyorsunuz? Bunu ‘Ek CSS’ panelinden yapabilirsiniz.

Orta ve ileri düzey WordPress kullanıcıları genellikle CSS kodunu doğrudan temalarının style.css dosyasına ekleyerek sitelerini özelleştirirler. Bu yöntem, WordPress hostinginize FTP erişimine sahip olmak, tema dosyalarını değiştirmek vb. gibi ek adımlar gerektirir.

Yeni başlayanlar için daha kolay bir çözüm, özel CSS kodunuzu WordPress tema özelleştiricisindeki Ek CSS paneline eklemektir. Bu, sitenizde değişiklikler yapmanıza ve bunları ekranınızın sağ tarafında canlı olarak görmenize olanak tanıyacaktır.

Add Custom CSS code to Additional CSS panel

Bazı CSS kodları yazmaya başladığınızda, WordPress yazdığınız harflere göre size otomatik olarak nitelikler önerecektir. Ayrıca düzgün bir CSS ifadesi yazmadıysanız hata mesajları da görüntüler.

Not: Web sitenizi herhangi bir kod yazmadan özelleştirmek istiyorsanız, okumaya devam edin. Temanızı kolayca özelleştirmenizi ve hatta özel bir WordPress teması oluşturmanızı sağlayacak üç yeni başlayan dostu seçeneği paylaşacağız.

Diğer Tema Özelleştirici Seçenekleri

Bazı ücretsiz ve premium temalar daha fazla Tema Özelleştirici seçeneği sunar.

Kullandığınız temaya bağlı olarak, yazı tipi stilini değiştirebilir, bir arka plan resmi ekleyebilir, düzeni değiştirebilir, renkleri değiştirebilir, rastgele başlık resimleri ekleyebilir ve çok daha fazlasını yapabilirsiniz.

Eklentiler yardımıyla tema özelleştiricinize belirli özellikler de ekleyebilirsiniz.

Örneğin, Easy Google Fonts eklentisini kullanarak WordPress’e özel yazı tipleri ekleyebilirsiniz.

Web Sitenizi Farklı Ekran Çözünürlüklerinde Önizleyin

Her web sitesi sahibinin, web sitesinin mobil uyumlu olduğundan ve tüm ekran boyutlarında iyi göründüğünden emin olması önemlidir.

WordPress tema özelleştirici sayesinde web sitenizin farklı ekran boyutlarında nasıl göründüğünü kolayca kontrol edebilirsiniz.

Tema Özelleştirici panelinin alt kısmında üç simge ve ‘Kontrolleri Gizle’ bağlantısını bulacaksınız.

Preview website on different screen resolutions

Bu simgeler sitenizi masaüstü, tablet ve mobil cihazlar gibi farklı ekran çözünürlüklerinde test etmenize olanak tanır.

‘Kontrolleri Gizle’ bağlantısı, sitenizi masaüstü modunda düzgün bir şekilde görüntüleyebilmeniz için WordPress Özelleştirici panelini gizlemek için kullanışlıdır.

Özelleştirici Ayarlarınızı Yayınlama, Kaydetme veya Zamanlama

Gerekli değişiklikleri yaptıktan sonra bunları sitenize uygulamanız gerekir. Aksi takdirde, tüm sıkı çalışmalarınız kaybolacaktır.

Devam edin ve değişiklikleri uygulamak için ‘Yayınla’ düğmesine tıklayın. İşlem tamamlandığında, tema özelleştiriciden çıkmak için ekranınızın sol üst köşesindeki kapat düğmesine tıklayabilirsiniz.

Publish WordPress Customizer settings

Peki ya yeni tasarımınıza son şeklini vermek için daha fazla zamana ihtiyacınız varsa? Bu durumda, yeni tasarımınızı taslak olarak kaydedebilir ve hatta yönetici alanınıza erişim izni vermeden biriyle paylaşabilirsiniz.

Bunu yapmak için, ‘Yayınla’ düğmesinin hemen yanındaki dişli simgesine tıklamanız gerekir. Bu, ‘Eylem’ panelini açacaktır.

WordPress Customizer Save Draft option

Burada üç seçenek bulacaksınız: ‘Yayınla’, ‘Taslağı Kaydet’ ve ‘Zamanla’.

‘Eylem’ panelinde ‘Taslağı Kaydet’ radyo düğmesini seçmeniz yeterlidir. Ardından, değişikliklerinizi saklamak için devam edin ve ‘Taslağı Kaydet’ düğmesine tıklayın.

Artık önizleme bağlantısını kopyalayabilir ve geri bildirim almak için başkalarıyla paylaşabilirsiniz.

‘Zamanlama’ seçeneği, değişikliklerinizi belirli bir tarih ve saatte yayınlamanıza olanak tanır. Örneğin, tema değişikliklerinizi en az trafik aldığınız zamanda yayına girecek şekilde planlayabilirsiniz.

Schedule Customizer settings on a specific date

Son olarak, yayınlanmamış değişiklikleri sıfırlamak istiyorsanız, Eylem panelindeki ‘Değişiklikleri iptal et’ bağlantısına tıklayabilirsiniz.

Canlı Yayına Geçmeden Farklı Temaları Önizleme

Yeni bir temanın sitenizde nasıl görüneceğini kontrol etmek istediğiniz zamanlar olur. Ancak, bunları canlı web sitenizde etkinleştirmek istemezsiniz.

Bu durumda, yeni temaları canlı yayına geçmeden test etmek için WordPress Özelleştirici’yi açabilirsiniz.

Özelleştirici panelinde, etkin temanızın adını ve ‘Değiştir’ düğmesini bulacaksınız.

Change WordPress Theme from Customizer

Bu düğmeye tıklarsanız, WordPress yüklü tüm temalarınızı sayfanın sağ tarafında görüntüleyecektir.

Belirli bir temayı kontrol etmek için ‘Canlı Önizleme’ düğmesine tıklamanız gerekir.

Preview Installed themes on Theme Customizer

Temaları WordPress Tema Deposu’ndan da önizleyebilirsiniz.

Bunu yapmak için sol paneldeki ‘WordPress.org temaları’ onay kutusunu seçmeniz gerekir. Bu, WordPress.org dizinindeki temaları gösterecektir.

Beğendiğiniz temayı kontrol etmek için ‘Yükle ve Önizle’ düğmesine tıklamanız yeterlidir.

WordPress themes directory

Ekranınızın sağ üst köşesindeki ‘Temaları Filtrele’ düğmesine tıklayarak da temaları filtreleyebilirsiniz.

Not: Yeni temaları test etmek için özelleştiriciyi canlı bir sitede kullanmak yerine bir WordPress hazırlama web sitesi kullanmanızı öneririz.

Tema Özelleştirici Ayarlarını İçe veya Dışa Aktarma

Tema özelleştirici ayarlarınızı içe ve dışa aktarabileceğinizi biliyor muydunuz?

Bu, yerel sunucunuzda veya bir hazırlık sitesinde temanızda değişiklikler yaparken son derece yararlıdır. Ayarları canlı web sitenize manuel olarak kopyalamak yerine, tema özelleştirici ayarlarını dışa aktararak zamandan tasarruf edebilirsiniz.

Ayrıntılı talimatlar için WordPress’te tema özelleştirici ayarlarının nasıl içe ve dışa aktarılacağına ilişkin kılavuzumuzu takip edebilirsiniz.

WordPress Tema Özelleştirici Alternatifleri

WordPress Özelleştirici sitenizde değişiklikler yapmanıza izin verse de, kontrollerin sayısı kullandığınız temaya bağlı olarak değişecektir.

Temanızı beğendiyseniz ancak ekstra özelleştirme seçeneklerine sahip olmasını diliyorsanız ne olacak?

Bu durumda en iyi çözüm, WordPress tema özelleştirici ile birlikte çalışan üç özelleştirme eklentisinden birini kullanmaktır.

SeedProd

seedprod website builder

SeedProd, WordPress için en iyi sürükle ve bırak web sitesi oluşturucusudur. SeedProd’u herhangi bir kodu düzenlemeden kolayca özel WordPress temaları ve sayfa düzenleri oluşturmak için kullanabilirsiniz.

SeedProd, açılış sayfaları, satış sayfaları, web semineri kayıt sayfaları, çok yakında sayfaları, bakım modu sayfaları ve çok daha fazlası için önceden hazırlanmış yüzlerce sayfa düzeni sunar.

Katılım formları, sosyal profiller, düğmeler, geri sayım sayaçları, iletişim formları ve daha fazlası gibi hazır bloklarla özelleştirme kolaydır.

Ayrıca renk şemaları ayarlayabilir, yazı tipi kombinasyonlarını kaydedebilir ve sayfaları ve sayfa öğelerini yeniden kullanarak bunları tekrar oluşturmak zorunda kalmazsınız.

Thrive Tema Oluşturucu

Thrive Theme Builder

Thrive Theme Builder, WordPress için bir başka popüler sürükle ve bırak tema oluşturucu eklentisidir. Kodlama gerektirmeden kolayca özel bir WordPress teması oluşturmak için kullanabilirsiniz.

Hızlı bir şekilde başlamanız için dört farklı hazır tema şablonuyla birlikte gelir. Her tema şablonu, sitenize ekleyebileceğiniz çeşitli önceden hazırlanmış sayfalar içerir.

Üstbilgi, altbilgi, blog gönderileri, kategori sayfaları ve daha fazlası dahil olmak üzere temanızın her bir bölümünü sadece işaret edip tıklayarak düzenleyebilirsiniz.

Ayrıca, temanıza sürükleyip bırakarak hızla ekleyebileceğiniz 100’den fazla tasarım ve site oluşturma öğesi vardır.

CSS Kahramanı

CSS Hero plugin

CSSHero, tek bir satır CSS kodu yazmadan sitenizi özelleştirmenizi sağlayan bir WordPress eklentisidir. Sitenizin her öğesini herhangi bir güçlük çekmeden şekillendirme özgürlüğüne sahipsiniz.

WordPress sitenizin giriş sayfasını özelleştirmek mi istiyorsunuz? CSS Hero bunu birkaç dakika içinde yapmanızı sağlar.

Ayrıca tasarımınızın her cihazda mükemmel göründüğünden emin olmak için ön uçtaki değişiklikleri düzenleyebilir ve önizleyebilirsiniz.

Kunduz Yapıcı

Beaver Builder plugin

Beaver Builder, WordPress için en iyi sayfa oluşturuculardan bir diğeridir. Sürükle ve bırak arayüzünü kullanarak siteniz için çarpıcı sayfalar oluşturmanıza olanak tanır.

En iyi yanı, Beaver Builder’ın neredeyse tüm WordPress temalarıyla çalışmasıdır. Bu, mevcut temanızla kullanmanıza olanak tanır.

Beaver Builder, kısa kodların ve widget’ların kullanımını destekler. Ayrıca web sitenizi kolayca şekillendirmek için kullanabileceğiniz farklı modül türleri sunar. Ayrıntılı talimatlar için WordPress’te özel düzenlerin nasıl oluşturulacağına ilişkin kılavuzumuza bakabilirsiniz.

Umarız bu kılavuz WordPress Tema Özelleştiricisini bir profesyonel gibi kullanmayı öğrenmenize yardımcı olmuştur. WordPress temanızı en son standartlara göre nasıl test edeceğinize ilişkin kılavuzumuza veya denemeniz gereken en iyi basit WordPress temalarına ilişkin uzman seçimlerimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

11 yorumBir Cevap Bırakın

  1. Dayo Olobayo

    This is so much easier than I thought it would be. I just changed the colors on my website using the customizer and it looks so much better already. I’m excited to play around with the other options and see what else I can customize. Thanks a lot!

  2. Moinuddin Waheed

    I have seen many premium themes come up with lots of things in customizer.
    it feels like having control of the whole things of website right inside the customizer itself.
    For instance if we look at Astra, it gives much control of look and feel from the customizer itself.
    Is there any advantage of premium themes having much to do inside customizer in terms of speed of the website compared to those who does not give such control?

    • WPBeginner Support

      The advantage is premium themes can sometimes have those controls while not all free themes have full customization options. For speed it depends on the design itself for determining if one theme is faster or not.

      Yönetici

  3. Moinuddin Waheed

    I have used many premium themes and they have much more options in the customize panel itself.
    At times it feels like having these options in customized is proof that the theme is Efficient and lightweight.
    for instance Astra has a lot of options in its customizer.
    I have a query though, adding additional css to customiser, does it add to main style.css and if so as mentioned, will updating the theme will override it?

    • WPBeginner Support

      The additional CSS in the customizer is not stored in the style.css so you don’t need to worry about it when updating your theme.

      Yönetici

  4. Shelley

    Could you please why “display site title and tagline” checkbox not show on my website?

    • WPBeginner Support

      Your specific theme may not have styling for that at the moment so it would not offer the ability to hide the title and tagline by default.

      Yönetici

  5. Craig

    Thank you for providing this information. I am completely new to website development and through some initial research, had learned of Elementor’s drag & drop page builder, however, I have also discovered a fairly hefty learning curve associated with customizing these themes which became a bit more confusing as there seemed to be three different areas where my customizations could be applied and I would find myself lost between what I should customize where. So Figuring out which customizations are best handled in which customizer fields is a very useful topic indeed!

    • WPBeginner Support

      Thank you, glad you like our article :)

      Yönetici

  6. Leslie

    I already have Divi for my theme needs (but haven’t really used it yet since I’m a total beginner and still building my website). Would the above info still be helpful for me or will I just be doing it all through Divi? Thanks!

    • WPBeginner Support

      Using a theme like Divi you would likely want to follow their documentation for customizing but knowing the customizer is still helpful :)

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.