Cikkajánló
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
A napokban hiányoltátok a Sosugary galéria témát, ezért egy ilyet is készítettem. Ez természetesen ingyenes. Azért nem készítek sűrűn ehhez a galériához kinézetet, mert ezt nagyon nem szeretem csinálni.
Elindítom azt a cikksorozatot, amiben külön-külön minden CSS kódrészről leírom, hogy micsoda, mire való és mi mindenre hathat a G-Portálon. Belinkelem mindegyik cikkhez azokat a G-Portálos leírásokat, amik már
Prémium téma | Zendaya Coleman G-Portálos téma 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
Utoljára frissített bejegyzések megjelenítése

Ehhez a kódhoz már két másik hasonló is megtalálható az oldalon. Az egyik a legfrissebb cikkek megjelenítése, a másik a cikkajánló és most ez, amivel a legutoljára frissített cikkeket lehet listázni. Biztos akad olyan, aki még utólag is frissíti a régebbi bejegyzéseit. Ezzel a kóddal azt lehet kilistázni. Ezt is lehet simán csak az oldalsávba tenni, de a fejlécre is, vagy akár a láblécbe.

 

 

Kód
Oda tegyétek, ahol meg fogjátok jeleníteni a listát. A kód harmadik sorában van egy ötös szám. Azt kell átírni ha több vagy kevesebb cím jelenjen meg a listában.

 

<?php
$today = current_time('mysql', 1);
$howMany = 5;
if ( $recentposts = $wpdb->get_results("SELECT ID, post_title FROM $wpdb->posts WHERE post_status = 'publish' AND post_modified_gmt < '$today' ORDER BY post_modified_gmt DESC LIMIT $howMany")):
?>
<?php
foreach ($recentposts as $post) {
if ($post->post_title == '') $post->post_title = sprintf(__('Közvetlen link: #%s'), $post->ID);
echo "<div class='update-news'><a href='".get_permalink($post->ID)."'>";
the_title();
echo '</a></div>';
}
?>
<?php endif; ?>

 

CSS kód hozzá

.update-news a {
font-family: Arial;
font-size: 13px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
color: #ffffff !important;
text-decoration: none !important;
text-transform: uppercase;
background: #000000;
padding: 10px;
margin-bottom: 3px;
display: block;
width: 380px;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
-o-transition: .5s ease-in;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}
.update-news a:hover {
background: #FFBD17;
text-decoration: none !important;
color: #ffffff;
}

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

Hozzászólások