Cikkajánló
Eddig 95%-ban úgy oldottuk meg a a cím kérdését G-Portálon a Blog modulban, hogy egy képszerkesztővel rászerkesztettük a kiemelt képre a címet és már úgy lett feltöltve a képtárba
Amikor rákattintunk egy cikkre, hogy teljes egészében elolvassuk, akkor sok helyen van a cikk alatt egyfajta cikkajánló. Nálam is van ilyen. Arról már írtam, hogy azt kóddal hogyan lehet
Elérkeztünk a honlapverseny első fordulójához. Itt most azokra a honlapokra lehet szavazni február 28-ig, akik nem kerültek be az első 10 oldal közé. A legtöbb szavazatot kapó oldal 100
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
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
609 megtekintés

Hozzászólások