WordPress Teması Nasıl Özelleştirilir

Yayınlanan: 2021-07-12

Bir WordPress teması yüklemiş olabilirsiniz, ancak bu sizin için pek işe yaramıyor. Neyse ki, WordPress son derece özelleştirilebilir. Sadece bunu yapmak için doğru yolu seçmeniz gerekecek. Bu makalede, WordPress temanızı güvenli ve verimli bir şekilde nasıl özelleştireceğinizi size birkaç farklı şekilde öğreteceğiz.

wordpress temalarını özelleştirme

WordPress Temasını Özelleştirme Seçenekleri

Durumunuza bağlı olarak WordPress sitenizin temasını nasıl özelleştireceğiniz konusunda farklı seçenekler vardır. İşte seçeneklere hızlı bir genel bakış:

  • Temanıza işlevsellik eklemek için bir eklenti yükleyin
  • Temanıza bağlı olarak yazı tiplerini, renkleri ve düzeni özelleştirmek için WordPress yönetici ekranlarınızdaki Özelleştirici'yi kullanın
  • Sitenizin tasarımını özelleştirmek için bir sayfa oluşturucu temasının özelliklerini kullanın
  • Bir çerçeve teması yüklediyseniz, web sitenizi özelleştirmek için mevcut alt temalardan birini kullanın.
  • Yeteneğiniz varsa ve tema sitenize özelse, temanın kodunu doğrudan düzenleyebilirsiniz.
  • Üçüncü taraf bir şemanın kodunu düzenlemek istiyorsanız bir alt tema oluşturun

Bir WordPress Temasını Özelleştirmeniz Gerektiğini Nasıl Anlarsınız?

Bazı durumlarda, aslında temanızı özelleştirmeniz gerekmez. Bunun yerine, bir eklenti yükleyebilirsiniz. Temalar, web sitenizin tasarımını, görünümünü ve içeriği görüntüleme şeklini belirler. Eklentiler sadece ekstra işlevsellik ekler. İhtiyaç duyduğunuz değişiklikler tasarımdan çok işlevselliğe dayanıyorsa, temanızı özelleştirmek yerine bir eklenti yüklemeyi düşünebilirsiniz. Bir eklenti yazabilir, bir eklenti dizininden bir tane indirebilir veya bir tane satın alabilirsiniz.

Temanızdaki function.php dosyasını düzenlemek istiyorsanız, kendinize “İleride tema değiştirsem bu işlevi korumak ister miydim?” diye sorun. Evet derseniz, o kod temanız yerine bir eklentiye girmelidir. Bir widget eklemek, özel gönderi türleri ve sınıflandırmaları kaydetmek, özel alanlar oluşturmak ve mağaza veya SEO geliştirmeleri gibi ekstra özellikler eklemek istiyorsanız tema yerine eklenti kullanabilirsiniz.

wordpress teması nasıl özelleştirilir

WordPress Yönetici Ekranları Aracılığıyla WordPress Temanızı Nasıl Özelleştirirsiniz?

Başka bir seçenek de WordPress temanızı WordPress yönetici ekranları aracılığıyla özelleştirmektir. Bu, yapmak istediğiniz değişiklikler oldukça basit ve tasarım odaklıysa işe yarar. Özelleştirici, temanızı ayarlamak için çeşitli seçenekler sunar. Mevcut seçenekler temanıza bağlı olacaktır. Görünüm menüsünde Düzenleyici'yi görürseniz, bundan kaçındığınızdan emin olun.

Özelleştirici aracılığıyla bir WordPress Temasını Özelleştirin

WordPress temanızı özelleştirmenin en basit yolu, WordPress Özelleştirici'yi kullanmaktır. Bunu iki yoldan biriyle yapabilirsiniz:

  • Giriş yaptığınızda ve web sitenizi görüntülediğinizde, ekranın üst kısmındaki yönetici çubuğundaki “Özelleştir” bağlantısını tıklayın.
  • Veya yönetici ekranlarında Görünüm > Özelleştir'e tıklayın.

Her iki şekilde de sizi Özelleştiriciye götürecektir.

WordPress Tema Düzenleyicisi

WordPress web sitenizin yönetici ekranlarına baktığınızda, Görünüm > Tema Düzenleyici aracılığıyla görebileceğiniz “Tema Düzenleyici” adlı bir seçenek görebilirsiniz. Bu, temanızdaki dosyaları görmenizi ve doğrudan düzenlemenizi sağlar. Ancak, bu kötü bir fikir. CSS veya PHP yazmayı biliyor olsanız bile, temanızdaki dosyaları düzenlemek iyi bir fikir değildir. Her şeyden önce, üçüncü taraf bir tema satın aldıysanız veya indirdiyseniz, bir sonraki güncellemenizde yaptığınız tüm değişiklikler kaybolacaktır. İkincisi, web sitenizi bozan bir değişiklik yaparsanız, izlenmez ve dosyanın önceki sürümü değişmez. Web sitenizi kalıcı olarak bozmanız mümkündür.

WordPress bile tema düzenleyiciyi kullanmanın ne kadar tehlikeli olabileceğini bilir ve erişmeye çalıştığınızda size bir uyarı verir. Bu nedenle, WordPress'in tavsiyelerine uyun ve asla tema düzenleyiciyi kullanmayın.

WordPress temanızdaki kodu düzenlemek istiyorsanız, bunu bir kod düzenleyici kullanarak yapabilirsiniz. Ve bir hazırlık sitesinde test edene kadar canlı web sitenizdeki dosyaları asla düzenlemeyin. Üçüncü taraf bir temayı düzenlemeniz gerekiyorsa, bunu bir alt tema aracılığıyla yapabilirsiniz.

wordpress temamı özelleştirebilir miyim

WordPress Temanızı Özelleştirmek için Sayfa Oluşturucuları ve Çerçeveleri Nasıl Kullanabilirsiniz?

Birçok WordPress temasının özelleştirme seçenekleri vardır; bu, Özelleştirici ile tasarımı ve düzeni değiştirebileceğiniz anlamına gelir. Bununla birlikte, bazı temaların aslında önemli ölçüde genişletilmesi ve özelleştirilmesi amaçlanmıştır. Bu temalara aslında çerçeveler denir. Veya sayfa oluşturucu adı verilen kullanıcı dostu bir arayüzle web sitenizi tasarlamanıza yardımcı olan bir eklenti kullanabilirsiniz.

WordPress Temanızı Özelleştirmek için Sayfa Oluşturucu Kullanın

Sayfa Oluşturucu eklentilerinin amacı, web sitenizin tasarımını ayarlamanızı kolaylaştırmaktır. Arayüz, önceden ne alacağınızı görmenizi sağlar. İlk olarak uyumlu bir temaya sahip bir sayfa oluşturucu eklentisi yüklersiniz, ardından sitenizi istediğiniz gibi tasarlamak için seçenekleri kullanırsınız. En popüler sayfa oluşturuculardan biri Elementor'dur. Ancak, birkaç seçenek var. Sayfa oluşturucuların avantajlarından biri, gönderilerinizi ve sayfalarınızı sürükle ve bırak arayüzü ile düzenleyebilmenizdir. Bu, benzersiz web sayfaları oluşturmanıza ve içeriğinizin nasıl görüneceğini görmenize olanak tanır. Ayrıca, düzen ve tasarım söz konusu olduğunda bol miktarda esneklik sağlarlar.

WordPress Temanızı Özelleştirmek için Bir Tema Çerçevesi Kullanın

Bir sayfa oluşturucu kullanmamayı tercih ederseniz, WordPress temanızı özelleştirmek için bir çerçeve de kullanabilirsiniz. Tema çerçevesi, birlikte çalışmak üzere tasarlanmış bir temalar paketidir. Çerçeve olan bir ana tema ve ana temayı özelleştirmek ve istediğiniz gibi görünmesini sağlamak için kullanabileceğiniz çeşitli alt temalar vardır. Divi, bir tema çerçevesi örneğidir. Sayfa oluşturuculardaki gibi sürükle ve bırak arayüzüne benzer şekilde, alt temanızın tasarımını daha da fazla ayarlamanıza izin veren özelleştirme seçeneklerine sahiptir.

wp teması nasıl özelleştirilir

WordPress Temanızın Kodu Nasıl Düzenlenir

CSS ve/veya PHP'yi nasıl düzenleyeceğinizi biliyorsanız, özelleştirmek için temanızdaki kodu düzenleyebilirsiniz. Bu size en fazla kontrolü sağlar, ancak aynı zamanda en fazla teknik bilgiyi gerektirir. Özellikle kendi web siteniz için geliştirilmiş kendi temanızı düzenliyorsanız, doğrudan düzenleyebilirsiniz. Ancak, üçüncü taraf bir temayla çalışıyorsanız, bir sonraki güncellemenizde herhangi bir değişikliği kaybetmemek için bir alt tema oluşturmanız gerekir.

Tema Dosyaları Nasıl Düzenlenir

WordPress temanızı düzenlemenin ilk adımı, hangi tema dosyalarının neyi kontrol ettiğini ve hangilerini düzenlemeniz gerektiğini bilmektir.

Stil Sayfası

Her WordPress temasının style.css adı verilen bir stil sayfası vardır. Bu, düzen, yazı tipleri, renk şemaları ve daha fazlası dahil olmak üzere web sitenizi şekillendirmek için tüm kodlara sahiptir. Örneğin, web sitenizin temasındaki renkleri değiştirmek istiyorsanız, stil sayfasını düzenleyebilirsiniz. Ve yeni bir yazı tipi eklemek isterseniz, gövde metni ve başlıklar gibi çeşitli öğelere istediğiniz yazı tipini uygulamak için stil sayfasını kullanabilirsiniz.

Ancak, stil sayfasını düzenlerken dikkat edin. Özgüllük, bir öğenin kodunun her zaman düşündüğünüz yerden gelmediği anlamına gelir. Örneğin, alt öğeye özel stil eklemediğiniz sürece öğeler, sayfa hiyerarşisinde üstlerinde bulunan diğer öğelerden stil devralır.

Sayfadaki her bir öğeyi hangi CSS'nin etkilediğini görmek için, CSS'yi görüntülemek için tarayıcınızdaki denetçiyi kullanabilirsiniz. Ardından, değiştirmek istediğiniz sayfadaki tek tek öğeleri veya öğe veya sınıf aralığını hedefleyen yeni CSS yazmak için bunu kullanabilirsiniz.

Bu CSS ve özgünlük konuşması sizin için yeni ve kafa karıştırıcıysa, temanızın CSS'sini kendiniz düzenlemekten kaçınmanızı ve bunun yerine WordPress temanızı özelleştirmek için farklı bir seçenek denemenizi veya SEO Design Chicago'daki uzmanların size yardım etmesine izin vermenizi öneririz!

Fonksiyonlar Dosyası

Çoğu temanın, function.php adı verilen bir işlev dosyası da vardır. Fonksiyonlar dosyası tamamen PHP ile yazılmıştır. Bu dosya, temanızda birçok şeyin çalışmasını sağlar. Öne çıkan resimler, widget'lar ve daha fazlası gibi tema özelliklerini kaydetmek için kodu bu dosyada bulabilirsiniz. Ayrıca işlevler dosyasında temanıza işlevsel kod ekleyebilirsiniz. Ancak, işlevler dosyasına kod eklemek yerine bir eklenti yazmayı düşünebilirsiniz.

Tema Şablon Dosyaları

Bir temadaki dosyaların çoğu tema şablonu dosyalarıdır. Bu dosyalar, WordPress'in belirli bir sayfada hangi içeriği çıkaracağını belirler ve şablon hiyerarşisine göre seçilir. İçeriğin belirli bir gönderi türünde, sayfada veya arşivde çıkış şeklini değiştirmek için bu dosyaları düzenleyebilir veya yeni bir tane oluşturabilirsiniz.

Örneğin, temanız, kategoriler ve etiketler için arşiv sayfalarının çıktısını almak için kullanılan bir arşiv.php dosyasına sahipse, etiketlerin çıktı alma biçiminde değişiklikler yapabilirsiniz. Ardından, yaptığınız değişikliklerle birlikte arşiv.php'yi temel alan “tag.php” adlı bir dosya oluşturursunuz.

Dosyaları düzenlerken bir kez daha dikkatli olun çünkü sitenizi bozabilirler. Her zaman önce bir hazırlama sitesi kullanın!

Üçüncü Taraf Temasını Alt Temayla Özelleştirme

Web sitenizde üçüncü taraf bir tema çalıştırıyorsanız ve kodunu düzenlemek istiyorsanız, bir alt tema oluşturmanız gerekir. Temayı doğrudan düzenler ve ardından güncellerseniz tüm değişikliklerinizi kaybedersiniz.

Alt Tema Nasıl Oluşturulur

  1. wp-content/themes'de yeni bir klasör oluşturun.
  2. Bu klasörde bir stil sayfası oluşturun. Yeni stil sayfasında, WordPress'e bunun mevcut temanızın bir alt teması olduğunu söyleyin.
  3. Ardından, düzenlemek istediğiniz dosyaların kopyalarını alt temaya ekleyin. Bu klasördeki dosyaları düzenleyin.
  4. Son olarak, web sitenizdeki alt temayı etkinleştirin.

Ana temada hiyerarşide daha yüksek bir dosya olmadıkça, WordPress her zaman alt temadaki dosyayı içerik çıktısı almak için kullanır. Aynı dosyanın iki versiyonu olsa bile, WordPress alt temadan olanı kullanır. Temel olarak, alt temadaki yeni dosya, dosyayı her zaman ana temadan geçersiz kılar.

wordpress temaları

WordPress Temanızı Nasıl Özelleştireceğinize İlişkin En İyi Uygulamalar

Bunlar, WordPress temanızı her özelleştirdiğinizde izlemeniz gereken en iyi uygulamalardır.

Mümkün Olduğunda Kod Eklemeden Özelleştirin

Özelleştirmelerinizi Özelleştirici aracılığıyla veya yönetici ekranlarının herhangi bir yerinde yapabileceğiniz her zaman, bu, kodu düzenlemekten çok daha iyi bir seçenektir. Kodu yalnızca CSS ve PHP'ye aşina iseniz ve bunu nasıl güvenli bir şekilde yapacağınızı biliyorsanız düzenleyin.

Değişiklikler Yapmak için Yerel Geliştirme Sitesini Kullanın

Temanızdaki kodu düzenliyorsanız veya değişiklik yapmak için bir alt tema oluşturuyorsanız, geliştirme çalışmalarını her zaman temanızın yüklü olduğu ve içeriğinizin canlı sitenizden kopyalandığı yerel bir WordPress kurulumunda yapın. Bu şekilde, güncellemelerinizi bir yansıma sitesinde canlı olarak test edebilirsiniz. Bunun canlı siteniz üzerinde hiçbir etkisi yoktur ve çok daha hızlıdır.

Sürüm Kontrolünü Kullan

WordPress temanızda her değişiklik yaptığınızda, değişikliklerinizi izlemek için sürüm kontrolünü kullanmalısınız. En azından temanın sürüm numarasını değiştirmeniz ve her iki sürümün de kopyalarını saklamanız gerekir. Ancak sürüm kontrolünü doğru yapmak için değişikliklerinizi takip etmek için bir servis (örneğin GitHub gibi) kullanmanız gerekecek. Bir değişiklik herhangi bir soruna neden olursa, manuel düzenleme yapmadan basitçe geri alabilirsiniz. Ekip olarak çalışıyorsanız bu özellikle önemli bir adımdır.

Değişiklikleri Test Etmek için Hazırlama Sitesi Kullanın

Bir hazırlama sitesine erişebiliyorsanız, canlı sitenizde yeni temanızı etkinleştirmeden önce bu sitede test ettiğinizden emin olun. Herhangi bir yerel site, farklı bir sunucuda olduğundan ve farklı bir PHP sürümünde çalışabileceğinden, canlı sitenizden bazı küçük farklılıklara sahip olacaktır. Hazırlama sunucunuzda canlı sitenizin bir kopyasını oluşturun, ardından yeni temanızı yükleyin ve etkinleştirin. Her şeyin doğru çalıştığından emin olmak için önce sitenizi test edin, ardından değişiklikleri canlı sitenize aktarın.

Temanızı Mobil Duyarlı Hale Getirin

Yeni temanızın yalnızca masaüstüne değil, mobil cihazlara da duyarlı olmasını sağlamak önemlidir. 2021'de mobil, web trafiğinin yarısını oluşturuyor. Bu nedenle, yeni WordPress temanızın mobil uyumlu olması çok önemlidir, aksi takdirde trafiğinizin yarısını kaybedebilirsiniz. Web sitenizin çeşitli cihazlarda nasıl göründüğünü görmek için her zaman BrowserStack gibi bir araç kullanabilirsiniz.

Özelleştirmelerinizin Herkes İçin Erişilebilir Olduğundan Emin Olun

Web sitenizde yaptığınız tüm özelleştirmelerin, engelli veya duyusal engelli kullanıcılar da dahil olmak üzere herkes tarafından erişilebilir olması gerekir. Renklerinizi daha parlak veya metni küçültmek gibi değişiklikleri göz önünde bulundurun ve bunların ADA uyumlu olduğundan emin olun.

WordPress Kodlama Standartlarına Bağlı kalın

WordPress temanızdaki kodu her düzenlediğinizde veya bir alt tema oluşturduğunuzda, kodunuzun WordPress kodlama standartlarına uygun olduğundan emin olmanız gerekir. Bu standartlar, kodun tutarlı ve yüksek kalitede olmasını sağlamak içindir.

wordpress teması nasıl düzenlenir

SEO Tasarım Chicago ile WordPress Temanızı Özelleştirin

WordPress'in web sitesi oluşturmak için en iyi platform olmasının nedenlerinden biri, son derece özelleştirilebilir olmasıdır. Ancak, sitenizi özelleştirmek zor olabilir. SEO Design Chicago'nun web geliştiricileri WordPress uzmanlarıdır ve temanızı sizin için özelleştirebilir, böylece tam olarak istediğiniz web sitesini elde edersiniz. Bugün bize ulaşın!

SSS:

  • WordPress temanızı özelleştirmeniz mi gerekiyor?
  • WordPress Tema Düzenleyicisini neden kullanmamalıyım?
  • WordPress'te Özelleştiriciyi nasıl bulabilirim?
  • WordPress temamın düzenini, yazı tiplerini ve renklerini nasıl düzenlerim?
  • WordPress temalarını özelleştirmek için en iyi uygulamalar nelerdir?