{"id":233311,"date":"2023-02-11T20:33:00","date_gmt":"2023-02-11T17:33:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233311"},"modified":"2022-11-10T20:25:05","modified_gmt":"2022-11-10T17:25:05","slug":"wordpress-temahandledning-foer-nyboerjare-del-5-faa-tillgaang-till-inlaeggsinformation","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-temahandledning-foer-nyboerjare-del-5-faa-tillgaang-till-inlaeggsinformation\/","title":{"rendered":"WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 5: F\u00e5 tillg\u00e5ng till inl\u00e4ggsinformation"},"content":{"rendered":"\n<p>Den h\u00e4r lektionen av WordPress-tematens handledning f\u00f6r nyb\u00f6rjare kommer att handla om hur vi kan komma \u00e5t och mata ut information som dess l\u00e4nk, titel och mer fr\u00e5n varje inl\u00e4gg n\u00e4r vi \u00e4r inne i inl\u00e4ggsslingan. Vi g\u00f6r detta med malltaggar. I processen kommer vi ocks\u00e5 att l\u00e4gga till mallarna f\u00f6r singelvy till v\u00e5rt tema.<\/p>\n<p>I <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\">f\u00f6reg\u00e5ende steg<\/a> lade vi till postloopen som inneh\u00e5ller <code>the_post()<\/code>funktionen. Den h\u00e4r funktionen st\u00e4ller in globala variabler och ser till att vi kan anv\u00e4nda enkla och intuitiva funktionsanrop, kallade <a href=\"https:\/\/codex.wordpress.org\/Template_Tags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">malltaggar<\/a>, medan vi \u00e4r inne i <code>while<\/code>loopen.<\/p>\n<h2>Vanligaste malltaggar f\u00f6r anv\u00e4ndning i postslingan<\/h2>\n<p>Det h\u00e4r \u00e4r en lista \u00f6ver de vanligaste malltaggarna du skulle vilja anv\u00e4nda f\u00f6r att komma \u00e5t information om ett inl\u00e4gg:<\/p>\n<ul>\n<li><code>the_title()<\/code>ekar inl\u00e4ggets titel.<\/li>\n<li><code>the_permalink()<\/code>anger inl\u00e4ggets permal\u00e4nk\/URL.<\/li>\n<li><code>the_content()<\/code>matar ut inl\u00e4ggets inneh\u00e5ll (fr\u00e5n redakt\u00f6r)<\/li>\n<li><code>the_excerpt()<\/code>ekar av inl\u00e4ggsutdraget. Om utdragsf\u00e4ltet \u00e4r tomt kommer detta att eka ut de f\u00f6rsta 55 orden fr\u00e5n inl\u00e4ggets inneh\u00e5ll tillsammans med &quot;&#8230;&quot;<\/li>\n<li><code>the_ID()<\/code>anger postens ID.<\/li>\n<li><code>the_category()<\/code>ekar alla associerade kategorier.<\/li>\n<li><code>the_tags()<\/code>matar ut alla associerade taggar.<\/li>\n<li><code>the_date()<\/code>\u00e5terspeglar inl\u00e4ggets publiceringsdatum.<\/li>\n<li><code>the_time()<\/code>visar inl\u00e4ggets publicerade tid.<\/li>\n<li><code>the_author()<\/code>ekar inl\u00e4ggets f\u00f6rfattares visningsnamn<\/li>\n<li><code>the_post_thumbnail()<\/code>visar inl\u00e4ggets utvalda bild. Vi kommer att l\u00e4ra oss hur du l\u00e4gger till st\u00f6d f\u00f6r utvalda miniatyrer senare i denna handledning.<\/li>\n<\/ul>\n<p>Det finns m\u00e5nga fler. Om du \u00e4r intresserad, ta en titt p\u00e5 WordPress Codex <a href=\"https:\/\/codex.wordpress.org\/Template_Tags\/#Post_tags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentation av alla inl\u00e4ggstaggar<\/a>. Ta en titt utanf\u00f6r rubriken &quot;posttaggar&quot; ocks\u00e5 f\u00f6r mer \u2013 de \u00e4r lite utspridda p\u00e5 den h\u00e4r sidan.<\/p>\n<p>L\u00e5t oss b\u00f6rja implementera n\u00e5gra av dessa taggar i v\u00e5r <code>index.php<\/code>. Jag kommer ocks\u00e5 att l\u00e4gga till lite mycket grundl\u00e4ggande HTML bara f\u00f6r att formatera utdata b\u00e4ttre. Jag uppmuntrar dig att l\u00e4gga till din egen HTML! L\u00e4gg till div, span, sektioner, rubriker och s\u00e5 vidare med vilka klasser du vill.<\/p>\n<h2>Utveckla loopen i index.php<\/h2>\n<p>Inne i slingan i v\u00e5r <code>index.php<\/code>skulle jag vilja l\u00e4gga till en l\u00e4nk som g\u00e5r till inl\u00e4ggets permal\u00e4nk. Inuti l\u00e4nken skulle jag vilja upprepa inl\u00e4ggets titel. Sedan skulle jag ocks\u00e5 vilja upprepa inl\u00e4ggets utdrag och dess kategorier.<\/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>Vad koden ovan g\u00f6r \u00e4r;<\/p>\n<ul>\n<li>Rad #5 l\u00e4gger till HTML <code>&lt;article&gt;<\/code>-taggen med ett anrop <code>post_class()<\/code>som genererar anv\u00e4ndbara inl\u00e4ggsklasser \u2013 precis som <code>body_class()<\/code>vi anv\u00e4nde i ett <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-3-dynamic-content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tidigare steg<\/a>.<\/li>\n<li>P\u00e5 rad #6-8 l\u00e4gger vi till en <code>&lt;h2&gt;<\/code>tagg f\u00f6r titeln, med en l\u00e4nk som g\u00e5r till inl\u00e4ggets permal\u00e4nk (enkel vy).<\/li>\n<li>Rad #9 ekar utdraget av inl\u00e4gget.<\/li>\n<li>Och p\u00e5 rad #10 upprepar vi inl\u00e4ggets kategorier. Eftersom jag inte skickar n\u00e5gra argument till det h\u00e4r samtalet, \u00e4r det som standard en <code>&lt;ul&gt;<\/code>lista.<\/li>\n<\/ul>\n<p>Detta resulterar i f\u00f6ljande utdata n\u00e4r du uppdaterar f\u00f6rstasidan:<\/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=\"WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 5: F\u00e5 tillg\u00e5ng till inl\u00e4ggsinformation\" ><\/a><\/p>\n<p>Vi kommer n\u00e5gonstans! Jag uppmuntrar dig att titta p\u00e5 dokumentationen f\u00f6r varje taggfunktion f\u00f6r vilka parametrar de accepterar. Du kan modifiera resultatet med en hel del! Och best\u00e4m sj\u00e4lv vilka malltaggar du ska anv\u00e4nda.<\/p>\n<p>Testa att klicka p\u00e5 l\u00e4nken till ett inl\u00e4gg och se att du kommer till den enda inl\u00e4ggssidan. Du kan nu se att loopen bara visar det ena inl\u00e4gget. Men eftersom vi f\u00f6r n\u00e4rvarande bara har en mall, <code>index.php<\/code>, anv\u00e4nder enstaka vy ocks\u00e5 denna mall. S\u00e5 den enda uppfattningen \u00e4r inte s\u00e4rskilt vettig. Vi beh\u00f6ver inte l\u00e4nka till sig sj\u00e4lv, och vi vill se hela inl\u00e4ggets inneh\u00e5ll! L\u00e5t oss fixa detta genom att skapa v\u00e5r andra mall i v\u00e5rt tema.<\/p>\n<h2>Skapa enstaka vymallar<\/h2>\n<p>Om du minns tillbaka i <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">lektion 1<\/a> av WordPress-temahandledningen f\u00f6r nyb\u00f6rjare tittade vi p\u00e5 mallhierarkin? N\u00e4r vi \u00e4r p\u00e5 ett enda inl\u00e4gg eller sida, letar WordPress efter <code>single.php<\/code>inl\u00e4gg och <code>page.php<\/code>sidor. Om n\u00e5gon av dessa inte hittas faller WordPress tillbaka p\u00e5 <code>singular.php<\/code>som delas oavsett inl\u00e4ggstyp. Emellertid implementerar teman i allm\u00e4nhet <code>single.php<\/code>och <code>page.php<\/code>p\u00e5 grund av skillnaderna mellan inl\u00e4gg och sidor. Sidor har inga kategorier och taggar, och eftersom sidor vanligtvis anv\u00e4nds f\u00f6r statiskt inneh\u00e5ll visar de normalt inte publiceringsdatum eller kommentarer. Detta \u00e4r dock helt upp till dig.<\/p>\n<p>Vi kommer att skapa <code>single.php<\/code>och <code>page.php<\/code>f\u00f6r v\u00e5rt tema. L\u00e5t oss b\u00f6rja med inl\u00e4gg f\u00f6rst.<\/p>\n<h3>Enstaka inl\u00e4ggsmall<\/h3>\n<p>G\u00f6r en kopia av <code>index.php<\/code>och byt namn p\u00e5 den till <code>single.php<\/code>. I <code>single.php<\/code>kommer vi att ta bort permal\u00e4nken (som l\u00e4nkar till sig sj\u00e4lv), och byta ut utdraget med hela inl\u00e4ggets inneh\u00e5ll. Och slutligen beh\u00f6ver vi inte arkivnavigering h\u00e4r.<\/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>L\u00e5t oss l\u00e4gga till lite mer anv\u00e4ndbar information; s\u00e5som datum f\u00f6r inl\u00e4gget och namnet p\u00e5 f\u00f6rfattaren. \u00c5terigen, jag uppmuntrar dig att l\u00e4gga till HTML-taggar f\u00f6r att g\u00f6ra en mycket snyggare HTML-struktur.<\/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>Funktionerna <code>the_time()<\/code>och <code>the_date()<\/code>kommer att eka ut datum och tid i det format du har definierat i adminpanelen &gt; Inst\u00e4llningar. Du kan dock \u00e5sidos\u00e4tta detta genom att tillhandah\u00e5lla ett annat datumformat som parameter till dessa metoder.<\/p>\n<p>Funktionen <code>the_author()<\/code>ekar f\u00f6rfattarens &quot;visningsnamn&quot;. Om anv\u00e4ndaren inte har angett n\u00e5got annat namn i sin profil kommer detta att eka ut anv\u00e4ndarnamnet.<\/p>\n<p>Jag <strong>rekommenderar starkt att<\/strong> du aldrig skriver ut anv\u00e4ndarnamn eftersom detta kan utg\u00f6ra ett s\u00e4kerhetshot. Se alltid till att n\u00e5gon f\u00f6rfattare har angett ett korrekt namn, eller anv\u00e4nd inte <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=\"WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 5: F\u00e5 tillg\u00e5ng till inl\u00e4ggsinformation\" ><\/a><\/p>\n<p>S\u00e5 h\u00e4r ser ett enda inl\u00e4gg ut f\u00f6r mig nu. Grymt bra! L\u00e5t oss g\u00f6ra en sidmallen.<\/p>\n<h3>En sida mall<\/h3>\n<p>G\u00f6r en kopia av din <code>single.php<\/code>och byt namn p\u00e5 den till <code>page.php<\/code>. Allt jag gjorde <code>page.php<\/code>var att ta bort allt som inte var relaterat till sidor. Att eka ut kategorier f\u00f6r sidor kommer inte att fungera, och jag tog ocks\u00e5 bort datum, tid och f\u00f6rfattare. Detta \u00e4r vad vi f\u00e5r in <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>Vi b\u00f6rjar \u00e4ntligen komma n\u00e5gonstans med v\u00e5ra mallar! Men jag kan inte upprepa detta tillr\u00e4ckligt; Jag uppmuntrar dig att modifiera mallarna och parametrarna till funktionerna efter eget tycke. Speciellt att l\u00e4gga till fler HTML-omslag f\u00f6r att g\u00f6ra det l\u00e4ttare att styla det senare.<\/p>\n<p>I n\u00e4sta steg g\u00e5r vi lite bort fr\u00e5n mallar och g\u00e5r mer in p\u00e5 lite mer backend-kodning av WordPress-teman.<\/p>\n<h2>Dokumentation om anv\u00e4nda metoder<\/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\">den_permal\u00e4nken<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_title\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">titeln<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_excerpt\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">utdraget<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_category\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kategorin_<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">inneh\u00e5llet<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_date\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">datumet<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tiden<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_author\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">f\u00f6rfattaren<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Den h\u00e4r lektionen kommer att handla om hur vi kan komma \u00e5t och mata ut information fr\u00e5n varje inl\u00e4gg n\u00e4r vi \u00e4r inne i WordPress-loopen med hj\u00e4lp av malltaggar.<\/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":[932,901,838,848,901,1110,807,807,838,932,848,868,868],"tags":[1173],"class_list":{"0":"post-233311","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-aemnen","8":"category-koda","9":"category-guide-foer-nyboerjare","10":"category-handledningar","12":"category-n-a","13":"category-php-9","18":"category-wordpress-9","20":"tag-affiai-sv"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/233311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=233311"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/233311\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/223885"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=233311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=233311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=233311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}