PDA

Orijinalini görmek için tıklayınız : Wordpress Menü Öğelerini Genişletme - Yardım



TÜRK
28-04-2012, 15:49
Merhaba arkadaşlar,

Elimdeki bi Wordpress temasının menü öğelerini nasıl genişletebilirim? Sorunun anlaşılması biraz zor olabileceğinden bir de resim ekliyorum:

786

Evet, menüyü tamamen aşağı doğru değil de, biraz da yana doğru nasıl kullanabilirim?

Çağrı
29-04-2012, 14:44
<span> ile yapabilirsin...



<div id="menu">
<span class="menulink">Link1</span>
<span class="menulink">Link2</span>
<span class="menulink">Link3</span>
<span class="menulink">Link4</span>
<span class="menulink">Link5</span>
<span class="menulink">Link6</span>
</div>


css için ise



#menu { width:600px; height:100%; display:block;}
.menulink { width:200px; float:left; margin-right:20px;}


Wordpress'e uyarlamak için ise wp_list_categories (http://codex.wordpress.org/Template_Tags/wp_list_categories)() mi yoksa wp_nav_menu (http://codex.wordpress.org/Template_Tags/wp_list_categories)() mü kullanıyorsun bilmiyorum. Aşağıdaki gibi bir örnek vereyim.




<div id="menu"
<?php
$categories = get_categories();
foreach ($categories as $cat) {
echo '<span class"menulink"><a href="'.get_option('home').'/'.get_option('category_base').'/'.$cat->category_nicename.'/">'.$cat->cat_name.'</a></span>';
}
?>
</div>


şeklinde kategorileri basar benzerini wp_nav_menu için de kullanabilirsin (Paneldeki Menüler butonunun işlevi için)

not: css kısmı örnektir.

TÜRK
06-05-2012, 20:18
Peki, bunu "Linedy" temasına nasıl uyarlayabilriz? Tema biraz farklılık arzediyor galiba :S

Linedy Teması:
http://newwpthemes.com/linedy-free-wordpress-theme/

Çağrı
07-05-2012, 18:18
header.php dosyasında değişiklikler yapılacak :)

Yukarda verdiğim php kodunu <div class="clearfix"> </div> arasındaki menü koduyla değiştirirsen olacaktır ;)

Akar
07-05-2012, 18:20
Güzel bilgiler.

TÜRK
09-05-2012, 16:38
Hocam, bunun düzenlemesini "wp_nav_menu" için de yapabilir misiniz? :D

Çağrı
09-05-2012, 17:26
<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container' => 'div', 'container_id' => 'menu', 'link_before' => '<span class="menulink">', 'link_after' => '</span>' ) ); ?>


Bu menüyü yukardaki html şeklinde çıktı olarak gösterir... (bir yanlışlık olmazsa tabi)
Menüyü kullanabilmek için ise functions.php de menü fonksiyonu eklemen lazım, şöyleki;



function register_my_menus() {
register_nav_menus(
array( 'header-menu' => __( 'Üst Menü' ) )
);
}
add_action( 'init', 'register_my_menus' );


Temanı tam olarak bilmediğim için yukarıda yazdığım kodların wordpress'e uyarlanmış halini yansıtmaya çalıştım. Hata olabilir.