Hosting Paketlerinde Ücretsiz Domain Kayıt/Transfer Turhost.com

Joomla! yönetici giriş sayfasını, profesyonel görünüme nasıl çevirebiliriz

Joomla! yönetici (administrator) panelinin giriş sayfasını değiştirebilir ve kendi marka/logonuzu ekleyebilirsiniz. Bugünkü makalemizde, Joomla! yönetici giriş sayfanızı nasıl değiştirebileceğinizi öğreneceksiniz.

Daha görsel olarak çarpıcı hale getirmek için birkaç değişiklik yapacağız. Öncelikle, Joomla! logosunu kendi şirket logonuzla (veya istediğiniz başka bir şeyle) değiştireceğiz. Aşağıdaki adımları takip edin.

  • Joomla! yönetim paneline giriş yapın.
  • Eklentiler > Şablonlar > Biçimler bölümüne gidin.
  • Açılır menüden Yönetici'yi seçin.

 

 

  • Isis varsayılan şablonunu açın.

 

 

  • Menüden "Gelişmiş" sekmesini tıklayın.
  • Logoyu giriş logosu seçeneğine yükleyin. Ve Kaydet & Kapat düğmesine tıklayın.

Şimdi, admin giriş şablonunun arka planını ve ayrıca giriş alanının düzenini değiştireceğiz.

 

 

  • Sol araç çubuğundan Şablonlar'a tıklayın.
  • Üst açılır menüden Yönetici'yi seçin.
  • Isis şablonun Ayrıntılar ve Dosyalar 'a tıklayın.

 

CSS dosyasının oluşturulması

FTP'den de bu işlem yapılabilir (Alanınız/administrator/templates/isis/css klasörüne custom.css dosyası oluşturalım). Yalnız biz, Yönetici panelinden bu işlemi gerçekleştireceğiz.

 

 

  • Yeni Dosya düğmesini tıklayın.

 

 

  • Dosya ismi: 'custom' ve hemen sağındaki açılır menüden 'css' seçin.
  • Sol menüden css klasörüne tıklayın ve 'Oluştur' düğmesine tıklayın.
  • Karşımıza aşağıdaki 'custom.css' oluşturulmuş sayfa gelecektir.

 

 

  • Şimdi alan_adınız/administrator/templates/isis/images gidin ve arka plan görüntünüzü /images klasörüne ekleyin. Bu yönetici panelin arka plan resmi olacaktır.
  • Artık bazı CSS sihirleri yapma zamanı. Aşağıdaki CSS'yi custom.css dosyasına ekleyin ve değişiklikleri görün.

 

.view-login {
background: url(/administrator/templates/isis/images/resminiz) 
no-repeat fixed 50% 50% / cover #eff0f4 !important;
}

.login.well {
background: none repeat scroll 0 0 rgba(245, 245, 245, 0.79);
}

.view-login .well hr {
border-color: transparent;
}

 

Ve final. Çok güzel değil mi?

 

 

Kimler Çevrimiçi

715 ziyaretçi ve 0 üye çevrimiçi

Bir hesabınız yok mu? Şimdi Üye Ol!

Hesabınıza giriş yapın