WordPress Logo Ekleme Nasıl Yapılır?

Nisan 18, 2019 0 Views
WordPress Logo Ekleme Nasıl Yapılır? blog cover logo support 1 Ayhan ALTINOK

WordPress sitenize logo eklemek artık çok kolay eğer wordpress 4.5 üstü site kullanıcıları fonksiyon.php dosyasına bir iki düzenleme ile kullanabilirsiniz. Geliştirici olması gerekmeyen WordPress kullanıcıları, web sitelerini her zaman istedikleri gibi özelleştiremezler. Mevcut (hem ücretsiz hem de ücretli) binlerce tema arasından bir tema seçebilirler, ancak çoğu zaman logoyu kolayca değiştirememeleri hayal kırıklığı yaşarlar. Bazı temalar, kullanıcılarının logoyu değiştirmelerine olanak tanıyan seçenekler sunar ancak her zaman böyle değildir.

Tüm kullanıcıların web sitelerinin logosunu kolayca değiştirmelerine izin vermek için, WordPress ekibi WordPress 4.5 : Özel Logo. Bu özelliği kullanarak, herhangi bir WordPress kullanıcısı artık Tema Özelleştirici aracılığıyla logosunu değiştirebilecek.

Bir geliştiriciyseniz, temanızda Özel Logo özelliğini nasıl kullanacağınızı öğrenmek istersiniz. İyi haber şu ki, karmaşık değil, bu nedenle kullanıcınızın logosunu özelleştirmesine izin vermemek için hiçbir mazeretiniz olmayacak! Bu makalede, bir kullanıcının logosunu Özel Logo özelliği ile nasıl değiştirebileceğine bakacağız. Ardından, geliştiricilerin Özel Logo API’sini kullanarak Özel Logo özelliğini nasıl etkinleştirebileceklerini ele alacağız.

Kullanıcı açısından, Özel Logo özelliği etkinleştirildiğinde, bir web sitesinin logosunu değiştirmek oldukça kolaydır. Sonuçta bu özelliğin amacı buydu. Eğer wordpress logo değiştirme yeri gözükmüyor ise adımları takip edin.

Yapılacak ilk şey Tema Özelleştiriciyi açmaktır. Bunu yapmak için, WordPress panosundaki “Görünüm” menüsündeki “Özelleştir” girişini kullanabilirsiniz. Bu girişi göremiyorsanız, bu, sitede temayı özelleştirmek için yönetici haklarına sahip olmadığınız anlamına gelir (veya WordPress’in çok eski bir sürümünü kullanıyorsunuz ve en kısa sürede güncelleyin !). Ayrıca, web sitenizin herhangi bir sayfasındaki yönetici üst çubuğunda bulunan “Özelleştir” bağlantısı sayesinde Özelleştiriciye erişebilirsiniz.

WordPress Logo Ekleme Nasıl Yapılır? s1 Ayhan ALTINOK

Özelleştiricide, “Site Kimliği” paneline gidin ve “Logo” bölümünü bulacaksınız. Logoyu ilk kez değiştiriyorsanız, web sitenizde görüntülemek istediğiniz logoyu seçmenize olanak tanıyan bir “Logo seçin” düğmesi bulacaksınız.

Bu düğmeye basıldığında bir medya penceresi açılır. Mevcut herhangi bir resmi seçebilir veya yeni bir tane yükleyebilirsiniz. Sağ alt köşedeki “Logo seç” düğmesiyle seçiminizi yapın.

Bir logo seçildikten sonra, “Logo” bölümü onu iki düğmenin üzerinde görüntüler: biri özel logoyu kaldırmak, diğeri değiştirmek için.

WordPress logo düzenlemek için aşağıdaki adımları takip ediniz.

WordPress Logo Ekleme Nasıl Yapılır? logo ekleme scaled Ayhan ALTINOK

Tema Özelleştiriciyi kullanmanın avantajı, değişiklikleri doğrudan görmenizdir. Aslında, logonuzu seçtikten hemen sonra web sitenizde göreceksiniz. Bu değişiklikleri “Kaydet & amp;” ile kaydedene kadar, bu değişiklikleri görebilecek tek kişi sizsiniz. Özelleştiricinin üst kısmındaki “Yayınla” düğmesi.

Özel Logo API’sini Kullanma

Bu özelliği, Özel Logo kullanımına izin verdikleri için WordPress’in varsayılan temalarıyla test edebilirsiniz. Başka bir tema kullanırsanız, Özel Logo özelliğini açıkça etkinleştirmek için bu temaya ihtiyacınız vardır. Şimdi bunun nasıl başarılabileceğini vurgulayacağız.

Özel Logo Özelliğini Etkinleştirme

Özel Logo özelliğini etkinleştirmek için, aslında onu desteklememiz gerekiyor. Bu özelliğin varsayılan olarak etkinleştirilmemesinin iyi bir nedeni vardır. Aşağıda göreceğimiz gibi, Özel Logoyu görüntülemek için belirli bir işlev kullanmamız gerekiyor. Bu işlevi kullanmazsak, Özel Logo görüntülenmez, bu nedenle onu değiştirmek gereksizdir.

Özel Logo özelliği için destek beyan etmek için add_theme_support () işlevini kullanıyoruz. Bunu yapmanın en iyi yolu, bir geri arama işlevi ve after_setup_theme eylemini kullanmaktır. Özel Logo özelliğinin desteğini beyan etmek için aşağıdaki kodu temanızın functions.php dosyasına ekleyin.

function mytheme_setup() {
    add_theme_support('custom-logo');
} 
add_action('after_setup_theme', 'mytheme_setup');

Artık kullanıcılarınız bir logo seçebilecek. Sorun şu ki, henüz gösterilmiyor. Özel logoyu nasıl görüntülediğimize bakmadan önce, şimdi başka bir yararlı parametre üzerinden geçeceğim.

Logo, bir web sitesinin kimliğinin parçasıdır. Ancak bu, temanın geliştiricisi olarak boyutunu seçemeyeceğiniz anlamına gelmez. Çok büyük bir logo tüm tema tasarımını bozabileceğinden bunu yapmanın oldukça önemli olabileceğini düşünüyorum, ki bu bizim istediğimiz de bu değil.

Özel Logonun boyutunu kontrol etmek istiyorsanız, önce boyutu, üç parametreyi kabul eden add_image_size () ile bildirmeniz gerekir: bu boyut için istediğiniz ad, genişlik ve yükseklik. Ardından bu boyutu (seçtiğiniz adla) Özel Logo destek beyanında bir parametre olarak belirtirsiniz.

add_image_size ('efsane-logo', 160, 90);
add_theme_support ('özel logo', dizi (
    'boyut' = & gt; 'efsane-logo'
));

Kullanıcı daha küçük bir logo seçerse, logo yeniden boyutlandırılmaz. Ancak, bir görüntünün boyutları belirtilenden daha büyükse, ister yükseklik ister genişlik olsun, o zaman yeniden boyutlandırılacaktır. Her durumda WordPress, görsel yeniden boyutlandırıldığında orijinal oranı koruyacaktır.

Dolayısıyla, Özel Logo sağlanan alandan daha uzun veya daha geniş olmayacak, ancak daha küçük de olabilir.

Özel Logo özelliği için destek beyan ederseniz, kullanıcının seçimini görüntülemeniz gerekir. Bunu yapmak için, logoyu görmek istediğiniz her yerde the_custom_logo () işlevini kullanabilirsiniz. Logoyu görüntülemek için doğru HTML kodunu otomatik olarak yansıtır: ana sayfaya yönlendiren bir bağlantı içinde kapsüllenmiş doğru boyutta bir resim.

Herhangi bir nedenle bu kodu sadece tekrarlamak yerine geri almak isterseniz, get_custom_logo () da kullanabilirsiniz. Başlık altında, the_custom_logo () ‘un get_custom_logo () ‘ u kullanıcının logosunu görüntülemek için çağırdığını

<?php
// Display the Custom Logo
the_custom_logo();
// No Custom Logo, just display the site's name
if (!has_custom_logo()) {
    ?>
    <h1><?php bloginfo('name'); ?></h1>
    <?php
}
?>

the_custom_logo () kullanmadan önce has_custom_logo () kullanmadığımızı unutmayın. Aslında, gösterilecek logo yoksa the_custom_logo () boş bir dize görüntüleyecektir, bu nedenle bir logonun varlığını kontrol etmenin yararı olmaz.

Aşağıda aynı şeyi yapmanın başka bir yolu var. Özel Logoyu veya yalnızca sitenin adını görüntüleyen bir işlev (örneğin functions.php dosyasında) tanımlarız. Bu sefer temamızın WordPress’in eski sürümleriyle uyumlu kalmasını sağlamak için function_exists () kullanıyoruz.

function mytheme_custom_logo() {
    // Try to retrieve the Custom Logo
    $output = '';
    if (function_exists('get_custom_logo'))
        $output = get_custom_logo();
    // Nothing in the output: Custom Logo is not supported, or there is no selected logo
    // In both cases we display the site's name
    if (empty($output))
        $output = '<h1><a href="' . esc_url(home_url('/')) . '">' . get_bloginfo('name') . '</a></h1>';
    echo $output;
}

Ardından bu işlevi istediğimiz her yerde, örneğin başlıkta çağırabiliriz.

Özet Olarak

WordPress’in yeni sürümleri yayınlandıkça, Tema Özelleştirici son kullanıcılar için giderek daha kullanışlı hale geliyor. Kullanıcılar artık temanın kodunu değiştirmeye gerek kalmadan web sitelerini kişiselleştirebilir.

Yeni Özel Logo API’si ve Site Simgesi API önceki bir makalede ele aldığımızdan, son kullanıcı artık özel geliştirmeye ihtiyaç duymadan web sitesinin kimliğini daha kolay kontrol edebiliyor.

JavaScript TC Kimlik No Doğrulama cover tc Ayhan ALTINOK

JavaScript TC Kimlik No Doğrulama

Bazı projelerinizde TC kimlik numarasını kullanmamız gerektiği durumlar olmuştur. Böyle durumlarda  sunucuyu yormadan anlık doğrulama yapmak hem sizin  hemde sucunuzun iş yükünü azaltmak için JavaScript kullanarak anlık doğrulama…

Wordpress Ping Servisleri ping Ayhan ALTINOK

WordPress Ping Servisleri

WordPress Ping Servisleri Nedir? Bir makineye, bir bilgisayara yada bir siteye genellikle 32 bayttan oluşan bir ICMP paketi gönderilmesi olayına Ping adı veriyoruz. Bu işlemi genellikle karşı taraftaki client’in çalışıp çalışmadığını…

Yorumlar

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Yorum Yaz
Yukarı Kaydır
Beni takip edin
Tema
Diller
Müzik
Search results will appear here