{"id":233344,"date":"2023-02-11T20:19:00","date_gmt":"2023-02-11T17:19:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233344"},"modified":"2022-11-10T20:35:34","modified_gmt":"2022-11-10T17:35:34","slug":"wordpressi-teemaopetus-algajatele-5-osa-juurdepaeaes-postituse-teabele","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-teemaopetus-algajatele-5-osa-juurdepaeaes-postituse-teabele\/","title":{"rendered":"WordPressi teema\u00f5petus algajatele \u2013 5. osa: Juurdep\u00e4\u00e4s postituse teabele"},"content":{"rendered":"\n<p>See algajatele m\u00f5eldud WordPressi teema\u00f5petuse \u00f5ppetund r\u00e4\u00e4gib sellest, kuidas p\u00e4\u00e4seme juurde ja v\u00e4ljastame iga postituse teabele (nt selle lingile, pealkirjale ja muule), kui see on postitusts\u00fcklis. Teeme seda mallisiltide abil. Selle k\u00e4igus lisame oma teemasse ka \u00fche vaate mallid.<\/p>\n<p>Eelmises <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-4-accessing-posts-with-the-loop\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">etapis<\/a> lisasime postitusts\u00fckli, mis sisaldab <code>the_post()<\/code>funktsiooni. See funktsioon seadistab globaalsed muutujad ja tagab, et saame ts\u00fcklis olles kasutada lihtsaid ja intuitiivseid funktsioonikutseid, mida nimetatakse <a href=\"https:\/\/codex.wordpress.org\/Template_Tags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mallim\u00e4rgenditeks<\/a><code>while<\/code>.<\/p>\n<h2>Levinumad postitusts\u00fcklis kasutatavad mallisildid<\/h2>\n<p>See on loend k\u00f5ige tavalisematest mallim\u00e4rgenditest, mida soovite postituse teabele juurdep\u00e4\u00e4suks kasutada:<\/p>\n<ul>\n<li><code>the_title()<\/code>kordab postituse pealkirja.<\/li>\n<li><code>the_permalink()<\/code>v\u00e4ljastab postituse p\u00fcsilingi\/URL-i.<\/li>\n<li><code>the_content()<\/code>v\u00e4ljastab postituse sisu (toimetajalt)<\/li>\n<li><code>the_excerpt()<\/code>kajab v\u00e4lja postituse v\u00e4ljav\u00f5te. Kui v\u00e4ljav\u00f5tte v\u00e4li on t\u00fchi, kajab see postituse sisust v\u00e4lja esimesed 55 s\u00f5na koos s\u00f5naga &quot;\u2026&quot;<\/li>\n<li><code>the_ID()<\/code>v\u00e4ljastab postituse ID.<\/li>\n<li><code>the_category()<\/code>kajab v\u00e4lja k\u00f5ik seotud kategooriad.<\/li>\n<li><code>the_tags()<\/code>v\u00e4ljastab k\u00f5ik seotud sildid.<\/li>\n<li><code>the_date()<\/code>kordab postituse avaldamiskuup\u00e4eva.<\/li>\n<li><code>the_time()<\/code>v\u00e4ljastab postituse avaldamise aja.<\/li>\n<li><code>the_author()<\/code>kajab v\u00e4lja postituse autori kuvatava nime<\/li>\n<li><code>the_post_thumbnail()<\/code>v\u00e4ljastab postituse esilet\u00f5stetud pildi. Sellest \u00f5petusest hiljem \u00f5pime, kuidas esiletoodud pisipiltidele tuge lisada.<\/li>\n<\/ul>\n<p>Neid on palju rohkem. Kui olete huvitatud, vaadake WordPress Codexi <a href=\"https:\/\/codex.wordpress.org\/Template_Tags\/#Post_tags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentatsiooni k\u00f5igi postituste siltide kohta<\/a>. Vaadake lisateavet ka v\u00e4ljaspool rubriiki &quot;postitage sildid&quot; \u2013 need on sellel lehel veidi laiali.<\/p>\n<p>Alustame m\u00f5ne nende siltide juurutamist meie <code>index.php<\/code>. Lisan ka v\u00e4ga lihtsa HTML-i, et v\u00e4ljundit paremini vormindada. Soovitan teil lisada oma HTML-i! Lisage soovitud klassidega jaotusi, vahemikke, jaotisi, p\u00e4iseid ja nii edasi.<\/p>\n<h2>Ts\u00fckli t\u00e4psustamine failis index.php<\/h2>\n<p><code>index.php<\/code>Sooviksin lisada meie ts\u00fckli sisse lingi, mis l\u00e4heb postituse p\u00fcsilingile. Lingi sees tahaksin korrata postituse pealkirja. Siis tahaksin ka v\u00e4lja tuua postituse v\u00e4ljav\u00f5tte ja selle kategooriad.<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;\n                &lt;a href=\"&lt;?php the_permalink(); ?&gt;\" title=\"&lt;?php the_title(); ?&gt;\"&gt;&lt;?php the_title(); ?&gt;&lt;\/a&gt;\n            &lt;\/h2&gt;\n            &lt;?php the_excerpt(); ?&gt;\n            &lt;?php the_category(); ?&gt;\n        &lt;\/article&gt;\n    endwhile;\n    the_posts_pagination();\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Mida \u00fclaltoodud kood teeb, on;<\/p>\n<ul>\n<li>Rida nr 5 lisab HTML-i <code>&lt;article&gt;<\/code>m\u00e4rgendi koos k\u00f5nega, <code>post_class()<\/code>millele luuakse kasulikud postitusklassid \u2013 t\u00e4pselt nagu <code>body_class()<\/code>kasutasime <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-3-dynamic-content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">eelmises etapis<\/a>.<\/li>\n<li>Ridadele 6-8 lisame <code>&lt;h2&gt;<\/code>pealkirja sildi koos lingiga, mis viib postituse p\u00fcsilingile (\u00fche vaade).<\/li>\n<li>Rida nr 9 kajastab postituse v\u00e4ljav\u00f5tet.<\/li>\n<li>Ja real #10 kajastame postituse kategooriaid. Kuna ma ei edasta sellele k\u00f5nele \u00fchtegi argumenti, on see vaikimisi <code>&lt;ul&gt;<\/code>loend.<\/li>\n<\/ul>\n<p>Selle tulemuseks on esilehe v\u00e4rskendamisel j\u00e4rgmine v\u00e4ljund:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e51609c0d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e51609c0d16.png\" alt=\"WordPressi teema\u00f5petus algajatele \u2013 5. osa: Juurdep\u00e4\u00e4s postituse teabele\" ><\/a><\/p>\n<p>Me j\u00f5uame kuhugi! Soovitan teil vaadata iga sildifunktsiooni dokumentatsiooni, mille parameetrid nad aktsepteerivad. Saate v\u00e4ljundit \u00fcsna palju muuta! Ja otsustage ise, milliseid mallisilte kasutada.<\/p>\n<p>Proovige kl\u00f5psata postituse lingil ja veenduge, et j\u00f5uate sellele \u00fchele postituse lehele. N\u00fc\u00fcd n\u00e4ete, et silmus n\u00e4itab ainult seda \u00fchte postitust. Kuna meil on praegu aga ainult \u00fcks mall, <code>index.php<\/code>kasutab seda malli ka \u00fcks vaade. Seega pole \u00fchel vaatel palju m\u00f5tet. Me ei vaja seda endaga linkimiseks ja tahame n\u00e4ha postituse t\u00e4ielikku sisu! Parandame selle, luues oma teemas teise malli.<\/p>\n<h2>\u00dche vaate mallide loomine<\/h2>\n<p>Kui m\u00e4letate algajatele m\u00f5eldud WordPressi teema\u00f5petuse esimeses <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00f5ppet\u00fckis<\/a>, vaatasime mallide hierarhiat? Kui oleme \u00fchel postitusel v\u00f5i lehel, otsib WordPress <code>single.php<\/code>postitusi ja <code>page.php<\/code>lehti. Kui \u00fcht neist ei leitud, naaseb WordPress, <code>singular.php<\/code>mida jagatakse olenemata postituse t\u00fc\u00fcbist. Kuid teemad \u00fcldiselt rakendatakse <code>single.php<\/code>ja <code>page.php<\/code>postituste ja lehtede erinevuste t\u00f5ttu. Lehek\u00fclgedel ei ole kategooriaid ja silte ning kuna lehti kasutatakse tavaliselt staatilise sisu jaoks, ei kuvata neil tavaliselt avaldamiskuup\u00e4eva ega kommentaare. See on siiski t\u00e4ielikult teie otsustada.<\/p>\n<p>Loome <code>single.php<\/code>ja <code>page.php<\/code>oma teema jaoks. Alustame k\u00f5igepealt postitustega.<\/p>\n<h3>\u00dche postituse mall<\/h3>\n<p>Tehke oma teemakaustas koopia <code>index.php<\/code>ja nimetage see \u00fcmber <code>single.php<\/code>. Eemaldame p\u00fcsilingi <code>single.php<\/code>(mis lingib iseendale) ja vahetame v\u00e4ljav\u00f5tte postituse t\u00e4ieliku sisuga v\u00e4lja. Ja l\u00f5puks ei vaja me siin arhiivinavigeerimist.<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;&lt;php the_title(); ?&gt;&lt;\/h2&gt;\n            &lt;?php the_content(); ?&gt;\n            &lt;?php the_category(); ?&gt;\n        &lt;\/article&gt;\n    endwhile;\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Lisame veel kasulikku teavet; n\u00e4iteks postituse kuup\u00e4ev ja autori nimi. J\u00e4llegi soovitan teil lisada HTML-i silte, et luua palju ilusam HTML-i struktuur.<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;&lt;php the_title(); ?&gt;&lt;\/h2&gt;\n            &lt;?php the_content(); ?&gt;\n            &lt;?php the_category(); ?&gt;\n            &lt;p&gt;Posted: &lt;?php the_date(); ?&gt; at &lt;?php the_time(); ?&gt;&lt;\/p&gt;\n            &lt;p&gt;Author: &lt;?php the_author(); ?&gt;&lt;\/p&gt;\n        &lt;\/article&gt;\n    endwhile;\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Funktsioonid <code>the_time()<\/code>ja <code>the_date()<\/code>kordavad kuup\u00e4eva ja kellaaega vormingus, mille olete m\u00e4\u00e4ranud halduspaneelil &gt; Seaded. Kuid saate selle alistada, pakkudes nende meetodite parameetrina erinevat kuup\u00e4evavormingut.<\/p>\n<p>Funktsioon <code>the_author()<\/code>kordab autori &quot;kuvanime&quot;. Kui kasutaja pole oma profiilis muud nime sisestanud, kajab see kasutajanime.<\/p>\n<p>Soovitan <strong>tungivalt<\/strong> mitte kunagi kasutajanimesid v\u00e4lja printida, kuna see v\u00f5ib ohustada turvalisust. Veenduge alati, et autorid on esitanud \u00f5ige nime v\u00f5i \u00e4rge kasutage <code>the_author()<\/code>.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e5160aa02dd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e5160aa02dd.png\" alt=\"WordPressi teema\u00f5petus algajatele \u2013 5. osa: Juurdep\u00e4\u00e4s postituse teabele\" ><\/a><\/p>\n<p>Nii n\u00e4eb mind praegu v\u00e4lja \u00fcksainus postitus. Vinge! Teeme \u00fche lehe malli.<\/p>\n<h3>\u00dche lehe mall<\/h3>\n<p>Tehke omast koopia <code>single.php<\/code>ja nimetage see \u00fcmber <code>page.php<\/code>. K\u00f5ik, mida ma tegin, <code>page.php<\/code>oli eemaldada k\u00f5ik, mis pole lehtedega seotud. Lehek\u00fclgede kategooriate v\u00e4ljakajamine ei t\u00f6\u00f6ta ning eemaldasin ka kuup\u00e4eva, kellaaja ja autori. See on see, mida me sisse saame <code>page.php<\/code>:<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;&lt;php the_title(); ?&gt;&lt;\/h2&gt;\n            &lt;?php the_content(); ?&gt;\n        &lt;\/article&gt;\n    endwhile;\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Hakkame l\u00f5puks oma mallidega kuhugi j\u00f5udma! Kuid ma ei saa seda piisavalt korrata; Soovitan teil malle ja funktsioonide parameetreid oma maitse j\u00e4rgi muuta. Eelk\u00f5ige rohkemate HTML-i \u00fcmbriste lisamine, et hiljem oleks lihtsam stiilida.<\/p>\n<p>J\u00e4rgmises etapis liigume mallidest veidi eemale ja uurime rohkem WordPressi teemade taustakodeerimist.<\/p>\n<h2>Kasutatud meetodite dokumentatsioon<\/h2>\n<ul>\n<li><a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/post_class\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">post_class<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_permalink\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">the_permalink<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_title\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">the_title<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_excerpt\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">v\u00e4ljav\u00f5te<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_category\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kategooria<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sisu<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_date\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kuup\u00e4ev<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aeg<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_author\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">autor<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>See \u00f5ppetund r\u00e4\u00e4gib sellest, kuidas p\u00e4\u00e4seme iga postituse teabele juurde ja v\u00e4ljastame seda, kui oleme WordPressi silmuses, kasutades mallisilte.<\/p>\n","protected":false},"author":1,"featured_media":223885,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[894,833,894,1110,842,802,802,833,926,926,842,863,863],"tags":[1165],"class_list":["post-233344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kood","category-juhend-algajatele","category-n-a","category-opetused","category-php-4","category-teemasid","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=233344"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233344\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/223885"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=233344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=233344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=233344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}