2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Kategóriák lenyíló menüben

Ha elég sok kategóriátok van a bejegyzéseitekben és meg szeretnétek jeleníteni azt, jó megoldás lehet, ha lenyíló menüben jelenik meg. Ezt is lehet CSS-sel alakítani, szóval hozzá tud igazodni a design-hoz. Ami még pozitív benne, hogy a kategóriák mellé kiteszi azt is, hogy hány darab cikk készült már az adott kategórián belül. Lejjebb láthattok egy képet róla, az alatt pedig a kódokat.

 

 

Kategória kódja
A WordPress-en belül oda teszitek, ahol meg szeretnétek jeleníteni a kategóriákat.

 

<center>
<form id="category-select" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">
<?php
$args = array(
'show_option_none' => __( 'Válassz kategóriát' ),
'show_count' => 1,
'orderby' => 'name',
'echo' => 0,
);
?>
<?php $select = wp_dropdown_categories( $args ); ?>
<?php $replace = "<select$1 onchange='return this.form.submit()'>"; ?>
<?php $select = preg_replace( '#<select([^>]*)>#', $replace, $select ); ?>
<?php echo $select; ?>
<noscript>
<input type="submit" value="View" />
</noscript>
</form>
</center>

 

CSS kód
Értelemszerűen a style.css fájlba kell másolni

 

select {
padding: 10px;
width: 240px;
background: #252323;
border: solid 2px #753e49;
font-family: 'PT Sans Narrow', sans-serif;
color: #a2a2a2;
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
letter-spacing: 1px;
}


659 megtekintés

Hozzászólások