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)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’in web sitenizin tasarımında gerçek zamanlı olarak kolayca değişiklik yapmanıza olanak tanıyan yerleşik bir tema özelleştirici ile birlikte geldiğini biliyor muydunuz?

Her temanın varsayılan özelleştirici seçenekleri için belirli bir düzeyde desteği olsa da, birçok tema WordPress tema özelleştiricisine ek sekmeler ve seçenekler ekler, böylece herhangi bir kodlama bilgisi olmadan temanızı kolayca özelleştirebilirsiniz.

Bu makalede, varsayılan panellerde size yol göstereceğiz ve WordPress tema özelleştiricisini bir profesyonel gibi nasıl kullanacağınızı göstereceğiz.

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ştirici sayfasını, web sitenizdeki yüklü temalardan herhangi biri için aktif olmasalar bile kullanabilirsiniz.

Bu, söz konusu 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ı ve sağ tarafında web sitenizin canlı önizlemesini göreceksiniz.

WordPress Theme Customizer

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.

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

WordPress tema özelleştiricisinde bulunan varsayılan seçeneklere bir göz atalı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 kurduktan sonra değiştirmeniz önerilir. İsterseniz boş da bırakabilirsiniz.

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

WordPress tema özelleştiricisindeki Site Kimliği paneli, sitenizin logosunu eklemenize de 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? Site simgesi seç seçeneğine tıklayarak bunu 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, gezinme 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, menünüze bir ad vermeniz gerekecektir, böylece daha sonra kolayca yönetebilirsiniz. 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, yeni bir panel açmak üzere Öğe Ekle düğmesine tıklamanız gerekir. Artık 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 eklemenize ve yönetmenize olanak tanır.

Üzerine tıkladığınızda widget ekleyebileceğiniz farklı konumlar gösterilecektir. 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ıklamanız gerekir. Bu, mevcut tüm widget’ların bir listesini göreceğiniz yeni bir panel açacaktır.

Add Widgets to your site

Eklemek istediğinize tıklamanız gerekir. Ayrıca yeni eklenen widget’larda değişiklik yapabilir ve bunları 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, işletme web siteleri için kullanıcılar özel bir ana sayfa kullanmayı tercih ediyor. Bu, ürün 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çmeniz gerekir.

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 panelinde 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, WordPress hostinginize FTP erişimine sahip olmak, tema dosyalarını değiştirmek vb. gibi ek adımlar ekler.

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 tem alar 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.

Denetimleri 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. İşiniz bittiğinde, tema özelleştiriciden çıkmak için ekranınızın sol üst köşesinde bulunan kapat düğmesine tıklayabilirsiniz.

Publish WordPress Customizer settings

Peki ya yeni tasarımınızı son haline getirmek için daha fazla zamana ihtiyacınız varsa? Bu durumda, taslak olarak kaydedebilir ve hatta yeni tasarımınızı 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 ve ardından değişikliklerinizi saklamak için Taslağı Kaydet düğmesine tıklamanız gerekir.

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

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

Schedule Customizer settings on a specific date

Son olarak, yayınlanmamış değişiklikleri sıfırlamak istiyorsanız, Eylem panelindeki Değişiklikleri sil 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 Temalar 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ıklayabilirsiniz.

WordPress themes directory

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

Not: Canlı bir sitede özelleştiriciyi kullanmak yerine yeni temaları test etmek için 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.

Peki ya temanızı beğendiyseniz ama ekstra özelleştirme seçeneklerine sahip olmasını istiyorsanız?

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.

Optin 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

CSS Hero, tek bir satır kod 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 bakın.

Bu kılavuzun WordPress Tema Özelleştiricisini bir profesyonel gibi nasıl kullanacağınızı öğrenmenize yardımcı olacağını umuyoruz. WordPress’te özel bir sayfanın nasıl oluşturulacağına ilişkin kılavuzumuzu veya web siteniz için en iyi WordPress eklentileri ve araçlarına ilişkin uzman seçimlerimizi de görmek 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

12 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dayo Olobayo says

    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!

  3. Moinuddin Waheed says

    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 says

      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

  4. Moinuddin Waheed says

    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 says

      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

    • WPBeginner Support says

      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 says

    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!

  6. Leslie says

    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 says

      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.