Tällä kertaa vuorossa on kommenttien näyttö blogimerkinnän lopussa, sekä muutama viilaus ulkoasuun.

comments.php

Kopioi default -teeman kansiosta comments.php ja laita se oman teemasin kansioon. Avaa index.php ja liitä seuraava koodinpätkä <p><?php the_content(); ?></p> seuraavalle riville:

<?php comments_template(); ?>

Poista <p> ja </p>, koska xhtml-validaattori valittaa niistä. Avaa jokin blogimerkintä ja tee muutama kommentti sinne. Muokataan seuraavaksi jokainen blogimerkintä linkiksi. Avaa index.php ja lisää <h2> perään:

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

Sen jälkeen laita </a> <?php the_title(); ?> perään. Koodin pitäisi näyttää tältä:

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

Ota |-merkki pois <?php edit_post_link(’Muokkaa ‘); ?> koodin edestä index.php sivulla. Tallenna index.php ja lataa blogisi etusivu.

sidebar.php

Lisätään seuraavaksi kirjautuminen sisään ja ulos sivun oikeaan laitaan. Lisää sidebar.php sivun loppuun <?php endif; ?> perään:

<li><h2>Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href=”http://validator.w3.org/check/referer” title=”This page validates as XHTML 1.0 Transitional”>Valid <abbr title=”eXtensible HyperText Markup Language”>XHTML</abbr></a></li>
<li><a href=”http://gmpg.org/xfn/”><abbr title=”XHTML Friends Network”>XFN</abbr></a></li>
<li><a href=”http://wordpress.org/” title=”Powered by WordPress, state-of-the-art semantic personal publishing platform.”>WordPress</a></li>
<?php wp_meta(); ?>
</ul>
</li>

Tallenna ja päivitä etusivu. Nyt sivun laitaan ilmestyi “Meta” paneeli, missä on muutama hyödyllinen linkki.

single.php

Luo uusi tiedosto, single.php. Kopioi index.php ja liitä se single.php tiedostoon, tallenna. Etsi single.php tiedostosta kohta <?php the_content(); ?> ja lisää sen perään:

<?php wp_link_pages(array(’before’ => ‘<p><strong>Sivut:</strong> ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>

Lisää edellisen koodin seuraavalle riville:

<?php previous_post_link(’« %link’) ?> <?php next_post_link(’%link »’) ?>

Tallenna single.php. Ensimmäinen koodinpätkä lisää blogimerkinnän loppuun Sivut: 1 2 3 … jos kyseisessä merkinnässä on sivutus käytössä. Sivujen lisääminen onnistuu kirjoittamalla <!- -more- -> (kaksi kertaa ‘-’ ilman välilyöntejä) blogimerkinnän “koodi” (code) puolella.

Poista index.php :stä rivi:

<?php posts_nav_link(”,’« Edellinen sivu’,'Seuraava sivu »’); ?>

Niitä on sivulla kaksi, toinen on alempana, <?php endif; (); ?> jälkeen. Poista se aiempi. Poista samanlainen rivi single.php:stä <?php endwhile;else: ?> rivin jälkeen. Nyt jokaisella blogimerkintäsivulla on linkki edelliseen ja seuraavaan merkintään linkki ennen kommentteja.

Lisätään vielä oppaan themeen kuva, mikä näyttää adminpaneelissa themen ulkoasun. Ota screenshot, eli kuvankaappaus blogin etusivusta. Liitä se kuvankäsittellyohjelmaan ja tee siitä kuva, minkä koko on 300×225 pikseliä. Tallenna se nimellä screenshot.png themen kansioon, eli “opas” kansioon. Lataa adminpaneelissa “Ulkoasu” -sivu ja nyt themen nimen alapuolella pitäisi olla ottamasi kuva.

Loppusanat

Tässä sarjan viides osa. Tämän pitäisi olla viimeinen osa, seuraavat ohjeet mitä laitan tulevat olemaan vain vinkkejä erilaisista toteutustavoista.

Lataa oppaan theme:

  WP-Opas (17.1 KB, 3 latausta)
Sinun täytyy rekisteröityä sivustolle ladataksesi tämän tiedoston.