Merhabalar, Wordpress dersleri serisinin yeni eğitimine hoş geldiniz. Bugün Wordpress giriş ekranı değiştirme konusunu gündeme getirmek istedim. Peki, bu ne işimize yarayacak? Eğer web sitesi yaparak para kazanmak istiyorsanız, müşterilerinize kusursuz hizmet sunmanız gerekiyor. Sadece tema düzenleyip onların fotoğraflarını, açıklamalarını siteye gireyim parama bakayım derseniz 2 adım öteye gidemezsiniz.
Bir web sitesi başlı başına müşterinizin izlerini taşıması gerekiyor. Alt yapısının ne olduğunu herkes bilmez. Fakat bir giriş ekranı hemen sizi ele verir. firmaismi.com/admin yazıldığında kabak gibi Wordpress logosu ile karşılaşmayı hiç bir müşteriniz istemeyecektir. Hatta bunu görünce;
buradaki logo yerine bizim firmanın logosunu koyamaz mıyız?
sorusuyla karşı karşıya kalmanız muhtemeldir. Tabi ki iş sadece logo ile bitmiyor. Logoya uygun şekilde arkaplanında değiştirilmesi istenebilir veya bunu siz değiştirmek isteyebilirsiniz. Peki, Wordpress giriş ekranı nasıl değiştirilir? Bunun 2 yöntemi var. Birincisi en kolayı olan küçük bir eklenti ile bunu yapabiliriz. İkincisi ise kodlama ile doğrudan dosyalara müdahale ederek. Kodlamaya müdahale etmek herkesin harcı değil diye düşünüyorum.
Bu sözümü kimse yanlış anlamasın. Çünkü kodlardaki küçük bir hata ile sitenin tamamen ortadan kalkmasına, menülerin kaymasına veya bir bölümün silinmesine sebep olabilirsiniz.. Hiç değilse başlangıç düzeyinde kodlama bilginiz olması gerekiyor. Bu yüzden Wordpress giriş ekranı değiştirme konusunu eklenti üzerinden nasıl yapılır onu göstereceğim. Hazırsanız çayınızı çorbanızı alın, başlıyoruz!
Wordpress Giriş Ekranı Değiştirme
Eklentiyi Kuralım: Custom Login Page Customizer
Öncelikle yukarıda adı geçen eklentiyi internet sitemize kuralım. Bunu daha önce yapmadıysanız aşağıdaki adımları takip edip kolayca eklenti kurulumunu gerçekleştirebilirsiniz.
- websitesi.com/wp-admin ile panele giriş yapalım.
- Eklentiler > Yeni Ekle kısmına gelelim.
- Sağ üstteki arama kısmına “Custom Login Page Customizer” yazalım.
- Şimdi Kur ve ardından etkinleştir butonuna tıklayalım.
Şimdi eklentimiz kuruldu ve kullanım için hazır. Sol taraftaki menüye “Login Customizer” adında yeni bir alan geldi fark ettiniz değil mi? :) İşte bu alandan Wordpress giriş ekranı değiştirme işlemlerini yapacağız.
Eklenti sayfasına tıkladığımızda karşımıza 3 seçenek çıkıyor. 1- Settings (Ayarlar), 2- Customizer (Özelleştirici), 3- Help (Yardım)
Bizi ilgilendiren Customizer sayfası. Tıklayalım ve açılan sayfayı tek tek inceleyelim.
Custom Login Page Customizer Ayarları
Templates (Şablonlar)
Bu bölümde adından da anlaşılacağı gibi hazır şablonlar bulunuyor. Çok fazla bir seçenek olmasa da hali hazırdaki yeri dışında arkaplan siyah veya arkaplan lacivert şekilde seçim yaparak dilerseniz değişim yapabilirsiniz.
Background (Arkaplan)
İşte bu alanda arka plana istediğiniz rengi, fotoğrafı veya resmi ekleyebilirsiniz. Fotoğrafı seçtikten sonra Background Size kısmında fotoğrafın ekrana tam oturmasını sağlayabilirsiniz.
Logo
Bu alandan da site logonuzu giriş ekranına yerleştirebilirsiniz. Aslında çoğumuz için arka plan ve logo seçildikten sonra iş biter. Fakat detaylara inmek isteyenler için diğer menülere de şöyle bir bakalım.
Form
Kullanıcı adı ve şifre yazılan form kısmını da bu alan sayesinde özelleştirebiliyoruz. Form alanından arka plan rengi değiştirebiliyor, fotoğraf eklenebiliyor. Boyutları ve kenarlıkları ayarlanabiliyor. Ayrıca form arkasına gölge de verilebiliyor.
Fields (Alanlar)
Fields kısmından kullanıcı adı ve şifre yazdığımız alanların özelleştirmesini yapabiliyoruz. Bu bölüm sayesinde beni unutma bağlantısını pasif veya aktif edebilir, kutucukların uzunluğunu, kenarlığını düzenleyebilir. Yazı boyutlarını düzenleyebilirsiniz.
Butonun özelleştirmesi ise bu alandan yapılıyor. Bu kısımdan butonu büyütebilir, küçültebilir, fontunun ve arka planının rengini değiştirebilirsiniz. Ayrıca buton üzerine gelince hangi renk olacağını da belirleyebilirsiniz. Kısacası buton ile ilgili tüm özelleştirmeleri buradan yapabilirsiniz.
Other (Diğer)
Other yani diğer kısmında ise şifremi unuttum ve siteye geri dön bağlantılarını özelleştirebiliyoruz. Yani dilersek bu kısımdan kaldırılmasını sağlayabiliriz. Renklerini değiştirebilir veya büyüklüklerini ayarlayabiliriz.
Wordpress giriş sayfası değiştirme dersimiz bu kadardı. Umarım tüm beklentilerinizi karşılamıştır. Farklı bir Wordpress dersinde görüşmek üzere, sağlıcakla kalın!