WordPress Altbilgisini Özelleştirmenin 9 Yolu (Elle ve Eklenti ile)

0
13

Yakın zamanda WordPress navigasyonunu nasıl özelleştireceğimizi derinlemesine inceledik. Bu sefer, daha eksiksiz bir resim sağlamak için, artık bir web sitesinin diğer ucuyla uğraştığımızı ve bir WordPress sitesinin altbilgisini nasıl özelleştireceğimizi öğrenmemizin iyi ve yerinde olduğunu düşündük.

Altbilgi, bir web sitesinin genellikle ihmal edilen bir parçasıdır. Sonuçta, pek çok ziyaretçi aslında asla o kadar aşağı kaydırmaz. Ancak, bu tür bir tutum sizi geride bırakabilir.

Her şeyden önce, altbilgi genellikle bir web sitesinin her sayfasında görünür (ayrı bir açılış sayfası kullanmadığınız sürece). İkincisi, çok önemli bilgiler içerebilir. Menülerdeki iletişim bilgilerinden ve yasal feragatnameler üzerindeki gizlilik politikasına ve hizmet şartlarına, sosyal simgelere kadar pek çok şey burada yerini bulabilir.

Sitenizin bu bölümündeki herhangi bir bilginin iyi göründüğünden emin olmak için, WordPress altbilgisini en iyi şekilde kullanabilmeniz için özelleştirmenin birçok yolunu inceleyeceğiz.

WordPress’te Altbilgi Özelleştirme: Yerel Seçenekler

Altbilginizde değişiklik yapmaya çalışırken, genellikle dönebileceğiniz ilk yer WordPress’teki Görünüm> Pencere Öğeleri menüsüdür.

Çoğu WordPress teması, altbilgide en az bir widget alanı içerir, ancak iki veya üç tane olması da yaygındır, böylece gerekirse sütunlara içerik ekleyebilirsiniz.

Bilgi eklemek oldukça basittir. Seçtiğiniz bir widget’ı görünmesini istediğiniz yere sürükleyip bırakın, yapılandırın ve kaydedin.

wordpress altbilgisini widget'larla doldurun

Widget Seçenekleri

Elinizdeki tüm widget’ları teorik olarak WordPress altbilginizde kullanabilirsiniz. Ancak bazıları diğerlerinden daha mantıklı olacaktır. Altbilgi için bazı iyi widget seçenekleri şunlardır:

Arşivler – Bu pencere öğesini ekleyerek ziyaretçilerinizin aylık içerik arşivlerinize erişmesine izin verin. Kategoriler – Kitlenizin blog kategorilerinize alt bilgiden erişmesine olanak tanır. Galeri – Alakalı resimlerden oluşan bir galeri gösterin. Genellikle bir gönderide veya sayfada yaptığınız gibi görseller eklemek yerine, widget alanına sürüklemeniz yeterlidir. Görüntü – Galeriyle aynı, ancak tekil bir görüntü için. Logonuzu eklemek burada iyi bir fikirdir. Navigasyon Menüsü – Sitenizdeki diğer sayfalara bağlantılar ekleyin. Önce Görünüm> Menüler altında bir menü oluşturduğunuzdan ve bağlantı kurmak istediğiniz sayfalarla donattığınızdan emin olun. Ardından Gezinme Menüsünü altbilgi widget’ına taşıyın, isteğe bağlı olarak bir başlık verin (harekete geçirici mesaj olabilir) ve açılır menüden menünüzü seçin. veya web sitesi Arama – Sitenizde bir arama formu bulundurmak her zaman iyi bir fikirdir. Ziyaretçilerin aradıklarını bulmalarına yardımcı olur ve WordPress altbilgisi onu koymak için iyi bir yerdir.Kayıt formu – Sitenizde e-postaları topluyorsanız, altbilgideki bir kayıt formu, Birinin haber bülteninize atlamasını sağlayın. Metin – Klasik WordPress editörünün yardımıyla altbilginize herhangi bir metin türü ekleyin. Ayrıca başlıklar gibi biçimlendirmeyi de kullanabilirsiniz. Sorumluluk reddi beyanları veya izleyicilerinize bırakmak istediğiniz herhangi bir mesaj için harikadır.

Değişiklik yaptıktan sonra her zaman widget’larınızı kaydetmeyi unutmayın!

Altbilgiden “Gururla WordPress tarafından desteklenmektedir” ifadesini kaldırın

“Powered by WordPress” altbilgi metninin kaldırılması, arama motorlarında yaygın bir taleptir. Temanızın sunduklarına bağlı olarak, onu kaldırmanın birkaç yolu vardır.

Özelleştiriciyi kullanın

Bazı temalar, WordPress Özelleştiricisindeki WordPress altbilgisinin bu bölümünü özelleştirmenize izin verir. Bunun için Görünüm> Özelleştir’e gidin, ardından altbilgi ile ilgili seçenekleri arayın.

özelleştiricide altbilgi ayarlarını bul

Örneğin, OceanWP temasında bu seçenekleri Alt Bilgi Altında bulabilirsiniz.

özelleştiricideki wordpress kredisi ile desteklenen özelleştirme

Gördüğünüz gibi, yalnızca varsayılan olarak “Gururla WordPress tarafından desteklenmektedir” mesajının üzerine yazmakla kalmaz, aynı zamanda size onu istediğiniz gibi özelleştirme seçeneği sunar. Tema, mevcut yıl ve daha fazlası gibi bilgileri dinamik olarak girmek için kısa kodlar kullanmanıza bile izin verir.

Bunun gibi seçenekler birçok temada çok yaygındır. Değişikliklerinizi kalıcı hale getirmek için üst taraftaki Yayınla’yı tıklamayı unutmayın.

Eklenti ile Kaldır

WordPress’teki altbilgi içeriğini özelleştirmek için başka bir seçenek de eklentiler olabilir. “Powered by WordPress” mesajını kaldırmanıza yardımcı olabilecek birkaç tane var.

Birincisi, “Powered by WordPress” i Kaldır. Sitenizde etkinleştirildiğinde, altbilgi kredilerini kapatmak için size Özelleştirici içinde ek tema seçenekleri sunar.

wordpress eklenti ayarları tarafından desteklenen kaldır

Ancak, bu yalnızca varsayılan WordPress biçimlendirmesi için çalışır, temanız veya başka bir eklenti nedeniyle mevcut olabilecek hiçbir şey için geçerli değildir.

Sitenizde durum buysa, Altbilgi Kredisini Kaldır’ı deneyebilirsiniz. Burada, Araçlar> Altbilgi Kredisini Kaldır altında, eklentinin onu kaldırmasını veya tanımlanmış bir alternatifle değiştirmesini sağlamak için herhangi bir metin veya HTML kodu ekleyebilirsiniz (tarayıcı geliştirici araçlarıyla bulun).

altbilgi kredisi eklenti ayarlarını kaldır

Şablon Dosyasını Düzenleyin

Yukarıdakiler başarısız olursa, yine de şablon dosyalarınızı düzenleme seçeneğiniz vardır. Çoğu tema, WordPress altbilgisinin tüm biçimlendirmesini içeren footer.php adlı bir dosyaya sahiptir. Özelleştirmek istiyorsanız, buradan başlayabilirsiniz (aşağıda daha fazlası).

Hızlı not: Şablon dosyalarında ve diğer tema dosyalarında yapılan değişiklikler her zaman bir alt tema biçiminde yapılmalıdır.

Footer.php dosyasını düzenlemek için, bir FTP istemcisi ile sunucunuzda oturum açın ve wp-content / themes / yourthemedirectory adresine gidin. Burada footer.php dosyasını bulun ve indirin. Ardından, en sevdiğiniz kod düzenleyicinizle düzenleyin.

Twenty Twenty-One temasında “Powered by WordPress” çıktısının çıktısı şu şekildedir.

Her şeyi silin veya istediğiniz gibi değiştirin. Dosyayı kaydedin, (alt) temanıza yeniden yükleyin ve hepsi tamamlanmalıdır.

Altbilgi Tasarımını Değiştirin

Tıpkı WordPress gezinme için olduğu gibi, web sitenizin altbilgisinin nasıl göründüğüne dair daha kapsamlı değişiklikler yapmak istiyorsanız, biraz CSS ve hatta PHP uygulamanız gerekecek.

Buradaki ilk adım, değiştirmek istediğiniz öğe için doğru CSS seçicilerini bulmaktır. Bunu yapmanın en kolay yolu, yukarıda bahsedilen tarayıcı geliştirici araçlarını kullanmaktır. Temel olarak, değişiklik yapmak istediğiniz herhangi bir altbilgi öğesini sağ tıklayın ve ardından incelemeyi seçin.

altbilgi öğelerini tarayıcı geliştirici araçlarıyla inceleyin

Bu size hem altbilginizin HTML yapısını hem de her bir öğenin CSS seçicilerini ve stilini gösterecektir.

tarayıcı geliştirici araçlarında wordpress altbilgi işaretlemesi

Bunu bilmek, istediğiniz her şeyin üzerine yazmanıza ve değiştirmenize olanak tanır. En son WordPress varsayılan temaları (Yirmi Yirmi ve Yirmi Yirmi Bir) altbilgiyi bir alt bileşen alanına ve ardından gerçek altbilgiye böldüğünden, bunu kontrol etmek de özellikle önemlidir.

yirmi yirmi varsayılan altbilgi

Aşağıda, yukarıda bahsedilen Yirmi Yirmi temasını kullanarak bazı örnekleri gözden geçireceğiz. Twenty Twenty-One en son varsayılan tema olsa da, biçimlendirmesinde birçok CSS değişkeni kullanıyor ve bu da bunu yeni başlayanlar için çok zor hale getirebilir.

Size WordPress altbilginizi nasıl özelleştireceğinize dair ilkeleri göstereceğiz, ancak, temanızdaki işaretlemenin tam olarak aynı olmayabileceğini unutmayın. Bu yüzden gerektiği gibi adapte ettiğinizden emin olun.

Yalnızca birkaç değişiklik yapacaksanız, bunu Özelleştiricinin özel CSS alanında yapmak iyidir, daha büyük değişiklikler için yine bir alt tema kullanmak iyi bir fikirdir.

wordpress, özelleştiricide özel css ile altbilgiyi özelleştirin

Altbilgi Arka Plan Rengini Değiştirin

Yapmak istediğimiz ilk şey oldukça basit: site alt bilgisinin arka plan rengini değiştirmek. Bunu bazı CSS işaretlemeleri ile nispeten kolay bir şekilde yapabilirsiniz. Aklımızda tutmamız gereken tek şey, Twenty Twenty’nin altbilgi bölümü ikiye bölünmüş, bir widget alanı ve ardından gerçek altbilgi olmasıdır.

Bunlara geliştirici araçlarıyla baktığınızda, ilkinin .footer-nav-widgets-wrapper adlı bir sınıfa sahip olduğunu ve ikincisinin # site-footer adlı bir kimliğe sahip olduğunu görürsünüz (HTML sınıflarına karşı kimlikler hakkında daha fazla bilgi edinmek için bu gönderiye bakın). Yani, ikisini de değiştirmek için, şu şekilde işaretlemeyi kullanabilirsiniz:

.footer-nav-widgets-wrapper, # site-footer {background-color: # DFE5F5; } .footer-widgets-dış sarıcı, .footer-top {border-color: # 000; }

Sizin de görebileceğiniz gibi, kenarların rengini de değiştirdik, böylece geri kalanıyla uyumlu hale gelsinler ve sadece arka planda kaybolmasınlar. İşte sonuç:

wordpress altbilgi arka plan rengini değiştir

Yazı Tiplerinde ve Metinde Değişiklikler Yapın

Ardından, widget yazı tiplerinde bazı değişiklikler yapmak istiyoruz. Şu anda pencere öğesi başlıkları oldukça büyük ve içeriklerinden biraz kopuk görünüyor. Ayrıca, alttaki metin biraz girintili olduğunda nasıl göründüğünü de denemek istiyoruz.

Bazı incelemelerden sonra, tarayıcı geliştirici araçları aşağıdaki CSS seçicilerini ortaya çıkarır:

.widget .widget-title.footer-widgets a

Şimdi onlara şu şekilde yeni stil uygulayabiliriz:

.widget .widget-title {margin-bottom: 1rem; } .footer-widgets a {padding-left: 5rem; }

Bunu özel CSS alanıma veya alt tema stil sayfama eklediğimde, şöyle görünüyor:

wordpress altbilgisindeki yazı tipi değişiklikleri

WordPress Altbilgisine Pencere Öğeleri Ekleyin

WordPress altbilgimizin tasarımını özelleştirmenin son bir adımı olarak, bazı iletişim bilgilerini görüntülemek için gerçek site altbilgisine bir pencere öğesi eklemek istiyoruz.

Bunun için ilk adım, functions.php içindeki bu kod parçacığı ile yapabileceğimiz yeni bir pencere öğesi alanı kaydetmektir:

function ns_register_footer_widget () {register_sidebar (array (‘before_title’ => ‘)

‘,’ before_widget ‘=>’

‘,’ ad ‘=> __ (‘ Altbilgi-Pencere Öğesi ‘,’ yirmi yirmi ‘),’ id ‘=>’ alt-altbilgi-pencere öğesi ‘,’ açıklama ‘=> __ (‘ Bu, alt altbilgideki pencere öğesi alanıdır .’, ‘yirmi yirmi’ ), ) ); } add_action (‘widgets_init’, ‘ns_register_footer_widget’);

Mevcut olduğunda, WordPress arka ucunun içindeki Widget’lar menüsünde zaten görebilirsiniz.

wordpress altbilgi widget alanı ekle

Ancak, artık sayfada da görünmesini sağlamamız gerekiyor. Bunun için temanın footer.php dosyasını düzenlememiz gerekiyor. Yine, bu bir alt tema için bir şeydir, bu nedenle değişiklik yapmadan önce tema dosyasını kopyaladığınızdan emin olun.

Altbilgide yeni pencere öğesi alanının görünmesini sağlayacak kod şu şekildedir:

Bunu şimdi buradaki dosyaya ekleyeceğiz:

altbilgi php'ye pencere öğesi çıktı işlevi ekleyin

Şimdi sayfayı yeniden yüklediğimizde, iletişim bilgilerini orada zaten görebiliriz:

altbilgide stilize edilmemiş widget içeriği

Geriye kalan tek şey, ona böyle uygun bir stil uygulamaktır:

.bottom-footer-widget {text-align: center; } .bottom-footer-widget-title {font-size: 2.2rem; kenar boşluğu: 0 otomatik 0.5rem; }

Sonra, gerçekten iyi görünüyor:

wordpress altbilgisindeki yeni widget alanı tamamlandı

Sonuçta o kadar da zor değil, değil mi?

Altbilgiye Komut Dosyaları Ekleme

Bahsetmek istediğimiz son şey, altbilgiye özel komut dosyalarının nasıl ekleneceğidir. En kolay yollardan biri, Üstbilgi ve Altbilgi Ekle gibi bir eklenti kullanmaktır.

Sadece kurun ve kullanıcı arayüzü aracılığıyla altbilgi komut dosyalarını ekleme seçeneğine sahip olursunuz.

üstbilgi ve altbilgi eklenti arayüzü ekle

Sadece kopyalayın, yapıştırın, kaydedin ve iyisiniz. Genesis gibi bazı temalarda da bunun gibi yerleşik şeyler bulunur.

genesis tema altbilgi komut dosyaları işlevselliği

Bunu bir işlevle manuel olarak da yapabilirsiniz (function.php’ye yerleştirin):

function ns_load_footer_scripts () {wp_enqueue_script (‘script-name’, get_stylesheet_directory_uri (). ‘/scripts/myscript.js’, false, ‘1.0’, true); } add_action (‘wp_enqueue_scripts’, ‘ns_load_footer_scripts’);

Aklınızda bulundurmanız gereken bir şey, son parametreyi true olarak ayarlamaktır. Komut dosyasını başlık yerine altbilgiye taşıyan kısım budur. WordPress belgelerinde daha fazla bilgi.

Özetle WordPress Altbilgisini Özelleştirme

Altbilgi, herhangi bir WordPress web sitesinin merkezi bir düzen öğesidir. Ondan en iyi şekilde yararlandığınızdan emin olmak için, değişiklik yapmak için birçok farklı yol kullanabilirsiniz.

Yukarıda, WordPress altbilgisini nasıl özelleştireceğimiz konusunda birkaç seçeneğin üzerinden geçtik. Artık altbilgi öğelerinde farklı değişiklikler yapmak için yerel işlevselliği, CSS’yi, PHP’yi ve eklentileri nasıl kullanacağınızı biliyorsunuz.

Kısacası, artık kendi başınıza yapmaya hazırsınız.

WordPress sitenizdeki altbilgiyi nasıl özelleştirirsiniz? Yukarıdakilere eklenecek bir şey var mı? Aşağıdaki yorumlar bölümünde bize bildirin.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz