• 13-07-2015, 11:17:22
    #1
    Arkadaşlar elimde şu tema mevcut. Bu tema gördüğünüz üzere tek sütunlu. Bu temaya sağa ve sola sidebar şeklinde nasıl sütun ekleyebilirim? Şu temadakine benzer olarak?
  • 13-07-2015, 13:52:54
    #2
    imponte adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar elimde şu tema mevcut. Bu tema gördüğünüz üzere tek sütunlu. Bu temaya sağa ve sola sidebar şeklinde nasıl sütun ekleyebilirim? Şu temadakine benzer olarak?
    hocam mantık şu index.php dosyasında <?php get_footer(); ?> üstüne <?php get_sidebar(); ?> eklerseniz tema dosyasındaki sidebar.php dosyasını çağırır eğer sidebar.php yoksa siz oluşturacaksınız tabi birde style.css de yapılması gerekenler var onu da şöyle çözebilirsin

    .sidebar {
    float: left;
    height: auto;
    width: 250px;
    }

    not: sidebar.php nin içine <div class="sidebar">burası sidebar içeriği olacak...</div> kodunu yapıştırıp ftp de tema dosyasının içine atın.


    değişiklik yapılacak dosyalar
    1- index.php
    2- style.css
    3- oluşturulup atılacak dosya sidebar.php
  • 13-07-2015, 14:22:37
    #3
    S.SAĞLAM adlı üyeden alıntı: mesajı görüntüle
    hocam mantık şu index.php dosyasında <?php get_footer(); ?> üstüne <?php get_sidebar(); ?> eklerseniz tema dosyasındaki sidebar.php dosyasını çağırır eğer sidebar.php yoksa siz oluşturacaksınız tabi birde style.css de yapılması gerekenler var onu da şöyle çözebilirsin

    .sidebar {
    float: left;
    height: auto;
    width: 250px;
    }

    not: sidebar.php nin içine <div class="sidebar">burası sidebar içeriği olacak...</div> kodunu yapıştırıp ftp de tema dosyasının içine atın.


    değişiklik yapılacak dosyalar
    1- index.php
    2- style.css
    3- oluşturulup atılacak dosya sidebar.php
    Hocam eyvallah. Birşeyler çıktı ortaya. width değerini boş bıraktım çünkü 250 yazarsam siteyi sol tarafa itiyor. Sitenin main'i boxed şekilde çünkü. Bir de sidebar içeriği yazar mısınız örnek olarak mesala son izlediğim film şeklinde başlıklı altında resim. Yada buna bileşen ekleyebilir miyiz? Sanırım yine css den sidebar filan mı eklemek gerekiyor?
    Ayrıca mesela bu sidebarı belli bi yükseklikten sonra başlatmak için ne yapmak gerekiyor. Örneğin mesela 500px sonra başlasın.
  • 13-07-2015, 14:31:05
    #4
    imponte adlı üyeden alıntı: mesajı görüntüle
    Hocam eyvallah. Birşeyler çıktı ortaya. width değerini boş bıraktım çünkü 250 yazarsam siteyi sol tarafa itiyor. Sitenin main'i boxed şekilde çünkü. Bir de sidebar içeriği yazar mısınız örnek olarak mesala son izlediğim film şeklinde başlıklı altında resim. Yada buna bileşen ekleyebilir miyiz? Sanırım yine css den sidebar filan mı eklemek gerekiyor?
    Ayrıca mesela bu sidebarı belli bi yükseklikten sonra başlatmak için ne yapmak gerekiyor. Örneğin mesela 500px sonra başlasın.
    hocam bileşen eklemek istiyorsan

    functions.php dosyasına

    <?php
    if ( function_exists('register_sidebar') ) {
    register_sidebar(array(
    'name' => 'Sidebar Alani',
    'before_widget' => '<div class="sidebar-widget wide-widget">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="sidebar-widget-title">',
    'after_title' => '</h3>',
    ));
    }
    ?>

    kodlarını ekle

    sidebar.php içine ise

    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Alani') ) : ?>
    <?php endif; ?> kodlarını ekle ftp ye at iki dosyayı da daha sonra wp admin panel bileşenlerden sürükle bırak ile sidebara bileşen ekleyebilirsin



    ---Ayrıca mesela bu sidebarı belli bi yükseklikten sonra başlatmak için ne yapmak gerekiyor. Örneğin mesela 500px sonra başlasın.--- anlamadım yani yukarıdan 500px lik boşluk mu olsun istiyorsun.
  • 13-07-2015, 15:14:39
    #5
    Aynen yukarıdan 500 px boşluk istiyorum mesela. Teşekkürler bu arada.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 15:14:39 -->-> Daha önceki mesaj 14:32:44 --

    S.SAĞLAM adlı üyeden alıntı: mesajı görüntüle
    hocam bileşen eklemek istiyorsan

    functions.php dosyasına

    <?php
    if ( function_exists('register_sidebar') ) {
    register_sidebar(array(
    'name' => 'Sidebar Alani',
    'before_widget' => '<div class="sidebar-widget wide-widget">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="sidebar-widget-title">',
    'after_title' => '</h3>',
    ));
    }
    ?>

    kodlarını ekle

    sidebar.php içine ise

    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Alani') ) : ?>
    <?php endif; ?> kodlarını ekle ftp ye at iki dosyayı da daha sonra wp admin panel bileşenlerden sürükle bırak ile sidebara bileşen ekleyebilirsin



    ---Ayrıca mesela bu sidebarı belli bi yükseklikten sonra başlatmak için ne yapmak gerekiyor. Örneğin mesela 500px sonra başlasın.--- anlamadım yani yukarıdan 500px lik boşluk mu olsun istiyorsun.
    Şimdi söyle bir sorun oldu. Ekledim ancak boxed'ın içinde gözüküyo widget. Yani sidebar.php harici başka bir yere mi eklemem gerekiyor bu sidebar kodunu?
    Tamam şu kodu body'den hemen sonra ekleyince oldu.
    <div class="sidebar_sag">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Sag') ) : ?>
    <?php endif; ?>
    </div>

    Fakat bi sorum daha var. Widgetın sağ tarafa yapışmaması için biraz boşluk nasıl verilir. Ve arkaplanının rengini nasıl değiştirebilirim?
  • 13-07-2015, 15:25:02
    #6
    imponte adlı üyeden alıntı: mesajı görüntüle
    Aynen yukarıdan 500 px boşluk istiyorum mesela. Teşekkürler bu arada.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 15:14:39 -->-> Daha önceki mesaj 14:32:44 --



    Şimdi söyle bir sorun oldu. Ekledim ancak boxed'ın içinde gözüküyo widget. Yani sidebar.php harici başka bir yere mi eklemem gerekiyor bu sidebar kodunu?
    Tamam şu kodu body'den hemen sonra ekleyince oldu.
    <div class="sidebar_sag">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Sag') ) : ?>
    <?php endif; ?>
    </div>

    Fakat bi sorum daha var. Widgetın sağ tarafa yapışmaması için biraz boşluk nasıl verilir. Ve arkaplanının rengini nasıl değiştirebilirim?

    1- öncelikle üstten 500 px boşluk istiyorsan
    style.css dosyasına

    .sidebar {
    float: left;
    margin-top:500px;
    height: auto;
    width: 250px;
    }

    2- arka planı ve sağa yapışmasın diye aralık için
    style.css dosyasına


    .sidebar_sag {
    float: left;
    margin-left:15px;
    background: #000;
    }


    not: background: #000; da #000; renk kodudur istediğin gibi değiştirebilirsin. margin-left:15px; soldan boşluk verir margin-right:2px; sağdan boşluk verir istersen ekleyebilirsin
  • 13-07-2015, 16:03:32
    #7
    S.SAĞLAM adlı üyeden alıntı: mesajı görüntüle
    1- öncelikle üstten 500 px boşluk istiyorsan
    style.css dosyasına

    .sidebar {
    float: left;
    margin-top:500px;
    height: auto;
    width: 250px;
    }

    2- arka planı ve sağa yapışmasın diye aralık için
    style.css dosyasına


    .sidebar_sag {
    float: left;
    margin-left:15px;
    background: #000;
    }


    not: background: #000; da #000; renk kodudur istediğin gibi değiştirebilirsin. margin-left:15px; soldan boşluk verir margin-right:2px; sağdan boşluk verir istersen ekleyebilirsin
    Tamamdır hallettim basitmiş aslında Teşekkürler.
  • 13-07-2015, 16:14:49
    #8
    rica ederim hocam kolay gelsin