jQuery ile üst giriş paneli ekleyin!

Sitemde hem temayı değiştirdim (aslında eski temam ya neyse) hem de WpFuncs içinde yazdığım bir ipucu/ekleme ile destekledim. Bunu sizlerle de paylaşmak istiyorum. Sitemize güzel bir giriş ve yönetim paneli ekleyebiliriz. Bunu şık bir şekilde javascript kodlarının oldukça güzel kullanılabildiği ve gerçekten güzel görünümler katılabilen jQuery ile yapabilmekteyiz. Resim ve diğer şeyleri kullanmadan css+js ile yapılabilen birşey olduğundan sadece kopyala/yapıştır yönetmi yeterli oalcak. Hadi başlayalım…

Öncelikle düzenlemeniz gereken iki dosya var. header.php ve style.css (temanızdaki style.css dosyası tek değilse uygun olanını seçin).

Başlayalım…

Öncelikle gerekli olan javascript kodu…

Bu kodu sitenizdeki header.php içinde etiketinden önce ekleyin.

Gelelim HTML kodlarına 😀

Bunları da header.php içinde etiketinden sonra istediğiniz bir yere ekleyin.

Dosyasınızı sunucuya yollamayın 🙂 style.css ile işimiz bitsin ondan sonra 🙂 Ha bu arada dosyayı UTF-8 olarak kaydetmeyi unutmayın…

Evet en son aşama CSS…

Style.css dosyanızı açın ve en son satıra bir boşluk verip bu kodları ekleyin.

Şimdi bütün dosyaları ftp ile suncuya yolalyın ve bir Ctrl+F5 çekin bakem sitenizin anasayfasına 😀

Hadi Selametle..