Wordpress Menüsü için Kaynak Bulamama Sorunu (+r10)

17-10-2017, 20:21:35

#1

tuuruls

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba arkadaşlar,
Wordpress blogumun header alanı tamamen hoşuma gitmiyor, mobil uyumsuzluğu vesaire saymıyorum bile. Bunun dışında geleceğim nokta şu:
Bazı simple yani hoşuma giden temalardan almaya çalıştım olmadı, bazı yabancı kaynaklardan how-to'lardan bakarak yapmaya çalıştım olmadı bir şeyi eksik yapıyorum ama neyi bilemedim.
Bazı kaynaklarda menü açma php kodunu vermiyorlar, bazılarında stilleştirmeyi yapmıyorlar, bazılarında header yerleştirmesini yapmıyorlar. Birkaç gömlek üstü için anlatılmış bir çoğu maalesef.
Aradığım header tarzı şu:
http://konoha.kendytheme.net/
Sol üstte menü (wp nav menu gibi bir php kodu ile çekilmiş, admin panelden tanımlanabilen menü) sağda sosyal medyalar (sosyal medyalar html bile olabilir problem yok) + arama ikonu (basınca pop-up tarzı açılmasını istiyorum açıkçası javascript gerekiyor galiba onun için de. + sorunsuz çalışması tabi.

Bunların hemen altında da ortalı şekilde logo alanı, temada tanımlanmış logo kodu var oraya ben de yerleştirebilirim onu diye düşünüyorum.
Yardımcı olmak isteyen varsa gerçekten çok sevinirim.
Teşekkürler şimdiden herkese.

17-10-2017, 21:15:24

Gold üye

https://codepen.io/uckannet/pen/mBaJXw

Temanızın functions.php dosyasına aşağıdaki kodu ekliyorsunuz sonucunda panelden yönebilebilir bir menü yaratmış oluyorsunuz

register_nav_menus( array( 'uckan-header' => __( 'Header Menu', 'uckan' ), ) );

Daha sonra header.php açın ve body etiketinden sonra ekleyin.

<header id="uckan_header">
    <div class="uckan_menu">
        <div class="uckan_header_menu">
            <?php if ( has_nav_menu( 'uckan-header' ) ) : ?>
            <?php wp_nav_menu( array(
                'theme_location' => 'uckan-header',
                'container'=> false,
                'depth' => 1,
            ) ); ?>
            <?php else: ?>
            <ul>
                <li class="current-menu-item"><a href="#">Menü oluşturulmamış.</a></li>
            </ul>
            <?php endif; ?>
            <div class="uckan_header_right">
                <ul>
                    <li class="uckan_header_search_button">Search</li>
                    <li><a href="#">face</a></li>
                    <li><a href="#">twit</a></li>
                    <li><a href="#">Medium</a></li>
                </ul>
            </div>
        </div>
        <div class="uckan_header_orta">
            <div class="uckan_logo">
            <a href="#"><h1>Uckan</h1></a>
            </div>
        </div>
</header>
<div class="sosyal_popup">
   <form>
     <input type="text" placeholder="Aradığınız kelimeyi yazın ve entera basın.">
     <button class="sosyal_popup_close">X</button>
  </form>
</div>

Wordpress kısmında tema cssinden veya benim yazdığım bir kod sebebiyle görüntü bozukluğu olabilir geri dönerseniz yardımcı olurum. Sadece codepende yazdım herhangi bir wordpress temasında denemedim. Mobilde nasıl görünür onada bakmadım.

17-10-2017, 21:23:06

#3

tuuruls

uckan adlı üyeden alıntı: mesajı görüntüle

https://codepen.io/uckannet/pen/mBaJXw

Temanızın functions.php dosyasına aşağıdaki kodu ekliyorsunuz sonucunda panelden yönebilebilir bir menü yaratmış oluyorsunuz

register_nav_menus( array( 'uckan-header' => __( 'Header Menu', 'uckan' ), ) );
Daha sonra header.php açın ve body etiketinden sonra ekleyin.

<header id="uckan_header"> <div class="uckan_menu"> <div class="uckan_header_menu"> <?php if ( has_nav_menu( 'mag-header' ) ) : ?> <?php wp_nav_menu( array( 'theme_location' => uckan-header', 'container'=> false, 'depth' => 1, ) ); ?> <?php else: ?> <ul> <li class="current-menu-item"><a href="#">Menü oluşturulmamış.</a></li> </ul> <?php endif; ?> <div class="uckan_header_right"> <ul> <li class="uckan_header_search_button">Search</li> <li><a href="#">face</a></li> <li><a href="#">twit</a></li> <li><a href="#">Medium</a></li> </ul> </div> </div> <div class="uckan_header_orta"> <div class="uckan_logo"> <a href="#"><h1>Uckan</h1></a> </div> </div> </header>
Wordpress kısmında tema cssinden veya benim yazdığım bir kod sebebiyle görüntü bozukluğu olabilir geri dönerseniz yardımcı olurum. Sadece codepende yazdım herhangi bir wordpress temasında denemedim. Mobilde nasıl görünür onada bakmadım.

Hocam çok teşekkür ederim fakat stilsiz görüyor, verdiğiniz stilleri eklememe rağmen.
JS kodunu da çalıştıramadım tahmin edersiniz ki

Çok büyük bir zahmet olmazsa skype griative ekler misiniz rica etsem? Tabi müsaitseiz.
17-10-2017, 21:25:39

#4

uckan

Gold üye

tzengin adlı üyeden alıntı: mesajı görüntüle

Hocam çok teşekkür ederim fakat stilsiz görüyor, verdiğiniz stilleri eklememe rağmen.
JS kodunu da çalıştıramadım tahmin edersiniz ki

Çok büyük bir zahmet olmazsa skype griative ekler misiniz rica etsem? Tabi müsaitseiz.

kodda editör yüzünden bi hata vardı düzelttim
hala çalışmazsa profilimden skype hesabımı ekleyin.