Cikkajánló
Bocsánat, hogy egy ideje nem volt friss, de egy perc időm sem volt az oldalra sajnos :( Remélem most már lassan több időm lesz és akkor hozok több frissítést
Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be
A változatosság kedvéért ma is hoztam egy egyszerű kinézetű G-Portálos témát. A színvilág nem sokban tér el az Emma Roberts-es kinézettől. Teljesen véletlen, hogy mind a kettő alapszíne a
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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;
}

lindadesign Hozzászólások
628 megtekintés

Hozzászólások