WordPress logonuzun boyutu nasıl değiştirilir (herhangi bir temayla işlev görür)

Son zamanlarda okuyucularımızdan biri, WordPress’teki logonuzun boyutunu değiştirmenin mümkün olup olmadığını sordu? Web sitesi logonuz markanızın önemli bir parçasıdır. Kullandığınız WordPress temasına bağlı olarak, bazen logonuzun boyutunun daha büyük veya daha küçük olacak şekilde nasıl değiştirileceği açık değildir. Bu makalede, WordPress logo boyutunu adım adım kolayca nasıl değiştireceğinizi göstereceğiz.

WordPress’teki logo boyutunu neden değiştirmelisiniz? Logonuzu WordPress’e yüklediğinizde, boyut her zaman doğru olmayabilir. Çok küçük olan logo göze çarpmayacak. Bu arada, çok büyük logoların web sitesi tasarımı üzerinde olumsuz bir etkisi olabilir.
Özel bir logo tasarımına yatırım yaptıysanız, logonuzun web siteniz başlığında doğru önlem olarak göründüğünden emin olmak istersiniz. Hala logo tasarımı sürecinde olanlar için, en iyi ücretsiz logo üreticilerimizin seçimine bakın. Bu nedenle, WordPress’teki logo boyutunu değiştirmek için kullanabileceğiniz birkaç farklı yol göstereceğiz. Seçtiğiniz yöntem, kullandığınız WordPress temasına ve CSS kodunu düzenleyerek konfor seviyenize bağlı olacaktır.
WordPress Ayarıyla WordPress Logo Boyutunu Değiştirin
CSS kodunu düzenleyerek WordPress logo boyutunu değiştirin
CSS kodunu düzenlemeden WordPress logo boyutunu değiştirin
Yöntem 1. WordPress Logosunun Boyutunu Değiştir WordPress Özelleştirici WordPress’teki logonun boyutunu değiştirmenin en basit ve en kolay yolu tema ayarını kullanmaktır. Ancak, bu yöntem yalnızca WordPress temanız onu destekliyorsa çalışır.
Divi, Astra, Ultra ve diğerleri gibi birçok popüler tema varsayılan logo boyutu değiştirme aracı vardır. Logonuzu WordPress’e yüklediğinizde, bu temalar logoyu genişliği ve yüksekliği ayarlamak için kullanabileceğiniz basit bir değişimle ayarlamayı kolaylaştırır. Not: Logonuzun boyutu yalnızca yüklediğiniz resim kadar büyük olacaktır, bu nedenle hedefiniz daha büyük hale getirmekse daha büyük bir logo resmi yüklediğinizden emin olun. Öğreticiler uğruna, Divi, Astra ve Ultra temasında logonuzu nasıl değiştireceğinizi göstereceğiz, ancak yöntem çoğu popüler WordPress temaları için benzer. Temanızın bu seçeneği yoksa, bu öğreticinin 2 veya 3 yöntemini kullanmanız gerekir. İlk WordPress Divi WordPress tema logosu boyutunu değiştirin, Divi »Ayarlama Temaları’na gidin ve ‘Başlık ve Navigasyon’ menü seçeneğini tıklayın.
Bundan sonra, ‘Ana Menü’ açma seçeneğini tıklayın. Burada logonuzun boyutunu değiştirebilirsiniz.

İlk olarak, ‘menü yüksekliği’ ayarlarını ayarlamanız gerekir. Bu, tüm navigasyon menülerinizin yüksekliğini kontrol eder ve logonuzu ne kadar oluşturabileceğinizi belirler. Bundan sonra, menünün toplam yüksekliğinin yüzdesi olan ‘Max Height Logo’ ayarını değiştirebilirsiniz.

WordPress blogunuz için mükemmel logo boyutunu bulana kadar ‘maksimum yükseklik logosunu’ yukarı ve aşağı ayarlayabilirsiniz.

Ekrandan çıkmadan önce değişikliklerinizi kaydetmek için ‘Yayınla’ düğmesine tıkladığınızdan emin olun. WordPress Logo Boyutunu Astra WordPress temasındaki değiştirin İlk yapmanız gereken görünüşe gitmektir »Özelleştirin ve ardından ‘Başlık’ menü seçeneğini tıklayın.
Bundan sonra ‘Site Kimlik’ menüsü seçeneğini tıklayın. Burada logonuzun boyutunu kolayca ayarlayabilirsiniz. Yapmanız gereken, ‘logonun genişliğini’ sola veya sağa taşımaktır. Değişimi hareket ettirdiğinizde, logonuzun boyutundaki değişiklikleri gerçek zamanlı olarak otomatik olarak görebilirsiniz.

Logonuzun boyutundan memnun kaldığınızda, sayfadan ayrılmadan önce ‘Yayın”yı tıkladığınızdan emin olun. Ultra temadaki logo boyutunu ayarlamak için Ultra WordPress temasındaki WordPress logo boyutunu değiştirin, görünüşe gidin »Özelleştirin ve ‘Site Logosu ve Slogan’ Navigasyon Öğesini tıklayın.

Bu tıklamadan sonra ‘Site Logosu’ açılır. Ardından, görünen radyo düğmesini ‘logo görüntüsü’ seçin.

Şimdi, logo görüntüsünüzün sağındaki kutuya yeni bir boyut ekleyerek logonun boyutunu değiştirebilirsiniz. Orijinal boyuta dayalı bir disiplin görüntüsü istiyorsanız, yeni logo boyutunu tek bir kutuya girmeniz yeterlidir.

Genişliği soldaki kutu ve sağdaki bir kutu ile yüksekliği değiştirebilirsiniz.

Yeni bir boyut girdiğinizde, logonuzun boyutunun gerçek zamanlı olarak değiştiğini göreceksiniz. Logonuzun boyutunu ayarlamayı bitirdikten sonra, ‘Yayıncılık’ düğmesini tıkladığınızdan emin olun.
Temanız yukarıda vurgulanmıyorsa, WordPress ayarlamalarını kullanarak logonuzun boyutunu ayarlayabileceğiniz bir olasılık vardır. Sadece görünümü açın »Kullandığınız temayı ayarlayın ve logonuz veya başlığınız için hangi ayar seçeneklerinin kullanılabilir olduğunu görün. Yöntem 2. WordPress Logo Boyutunu CSS Düzenleyerek Değiştir WordPress temanız, WordPress teması ayarını kullanarak logo boyutundaki değişiklikleri desteklemiyorsa, özel CSS ekleyerek boyutunu değiştirebilirsiniz. Yapmanız gereken ilk şey, Web sitesi ana sayfası. Ardından, sayfanın herhangi bir yerine sağ tıklayın ve ‘Kontrol’ seçeneğini seçin. Bu, sayfanın tüm kodlarını görüntüleyen Meclis menüsünü getirecektir.

Bundan sonra, koruyucuya benzeyen ‘öğe seç’ simgesine tıklamanız gerekir. Bu, web sitesi logonuzun öğesini seçmenize ve kodu görmenize olanak tanır.

Ardından, CSS sınıfı görünene kadar imleci web sitesi logonuza yönlendirmeniz yeterlidir. Bu, aşağıdaki resme benzeyecektir. WordPress logonuzun boyutunu ayarlamak için bu CSS sınıfını kullanacaksınız. Bunu not defteri gibi metin düzenleyicisine yazın.
Şimdi WordPress yönetici kontrol panelinize geri dönebilir ve görünüşe gidebilirsiniz »Özelleştir. ‘Ek CSS’ menü seçeneğini tıklamanız gerekir. Bu, özel bir CSS kodu ekleyebileceğiniz bir açılır menü getirecektir.

Daha önce bulduğunuz CSS sınıfını ekleyin ve yeni görüntülerin boyutlarını belirleyin. Örneğin aşağıdaki CSS kodunu kullanabilirsiniz.

Max-height: 100px! Önemli;

}

Temanızın kullandığı CSS IMG.Custom-Logo sınıfını CSS sınıfına değiştirmeniz gerekir. MAX-Height’ı istediğiniz boyuta da değiştirebilirsiniz. Bu, WordPress ayarındaki görünümdür.
Bir değişiklik yaptıktan sonra, değişikliğinizi aktif hale getirmek için ‘Yayınla’ düğmesini tıklamanız yeterlidir. Yöntem 3. CSS düzenlemeden WordPress logo boyutunu değiştirin, tema dosyasını düzenlemek veya özel bir CSS eklemek rahat değilseniz, bu yöntem sizin için uygundur. Bir WordPress stili eklentisi kullanarak, sitenizde sürükleme ve gevşek sayfa üreticisi kullanmak gibi görsel değişiklikler yapabilirsiniz. CSS kahramanları kullanmanızı öneririz. Bu, bir CSS kod satırı yazmadan WordPress sitenizdeki hemen hemen her CSS stilini düzenlemenizi sağlayan bir styler eklentisidir.
Sözleşme: WPBeginner okuyucuları CSS Kahraman Kupon Kodumuz aracılığıyla% 34 indirim alabilirler. Yapmanız gereken ilk şey eklentiyi yüklemek ve etkinleştirmektir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Aktivasyondan sonra, eklentiyi etkinleştirmek için ‘Ürün Etkinleştirmeye Devam’ düğmesini tıklamanız gerekir. Yüklü eklentiler listesinin hemen üstünde bulunur.
Bu, kullanıcı adınızı ve şifrenizi girebileceğiniz ekrana götürecektir. Ekrandaki talimatları izleyin ve hesabınız doğrulandıktan sonra sitenize geri yönlendirileceksiniz. Bundan sonra, WordPress yönetici çubuğunuzun üst kısmındaki ‘CSS Kahramanı’ düğmesini tıklayın.
Bu, üzerinde çalışan CSS Hero ile web sitenize götürecektir. CSS Hero Wysiwyg Editor’u kullanır (ne elde ettiğinizi görürsünüz). Sayfanızdaki herhangi bir öğeyi tıkladığınızda, ayarlamalar yapmak için soldaki cihaz çubuğunu getirecektir. Ardından, sayfanın üst kısmındaki WordPress logonuzu tıklayın. Bundan sonra ‘Gelişmiş Sahne Göster’ bağlantısını tıklayın.

Bu size daha fazla CSS ayar seçeneği sunar. Ardından, ‘önlemler’ kutusunu arayın. Burada ‘maks genişlik’ ve ‘maks. Yüksek’ adlı bir seçenek bulacaksınız. İstediğiniz görüntünün boyutuna değiştirmek istiyorsunuz. Bir görüntünün aynı boyutu korumasını istiyorsanız, yüksekliği veya genişliği değiştirin.
Yaptığınız değişiklikler sayfanızda otomatik olarak görünecektir. Logonuzun boyutunu değiştirmeyi bitirdikten sonra, değişikliğinizi canlı hale getirmek için ‘Kaydet ve Yayın”yı tıklamanız gerekir. Bu makalenin WordPress logonuzun boyutunu değiştirmenize yardımcı olduğunu umuyoruz. Ayrıca, küçük işletmeler için en iyi doğrudan sohbet yazılımı için uzmanlarımızın seçimini ve işletme web sitelerine ait olması gereken WordPress eklentilerinin bir listesini görmek isteyebilirsiniz. Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.