Forum portalu Fan-Strefa.pl
Dla webmastera => Kodowanie => Wątek zaczęty przez: Rami w 25 Wrzesień 2013, 16:40:11
-
Od pewnego czasu chcę skodować newsy w nowy sposób i mam problem. Chodzi mi o to, by pojawiły się:
1: albo w 2 kolumnach obok siebie,
2. miały ograniczenie słów po napisaniu newsa i pojawiała się informacja np. Read more,
3. aby zamiast newsa pojawiła się ikona np. z post_thumbnail i była odnośnikiem do newsa, a na niej był np. tytuł, czyli żadnej treści newsów na stronie, a odnośniki do nich w postaci ikon.
Jeżeli ktoś wie jak wykonać któryś ze sposobów to proszę o odpowiedź, bo żadnej konkretnej odpowiedzi nie znalazłem.
Może wytłumaczę na przykładzie:
Ad. 1
(http://www.upload.fan-strefa.pl/?dt=84OI) (http://www.upload.fan-strefa.pl/?pt=84OI)
Ad. 2
(http://www.upload.fan-strefa.pl/?dt=3EMT) (http://www.upload.fan-strefa.pl/?pt=3EMT)
Ad. 3
(http://www.upload.fan-strefa.pl/?dt=ZVTC) (http://www.upload.fan-strefa.pl/?pt=ZVTC)
-
Rozumiem o co Ci chodzi. Jedyne co mogę podsunąć to:
Abyś miał ograniczoną ilość znaków we wpisie, musisz użyć funkcji
<?php the_excerpt();?>w pliku index.php gdzie zawsze umieszcza się wywołanie contentu. To zamiast <?php the_content(); ?> daj właśnie <?php the_excerpt();?>. Tylko w pliku index.php - czyli wyglądzie strony głównej. Na page.php i single.php zrób normalnie z <?php the_content(); ?> Z tego co pamiętam to <?php the_excerpt();?> pozwala na wywołanie pierwszych 55 znaków danego wpisu po czym wpis się urywa i pozostają [...].
Aby dodać znacznik Read More (jako już wbudowany bez potrzeby jego wstawiania w edytorze wpisu), możesz stworzyć poniżej tej treści postu odnośnik, zwykły link który będzie wyglądał tak:
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">Czytaj więcej</a>To pozwoli Ci na przeniesienie się do całości postu, bo będzie automatycznie wczytywane id wpisu. Oczywiście też dajesz to tylko w pliku index.php
Co do ikony wpisu to aby była ona klikana i przenosiła do danego wpisu to proponuje taki schemat:
<a href='<?php the_permalink(); ?>' title='<?php the_title(); ?>'><?php
if ( has_post_thumbnail() ) {
set_post_thumbnail_size( SZEROKOŚĆ, WYSOKOŚĆ );
the_post_thumbnail();
}
?>
</a>A jeżeli chcesz aby tytuł postu wyświetlał się na ikonie to pokombinuj z kryciem warstw. Dla diva z ikoną wpisu proponowałbym styl:
position: absolute;
z-index: 2;A dla diva z tytułem wpisu dałbym:
position: relative;
z-index: 1;
To tyle co mogę zaproponować. Ułożenie postów w tzw. grid to dla mnie czarna magia.
-
a może da radę zrobić to tak (mówię to ogólnie ebz dokładnych paramterów, obrazowo):
div "Duży" np. na szerokość absolutną 800px.
do niego dać newsa o szerokości 400px i floacik lewy?
wyaje mi się, że powinno wtedy sobie wyświetlać po dwa na szereg, ale nie jestem tego pewna;-)
-
Rzeczywiście Skye, to mogłoby zadziałać :)
-
a może da radę zrobić to tak (mówię to ogólnie ebz dokładnych paramterów, obrazowo):
div "Duży" np. na szerokość absolutną 800px.
do niego dać newsa o szerokości 400px i floacik lewy?
wyaje mi się, że powinno wtedy sobie wyświetlać po dwa na szereg, ale nie jestem tego pewna;-)
Zrobiłem tak i niby się wyświetla, ale nie do końca, bo wyświetlają się w kolumnach, ale nie jedna pod drugą. Czytałem, że jest na to inny sposób, ale to było tyle kombinacji, że już sam nie wiem :) Nie wiem, czy dałoby się, aby były w równych kolumnach obok siebie?
Pablo, Twój sposób działa idealnie, resztę wypróbuję później jak ustawię te cholerne kolumny do porządku. Dałbym Ci plusa, ale jeszcze nie mogę, więc jeśli ktoś może to zrobić za mnie to będę wdzięczny ;)
-
Masakra, zadziałało :) Skye i Pablo jesteście wielcy ;) Wystarczyło pozmieniać trochę kody, tzn. w index.php dodać:
<?php echo get_excerpt(125); ?>[size=78%]ograniczenie ilości słów :)[/size]
A w pliku functions:
function get_excerpt($count){
$permalink = get_permalink($post->ID);
$excerpt = get_the_content();
$excerpt = strip_tags($excerpt);
$excerpt = substr($excerpt, 0, $count);
$excerpt = substr($excerpt, 0, strripos($excerpt, " "));
$excerpt = $excerpt.'... <a href="'.$permalink.'">more</a>';
return $excerpt;
}
I wszystko jest równo! Mega plusy dla Was :D