Cikkajánló
Mielőtt megörülnétek, nem, nem lett a G-Portálon ilyen funkció. Ezt magunknak kell elkészíteni. Viszont, mivel sok mindenki használja a szélső sávban a címkéket felsorolás jellegűen, így készítettem egy tök
A hétvégén megcsináltam 4 darab rendelést. Kettőt G-Portálra és kettő darab Coppermine Galéria kinézetet is készítettem. Így a rendelés megint nyitva van. Igaz van még függőben 1-2 rendelés, de
Elkészült egy újabb Photoshop formátumú fejléc :) A képek, amiket használtam a fejléc készítéséhez, fel lettek töltve a Galéria PNG képek kategóriájába is. Ezen a linken tudjátok letölteni a
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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
591 megtekintés

Hozzászólások