Jak zrobić motyw WP (4) - dodatkowe informacje pod wpisem

Jak wyświetlić dodatkowe inforamcje dotyczące wpisu czyli kategorię, autora i ilość komentarzy. Jak wyświetlić linki do poprzednich i następnych wpisów.

Poniższy fragment kodu skopiuj i wklej pod albo nad <?php the_content(); ?>, w zależności od tego czy chcesz żeby te informacje pojawiły się pod czy nad treścią wpisu.  Może  być też tu i tu.

<p> <?php _e(‘Filed under&#58;’); ?> <?php the_category(‘, ‘) ?> <?php _e(‘by’); ?> <?php the_author(); ?><br /> <?php comments_popup_link(‘No Comments &#187;’, ‘1 Comment &#187;’, ‘% Comments &#187;’); ?> <?php edit_post_link(‘Edit’, ‘ &#124; ‘, ”); ?> </p>

Od razu widać gdzie kod powinien być przetłumaczony na polski:

<p>

<?php _e(‘W kategorii&#58;’); ?> <?php the_category(‘, ‘) ?> <?php _e(‘dodany przez’); ?> <?php  the_author(); ?><br />

<?php comments_popup_link(‘Brak komentarzy &#187;’, ‘1 komentarz &#187;’, ‘% komentarzy &#187;’); ?> <?php edit_post_link(‘Edytuj’, ‘ &#124; ‘, ”); ?>

</p>

Ten fragment kodu wyświetla do jakich kategorii zalicza się ten wpis, kto jest jego autorem, ile jest komentarzy. Na końcu jest formułka która pojawia się, gdy ktoś jest zalogowany i ma prawo edytować wpis.

Kod błędu:

Kod, który wyświetli informację jeśli na blogu nie ma żadnych wpisów lub jeśli wpis nie został odnaleziony.

<?php else : ?>

<div class=”post”>
<h2><?php _e(‘Not Found’); ?></h2>
</div>

Identyfikatory dla poszczególnych wpisów

Wszystkie wpisy wyświetlą się w taki sam sposób. Czasem warto zastosować klasę z identyfikatorem wpisu. Dzięki czemu będzie można w stylach css nadać inny wygląd dla pojedynczego wpisu.  W tym celu warto dodać do divu post formułkę która utworzy id z numerem wpisu.

id=”post-<?php the_ID(); ?>” umieszczamy ją wewnątrz diva post

<div  id=”post-<?php the_ID(); ?>”>

W każdym znaczniku może być kilka klas i idów.

Tytuł linku

Tytuł linku przydaje się do celów pozycjonowania. Jeśli dodamy funkcję, która wywołuje tytuł wpisu, wtedy każdy link będzie miał opis z tytułem wpisu.

title=”<?php the_title(); ?>”

razem to wygląda tak

<h2><a href=”<?php the_permalink(); ?>”  title=”<?php the_title(); ?>”><?php the_title(); ?></a></h2>

Link do starszych wpisów

Wstaw następujący kod pomiędzy  <?php endwhile; ?> i <?php else : ?>

<div class=”navigation”>
<?php posts_nav_link(); ?>
</div>

Klasa navigation pozwoli później sformatować te napisy w stylach.

funkcja posts_nav_link() – wywołuje link poprzednie i następne wpisy

Jeśli chcemy po swojemu sformatować te linki wstawiamy rozbudowany kod:

<?php posts_nav_link(‘—‘,’poprzednie wpisy’,’następne wpisy’); ?>tu w nawiasie są 3 parametry: pierwszy wyświetla coś pomiędzy linkami, drugi to co jest przed, trzeci to co jest po.

 

 

2 Comments
  1. Kod do wyświetlenia komentarzy jest bezużyteczny. Powinien być wklejony w znaczniki “code” lub w jakieś inne okienko, ponieważ do kodu wdarł się błąd – krzaczki powodujące błąd.

    1. Dzięki, chyba poprawiłam. Niestety ten tutorial był robiony dawno i jest raczej stary i mało przydatny.

Leave a reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.