Arras 2 Teması Banner Düzenlemek

19 Ocak 2014 Pazar


Arras 2 temasında banner standart olarak 960×120 px geliyor. Banner yüksekliğini değiştirmek için öncelikle tema klasöründeki functions.php dosyamızı düzenlememiz lazım.Burdaki ayarlar kırpma ayarları.Standart olarak 960×120 olarak gözüküyor ama biz aşağıdaki gibi 960*auto yapalım ilgili kısmı.
add_theme_support( 'custom-header', array (
        'width'                        => 960,
        'height'                    => auto,
Daha sonra styl.css dosyasında header kısmından max-width: 960px; satırından sonra height: 269px; satırını ekleyin.Burda 269 benim banner resmime göre ayarlandı siz kendi değerinizi girebilirsiniz. Hemen altında brandig kısmında max-height: 120px; yazan değeri aşağıdaki gibi height:269px; yapın.Yine kendi değerinizi giriniz buraya.
#header {
    max-width: 960px;
        height: 269px;
    margin: 0 auto;
    padding: 10px;
    background: #FFF;
}
#branding {
    height: 269px;
Wordpress admin ekranında Görünüm –> Düzenleyici kısmından style.php dosyasını açıyoruz. Aşağıdaki kodu buluyoruz ve height: 120px; yazan kısmı istediğimiz değer ile değiştiriyoruz.Ben height: 269px; yaptım.
.blog-name a:link, .blog-name a:visited {
        display: block;
        width: 100%;
        height: 269px;
        background: url( <?php echo $image ?> ) no-repeat;
 Son olarak az daha aşağıda ki bu kodu buluyoruz height: 120px; değerini kendimize göre değiştiriyoruz.Ben yine height: 269px; yaptım,siz kendi değerinizi girin bütün kodlara.
<?php if ( $image ) : ?>
        background: url( <?php echo $image ?> ) no-repeat;
        height: <?php echo get_custom_header()->height; ?>px;
        <?php else : ?>
        background: #FFF;
        <?php endif ?>
        height: 269px;
Mobil cihazlarda banner kısmını ayarlamak için yine style.css dosyasında değişiklik yapmamız lazım. Öncelikle şu kodu aratın height: auto !important; ve şu şekilde değiştirin height: 269px; bu kadar.
.blog-name a:link, .blog-name a:visited {
        height: 269px;
    }
Kodlardan pek anlamıyorum bunu deneme yanılma yaparak buldum.Unutmamak için yazıyorum,hem birilerine faydasıda dokunabilir.Amatörce ama olsun. :)

 


0 yorum:

Yorum Gönder