the_post()<\/code>toiminnon. T\u00e4m\u00e4 funktio m\u00e4\u00e4ritt\u00e4\u00e4 globaalit muuttujat ja varmistaa, ett\u00e4 voimme k\u00e4ytt\u00e4\u00e4 yksinkertaisia \u200b\u200bja intuitiivisia funktiokutsuja, joita kutsutaan mallitunnisteiksi<\/a>, kun olemme while<\/code>silmukan sis\u00e4ll\u00e4.<\/p>\nYleisimm\u00e4t postaussilmukassa k\u00e4ytett\u00e4v\u00e4t mallitunnisteet<\/h2>\n
T\u00e4m\u00e4 on luettelo yleisimmist\u00e4 mallitunnisteista, joita haluat k\u00e4ytt\u00e4\u00e4 postauksen tietojen k\u00e4ytt\u00e4miseen:<\/p>\n
\nthe_title()<\/code>toistaa viestin otsikon.<\/li>\nthe_permalink()<\/code>tulostaa viestin pysyv\u00e4n linkin\/URL-osoitteen.<\/li>\nthe_content()<\/code>tulostaa viestin sis\u00e4ll\u00f6n (editorilta)<\/li>\nthe_excerpt()<\/code>toistaa viestin otteen. Jos otekentt\u00e4 on tyhj\u00e4, t\u00e4m\u00e4 toistaa tekstin sis\u00e4ll\u00f6st\u00e4 ensimm\u00e4iset 55 sanaa "\u2026" kanssa.<\/li>\nthe_ID()<\/code>tulostaa viestin tunnuksen.<\/li>\nthe_category()<\/code>toistaa kaikki liittyv\u00e4t luokat.<\/li>\nthe_tags()<\/code>tulostaa kaikki liittyv\u00e4t tunnisteet.<\/li>\nthe_date()<\/code>toistaa viestin julkaisup\u00e4iv\u00e4m\u00e4\u00e4r\u00e4n.<\/li>\nthe_time()<\/code>tulostaa viestin julkaisuajan.<\/li>\nthe_author()<\/code>toistaa viestin kirjoittajan n\u00e4ytt\u00f6nimen<\/li>\nthe_post_thumbnail()<\/code>tulostaa viestin esittelykuvan. Opimme lis\u00e4\u00e4m\u00e4\u00e4n tuen esiteltyille pikkukuville my\u00f6hemmin t\u00e4ss\u00e4 opetusohjelmassa.<\/li>\n<\/ul>\nOn monia muitakin. Jos olet kiinnostunut, katso WordPress Codexin dokumentaatio kaikista viestitunnisteista<\/a>. Katso lis\u00e4\u00e4 my\u00f6s otsikon "post tags" ulkopuolelle \u2013 ne ovat hieman hajallaan t\u00e4ll\u00e4 sivulla.<\/p>\nAloitetaan joidenkin n\u00e4iden tunnisteiden k\u00e4ytt\u00f6\u00f6notto index.php<\/code>. Lis\u00e4\u00e4n my\u00f6s hyvin yksinkertaista HTML:\u00e4\u00e4 vain muotoillakseni tulosteen paremmin. Suosittelen lis\u00e4\u00e4m\u00e4\u00e4n oman HTML-koodisi! Lis\u00e4\u00e4 divsej\u00e4, jaksoja, osioita, otsikoita ja niin edelleen haluamillasi luokilla.<\/p>\nT\u00e4smennet\u00e4\u00e4n silmukkaa index.php:ss\u00e4<\/h2>\n
index.php<\/code>Haluaisin lis\u00e4t\u00e4 silmukan sis\u00e4\u00e4n linkin, joka menee viestin pysyv\u00e4\u00e4n linkkiin. Linkin sis\u00e4ll\u00e4 haluaisin toistaa viestin otsikon. Sitten haluaisin my\u00f6s toistaa postauksen otteen ja sen luokat.<\/p>\n<?php get_header(); ?>\n<?php \nif (have_posts()) {\n while (have_posts()): the_post();\n <article <?php post_class(); ?>>\n <h2>\n <a href=\"<?php the_permalink(); ?>\" title=\"<?php the_title(); ?>\"><?php the_title(); ?><\/a>\n <\/h2>\n <?php the_excerpt(); ?>\n <?php the_category(); ?>\n <\/article>\n endwhile;\n the_posts_pagination();\n} else {\n ?><p>No posts, sorry.<\/p><?php\n}\n?>\n<?php get_sidebar(); ?>\n<?php get_footer(); ?><\/code><\/pre>\nMit\u00e4 yll\u00e4 oleva koodi tekee on;<\/p>\n
\n- Rivi #5 lis\u00e4\u00e4 HTML-
<article><\/code>tunnisteen kutsulla, post_class()<\/code>joka luo hy\u00f6dyllisi\u00e4 viestiluokkia \u2013 aivan kuten body_class()<\/code>k\u00e4ytimme edellisess\u00e4 vaiheessa<\/a>.<\/li>\n- Riville #6-8 lis\u00e4\u00e4mme
<h2><\/code>otsikon tunnisteen, jossa on linkki, joka johtaa viestin pysyv\u00e4\u00e4n linkkiin (yksi n\u00e4kym\u00e4).<\/li>\n- Rivi #9 toistaa viestikatkelman.<\/li>\n
- Ja rivill\u00e4 #10 toistamme viestin luokat. Koska en v\u00e4lit\u00e4 argumentteja t\u00e4lle kutsulle, se on oletuksena
<ul><\/code>luettelo.<\/li>\n<\/ul>\nT\u00e4m\u00e4 johtaa seuraavan tulosteen etusivua p\u00e4ivitett\u00e4ess\u00e4:<\/p>\n
![\"WordPress-teeman](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e51609c0d16.png\")
<\/a><\/p>\nOlemme tulossa jonnekin! Kehotan sinua tutustumaan kunkin tunnistefunktion dokumentaatioon, jonka parametrit ne hyv\u00e4ksyv\u00e4t. Voit muokata tulosta melko v\u00e4h\u00e4n! Ja p\u00e4\u00e4t\u00e4 itse, mit\u00e4 mallitunnisteita k\u00e4yt\u00e4t.<\/p>\n
Kokeile napsauttaa viestin linkki\u00e4 ja katso, ett\u00e4 p\u00e4\u00e4set kyseiselle yksitt\u00e4iselle viestisivulle. Voit nyt n\u00e4hd\u00e4, ett\u00e4 silmukka n\u00e4ytt\u00e4\u00e4 vain yhden viestin. Koska meill\u00e4 on kuitenkin t\u00e4ll\u00e4 hetkell\u00e4 vain yksi malli, index.php<\/code>yksi n\u00e4kym\u00e4 k\u00e4ytt\u00e4\u00e4 my\u00f6s t\u00e4t\u00e4 mallia. Joten yksitt\u00e4isess\u00e4 n\u00e4kemyksess\u00e4 ei ole paljon j\u00e4rke\u00e4. Meid\u00e4n ei tarvitse linkitt\u00e4\u00e4 sit\u00e4 itseens\u00e4, vaan haluamme n\u00e4hd\u00e4 koko postauksen sis\u00e4ll\u00f6n! Korjataan t\u00e4m\u00e4 luomalla toinen mallimme teemaamme.<\/p>\nYhden n\u00e4kym\u00e4n mallien luominen<\/h2>\n
![\"WordPress-teeman](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e5160aa02dd.png\")
<\/a><\/p>\n