WordPress Theme -opas, osa 2

luettu 711 kertaa
Sivut: [ 1 2 ]

Lisää edellisen koodin seuraavalle riville:

<?php endwhile;else: ?>
<h2><?php _e(’Ei löytynyt’); ?></h2>
<?php endif; ?>

Päivitä selaimesi. Nyt sivuille pitäisi ilmestyä sivun nimi (linkkinä), sekä lyhyt kuvaus. Muita tekstejä ei pitäisi näkyä. No mitä tuo “Ei löytynyt” -tarkoittaa? Se näkyy kun blogissasi ei ole näytettäviä viestejä.

Tee muutama (3-15) blogimerkintä osoitteessa http://localhost/wpkansio/wp-admin/. Sen jälkeen lisää index.php tiedostoon <?php if(have_posts()): ?><?php while(have_posts()):the_post(); ?> koodipätkien perään:

<?php the_title(); ?>

Päivitä taas blogin etusivu. Nyt blogin nimen ja kuvauksen alle pitäisi ilmestyä jono blogimerkintöjen otsikoista, mitkä teit äsken. Kerta ne on nyt yhdessä rivissä, lisätään edellisen koodin eteen <h2> ja perään </h2> tyyliin <h2><?php the_title(); ?></h2>. Päivitä taas selaimesi. Nyt blogimerkinnät on hienossa järjestyksessä.

Lisätään seuraavaksi otsikon alle blogimerkinnän teksti. Se onnistuu yhtä helposti, kuin otsikon näyttäminen. Lisäät vain edellisen koodin seuraavalle riville:

<?php the_content(); ?>

Nyt sivulle ilmestyi otsikoiden alle jokaisen otsikon oma kirjoitus. Lisäämme seuraavaksi päivän, kommentti- sekä muokkauslinkin. Lisää <?php the_title(); ?> koodin perään <h2> ja </h2> tagien väliin:

<?php the_time(’d.m.Y’) ?>

Lisää </h2> tagin seuraavalle riville <?php comments_popup_link(’Ei kommentteja’, ‘1 kommentti’, ‘% kommenttia’); ?> | <?php edit_post_link(’Muokkaa ‘); ?>. Kuten varmaan jo arvasitkin, lisäsimme juuri kommentti- sekä muokkauslinkin. Lisää <?php the_content(); ?> koodin eteen <p> ja perään </p>.

Koodisi pitäisi näyttää nyt tältä:

<h2><?php the_title(); ?> <?php the_time(’d.m.Y’) ?></h2>
<?php comments_popup_link(’Ei kommentteja’, ‘1 kommentti’, ‘% kommenttia’); ?> | <?php edit_post_link(’Muokkaa ‘); ?>
<p>
<?php the_content(); ?>
</p>

Lisätään vielä kategoria/aihe kommenttien eteen. Huomaa | -merkin molemmilla puolilla oleva välilyönti:

<?php _e(’Aihe:’); ?> <?php the_category(’, ‘) ?> |

Lisätään sivunvaihto blogiviestien perään. Tämä tekstilinkki ilmestyy jos sivulla on enemmän kuin 10 (WP:n asetuksissa oletuksena, voi muokata) viestiä. Lisää seuraava koodin pätkä <?php endif; ?> koodin seuraavalle riville. Huomaa, että seuraavassa koodissa ei ole lainausmerkkejä, vaan kaksi peräkkäistä ‘ -merkkiä:

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

Sivupaneeli, eli valikko, viestit yms lisätään seuraavalla tavalla. Lisää nämä koodit edellisen koodin (Edellinen/Seuraava sivu) seuraavalle riville:

<h2>Valikko</h2>
<ul>
<?php if(function_exists(’dynamic_sidebar’) && dynamic_sidebar()) : else : ?>
<li><h2><?php _e(’Aiheet’); ?></h2>
<ul>
<?php wp_list_cats(’sort_column=name&optioncount=1&hierarchical=0′); ?>
</ul>
</li>
<?php endif; ?>

Valikon ensimmäinen php-koodi mahdollistaa erilaisten widgettien käytön myöhemmin. Koodia ei ole pakko käyttää, mutta se kannattaa laittaa niin ei tarvitse säätää sitten kun sitä tarvitsee. Jos päätät olla käyttämättä koodia, ota viimeisen rivin <?php endif; ?> pois, muuten sivut eivät toimi. Palaamme oppaan myöhemmässä osassa valikkoon tarkemmin.

Sitten tämän oppaan osan viimeinen vaihe, eli ns. “footer”-sivuosa. Eli sivuston loppu. Siihen ei tarvitse mitään WP:n koodia. Lisää seuraava pätkä index.php tiedoston loppuun, ennen </body> tagia:

Copyright 2008 <?php bloginfo(’name’); ?><br />Blogia vauhdittaa <a href=”http://www.wordpress.org”>WordPress</a>

Loppusanat

Tässä oli tämän opas-sarjan toinen osa. Hirveästi tuli tekstiä, toivottavasti pysyit mukana. Kommentteja/toiveita saa ja pitää antaa, varsinkin jos jäi jotain epäselväksi. Jos jotain voi tehdä toisella tavalla, kuin olen sen itse tehnyt, ilmoitathan siitä kommentissa, tarkoituksenahan on auttaa jokaista saamaan WP:stä kaiken irti. Seuraavassa osassa olisi tarkoitus jakaa nämä omiin .php tiedostoihinsa.

Toisen osan lopullinen index.php:n voit tarkistaa täältä.

WordPress Theme -opas, osa 3
WordPress Theme -opas, osa 4
WordPress Theme -opas, osa 5

Sivut: [ 1 2 ]
Arvioi artikkeli
1 arviota, keskiarvo: 4 / 51 arviota, keskiarvo: 4 / 51 arviota, keskiarvo: 4 / 51 arviota, keskiarvo: 4 / 51 arviota, keskiarvo: 4 / 5 (1 arviota, keskiarvo: 4/5)
Sinun täytyy kirjautua sisään arvioidaksesi artikkelin.
Loading ... Loading ...
WordPress Theme -opas, osa 1 WordPress Theme -opas, osa 3
Kommentit
  1. #1 Khaida

    Erittäin hyvä opas, yksinkertaisesti mutta hyvin kirjoitettu.

     

Kommentoi

Kirjaudu sisään kommentoidaksesi.