Jak zrobić motyw do Wordpressa (3) - wstawiamy wpis bloga

Co zrobić aby na blogu wyświetlały się wpisy. W tym celu trzeba wpisać pętlę php, która wyświetli tytuł wpisu i jego zawartość.

Najczęściej zawartość bloga, czyli miejsce gdzie będą się wyświetlały wpisy,  jest umieszczona w div, który ma id o nazwie content.

<div id=”container”>

</div>

Wewnątrz niego umieszczamy pętlę, która wyświetli wpisy.

<div id=”container”>

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<?php endwhile; ?>

<?php endif; ?>

</div>

Wewnątrz pętki umieśćmy fragment kodu, który wyświetla tytuł wpisu:

<?php the_title(); ?>

a teraz rozbudujmy go tak aby był linkiem do wpisu:

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

the_permalink() – funkcja php, która wywołuje adres wpisu

Teraz dodamy kod który wyświetli treści wpisu. Trzeba go wstawić pod kodem wyświetlającym tytuł.

<?php the_content(); ?>

W tym momencie jeśli wyślesz ten plik na serwer i odświeżysz, zobaczysz swoje wpisy na blogu.

Aby blog był dobrze zoptymalizowany trzeba przestrzegać pewnych zasad – tytuły powinny być w znacznikach h1, h2 itd, czyli tytuł bloga w znacznikach h1 a tytuły wpisów w h2. 

W tym momencie można powiedzieć, że blog już prawie działa.

Treści wpisu powinien być zawarty w divie o klasie* entry.

<div class=”entry”>

<?php the_content(); ?>

</div>

następnie tytuł i treść wpisu powinny być otoczone divem o klasie post.

<div class=”post”>

</div>

Oczywiście nazwy klas i idów mogą być jakie chcesz ale dobrze jest nadawać znormalizowane nazwy, szczególnie jeśli robisz motyw, który inni ludzie może będą modyfikować.

Teraz cała główna zawartość bloga powinna wyglądać tak:

<div id=”container”>

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

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

<div class=”entry”>
<?php the_content(); ?>
</div>
</div>

<?php endwhile; ?>

 

*id i class różnią się tym, że id może występować na stronie tylko 1 raz, natomiast class może występować wiele razy.

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.