Wordpress ile çalışırsak, sayfamızı mümkün olan tüm ayrıntılarla kişiselleştirmeyi sevmemiz mümkündür. Müşteriler tarafından en çok talep edilen özelleştirmelerden biri oturum açmadır. Varsayılan olarak, Wordpress'in giriş için bize sunduğu tasarım oldukça basit ve temizdir. Bu nedenle, markamız gibi daha kişisel bir dokunuş eklemek isteyebiliriz.
Wordpress'te geliştirilmiş bir blogunuz varsa, onu yönetmek için kurulum yöneticisinin oturum açma sayfasını gösteren http://www.midominio.com/wp-admin gibi bir url'ye erişmeniz gerektiğini bileceksiniz; Bu, varsayılan olarak değiştirebileceğimiz bir Wodpress logosu içerir. Ancak bununla da kalmayıp, üzerine tıkladığınızda gösterdiği bağlantıyı ve araç ipucunu da (fare imlecini logonun üzerine getirdiğinizde gösterilen poster) değiştirebiliriz.
Bu özelleştirmeyi gerçekleştirmenin iki yolu vardır: eklentiler uzmanlaşmış veya bir parça ekleyerek kod ilgili kurulum dosyasına
Herhangi bir özelleştirme yapılırken Wordpress Bir eklenti aracılığıyla daha basittir, gerçek şu ki, bunlar sayfamızın yüklenme süresini doğrudan etkiler, böylece elimizin altında olduğunda, bu tür eylemleri koda "dokunarak" yapmak daha hafif olacaktır.
Bu derste bunu doğrudan nasıl yapacağımızı göreceğiz. karşılık gelen üç php kod parçacığını ekleyerek gerçekleştireceğimiz özelleştirmelerin her birine:
özelleştirmeler
- Logoyu değiştirin.
- Logo bağlantısını değiştirin.
- Logo ipucunu özelleştirin.
1. Logoyu değiştir
Aşama 1
İlk yapmamız gereken logo olarak kullanacağımız görseli hazırlamak. Bu kare olmalı, 80 x 80 piksel ve formatta .png.webp, tercihen ile şeffaf arka plan, giriş sayfası grimsi olduğundan ve bu şekilde onunla mükemmel bir şekilde "karışacaktır".
Adım 2
Bir kez logo olarak kullanacağımız görseli hazır hale getirdikten sonra, örneğimizde buna denir. logo.png.webp, klasöre kaydetmeliyiz Görüntüler güncel konumuz ( \ wp içeriği \ temalar \güncel konu\ Görüntüler) nerede güncel konu kurulumunuzda aktif ettiğiniz temanın adına karşılık gelir.
Bu işlemi hem bir müşteri aracılığıyla gerçekleştirebiliriz FTP aracılığıyla barındırma dosya yöneticisi, sahip olmanız durumunda.
Aşama 3
Şimdi ilgili php kodunu dosyaya eklemek gerekecek aktif temamızın function.php. Bunu yapmanın en hızlı yolu, Wordpress'in kendi dosya düzenleyicisini kullanmaktır. Bunu yapmak için, Wordpress kurulumunda şunu yapın: Özelleştir menüsüne tıklayın ve sonra hakkında Editör. Şimdi sol sütunda function.php dosyası ve sonuna kadar kaydırın.
Görüntülenmesini istediğiniz logoyu belirtmek için aşağıdaki kodu ekleyin. Kod parçacığında metni değiştirmelisiniz logo.png.webp kendi logonuza verdiğiniz isimle
// oturum açma logosu işlevini özelleştir my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Logo bağlantısını değiştir
Sayfa logosuna bağlı URL'yi değiştirmek için dosyaya da eklemeniz gerekir. işlevler.php aşağıdaki kod parçası:
// logo bağlantı işlevini özelleştir put_my_url () {return ('http://www.solvetic.com'); // Logonun bağlantı verdiği URL'yi burada belirtin} add_filter ('login_headerurl', 'put_my_url');
3. Logo ipucunu özelleştirin
Son olarak ve giriş sayfasının kişiselleştirilmesinin tamamlanması için, varsayılan olarak "Powered by WordPress" olan logonun resminin üzerine gelindiğinde görünen metni değiştireceğiz.
Bunun için dosyaya son bir kod parçası eklemeniz gerekecek. işlevler.php aktif konunun:
// logo bağlantı işlevini özelleştir put_my_url () {return ('http://www.solvetic.com'); // Logonun bağlantı verdiği URL'yi burada belirtin} add_filter ('login_headerurl', 'put_my_url');
Düzenleme tamamlandıktan sonra, bunların yürürlüğe girmesi için yapılan değişikliklerin kaydedilmesi gerekecektir. Bunu yapmak için düğmeye tıklayın Dosyayı güncelle editörün sonunda bulunan. Artık Wordpres giriş sayfanıza erişirseniz, uygulanan değişikliklerden sonra nasıl göründüğünü görebilirsiniz.
UnutmaBu "hileleri", öğreticide açıklandığı gibi yerel bir kurulum kullanarak Wordpress'te sitenizi yeniden yapılandırmaktan korkmadan deneyebilirsiniz.
Ücretsiz Wordpress şablonlarını indirin
Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
