Cikkajánló
Igazából nevezhetnénk ezt is Kiemelt képnek a blog modulban, de mivel a beállításai eltérőek és itt pont arra mentem rá, hogy háttérképeket jelenítsünk meg, aminek nem számít a kép
A mai napra egy újabb G-Portálos kinézetet készítettem. Maisie Williams-nek nagyon szeretem ezt a fotósorozatát, így rá esett a választásom, hogy ő fog a fejlécre kerülni, amiben most is,
Elkészültek kérésre a leírások. Egy kérés volt igazából a Sosugary Coppermine galériához, de ebből kifolyólag eszembe jutott még kettő hasznos leírás, így azokat is megcsináltam. :) Amit kértetek leírás,
Emma Roberts G-Portálos téma 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
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
458 megtekintés

Hozzászólások