{"id":27394,"date":"2021-05-06T11:06:00","date_gmt":"2021-05-06T08:06:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27394"},"modified":"2021-10-17T05:13:04","modified_gmt":"2021-10-17T02:13:04","slug":"sa-har-visar-du-relaterade-inlagg-med-miniatyrbild-pa-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/sa-har-visar-du-relaterade-inlagg-med-miniatyrbild-pa-din-wordpress-webbplats\/","title":{"rendered":"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats"},"content":{"rendered":"<p>Vill du visa relaterat inl\u00e4gg med miniatyr p\u00e5 dina artiklar? Genom att visa relaterade inl\u00e4gg p\u00e5 artiklar hj\u00e4lper det dig att h\u00e5lla dina l\u00e4sare engagerade i din webbplats. Det kan ocks\u00e5 minska din studsfrekvens. I den h\u00e4r artikeln studerar vi hur man visar relaterat inl\u00e4gg med miniatyrbild i WordPress.<\/p>\n<p>N\u00e4r en anv\u00e4ndare kommer till v\u00e5r blogg ska vi visa dem relaterat inneh\u00e5ll i sidof\u00e4ltet, i slutet av inl\u00e4gget eller var det \u00e4r m\u00f6jligt. Denna teknik hj\u00e4lper b\u00e5de anv\u00e4ndare och webbplats\u00e4gare. F\u00f6r anv\u00e4ndare kan de hitta mer relevant inneh\u00e5ll som kan vara till hj\u00e4lp f\u00f6r dem. F\u00f6r webbplats\u00e4garen spenderar en anv\u00e4ndare mycket tid p\u00e5 en webbplats som kan resultera i fler konverteringar, mer pengar etc.<\/p>\n<h3>Relaterade inl\u00e4gg av Bibblio<\/h3>\n<p>Det finns flera plugins tillg\u00e4ngliga i pluginf\u00f6rvaret som ger en l\u00f6sning f\u00f6r att visa relaterat inl\u00e4gg.<\/p>\n<p>Men vi rekommenderar att du anv\u00e4nder <a href=\"https:\/\/wordpress.org\/plugins\/bibblio-related-posts\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Relaterade inl\u00e4gg av Bibblio<\/a>. Nyligen f\u00f6rs\u00f6kte vi detta plugin p\u00e5 v\u00e5r klientwebbplats och v\u00e5r klient ganska n\u00f6jd med resultatet.<\/p>\n<p>Plugin anv\u00e4nder avancerad teknik f\u00f6r artificiell intelligens f\u00f6r att ta reda p\u00e5 relevanta artiklar som matchar ditt nuvarande inneh\u00e5ll.<\/p>\n<p>Detta plugin \u00e4r utvecklat av <a href=\"http:\/\/www.bibblio.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Bibblio<\/a>. Deras fr\u00e4msta m\u00e5l \u00e4r att tillhandah\u00e5lla inneh\u00e5llsrekommendationer som h\u00e5ller anv\u00e4ndarna kvar p\u00e5 dina sidor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f974d173.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f974d173.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats\" ><\/a><\/p>\n<h3>\u00c4r det gratis plugin?<\/h3>\n<p>Bibblio erbjuder 50.000 rekommendationssamtal per m\u00e5nad gratis. Ett rekommendationssamtal \u00e4r en upps\u00e4ttning rekommendationer som visas p\u00e5 din webbsida. Detta uppn\u00e5s via en beg\u00e4ran till identifierings\u00e4ndpunkten f\u00f6r Bibblio API. F\u00f6r mer \u00e4n 50 000 rekommendationssamtal m\u00e5ste du betala f\u00f6r service. Plase kontrollera <a href=\"http:\/\/www.bibblio.org\/pricing\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">priss\u00e4ttningen sidan<\/a> f\u00f6r pris och utbud av inneh\u00e5ll artiklar.<\/p>\n<h3>Hur anv\u00e4nder jag plugin?<\/h3>\n<p>F\u00f6rst m\u00e5ste du installera och aktivera plugin. F\u00f6r att kunna anv\u00e4nda detta plugin m\u00e5ste du registrera dig p\u00e5 deras webbplats.<\/p>\n<p>Nedan finns en steg-f\u00f6r-steg-guide f\u00f6r att konfigurera detta plugin.<\/p>\n<p><strong>Steg 1<\/strong>: N\u00e4r du aktiverat plugin-programmet kommer det att l\u00e4gga till meny Bibblio p\u00e5 instrumentpanelen. N\u00e4r du f\u00f6rsta g\u00e5ngen klickar p\u00e5 den h\u00e4r menyn ser du sidan som visas i sk\u00e4rmbilden nedan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f99dc2dc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f99dc2dc.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats\" ><\/a><\/p>\n<p><strong>Steg 2<\/strong>: Klicka p\u00e5 knappen &quot;Skapa ett konto&quot;, den omdirigeras till registreringssidan f\u00f6r en Bibblio. Efter registreringen loggar du in p\u00e5 ditt konto p\u00e5 Bibblio och g\u00e5r till <strong>Mitt konto-&gt; Referenser<\/strong>. Kopiera klient-id och klienthemlighet och klistra in det p\u00e5 inst\u00e4llningssidan f\u00f6r Bibblio. Klicka p\u00e5 knappen &quot;Let&#8217;s go&quot;.<\/p>\n<p><strong>Steg 3<\/strong>: Konfigurera sedan plugin steg f\u00f6r steg enligt instruktionerna. Fr\u00e5n fliken Moduler till\u00e5ter plugin-programmet att v\u00e4lja olika layout-, f\u00f6rh\u00e5llandes- och v\u00e4xlingseffekter. Vi har till exempel valt 3-radslayout, 4: 3-f\u00f6rh\u00e5llande och enbart effekt p\u00e5 titel.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats\" ><\/a><\/p>\n<p>V\u00e5r produktion kommer att vara kombinationen av denna layout p\u00e5 framsidan av en webbplats.<\/p>\n<p>Vi har konfigurerat och lagt till v\u00e5r modul. N\u00e4sta steg \u00e4r att visa v\u00e5r modul p\u00e5 en webbplats. Detta plugin ger alternativ f\u00f6r widget och kortkod f\u00f6r att infoga modulen i sidof\u00e4ltet eller i inneh\u00e5llet.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats\" ><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats\" ><\/a><\/p>\n<p>Att s\u00e4tta in kortkod i varje artikel \u00e4r enkelt men det kan ta en stund om du har ett antal inl\u00e4gg. Eftersom vi m\u00e5ste infoga kortkod en efter en p\u00e5 varje inl\u00e4gg.<\/p>\n<p>Det finns en l\u00f6sning f\u00f6r det. Anv\u00e4nd filtret <code>the_content<\/code>och l\u00e4gg till kortkoden som tillhandah\u00e5lls av pluginet.<\/p>\n<p>Om du till exempel klickar p\u00e5 infoga kortkodsikonen p\u00e5 postredigeringssk\u00e4rmen f\u00e5r du kortkod som [[bibblio style = &quot;bib \u2013 row-3 bib \u2013 standard bib \u2013 only-title&quot;]].<\/p>\n<p>\u00d6ppna din functions.php-fil och placera koden nedan i slutet av filen.<\/p>\n<pre><code>add_filter( 'the_content', 'related_articles_after_content' );\nfunction related_articles_after_content($content) {\n\u00a0\u00a0\u00a0\u00a0$related_articles = '&lt;h4&gt;'. __(\"Related Articles\", 'your-theme-textdomain') .'&lt;\/h4&gt;'. do_shortcode('[bibblio style=\" bib--row-3 bib--default bib--title-only\"]'); \n\u00a0\u00a0\u00a0\u00a0return $content. $related_articles;\n}<\/code><\/pre>\n<p>Ovanst\u00e5ende kod kommer att l\u00e4gga till kortkoden i slutet av varje inl\u00e4gg. Du beh\u00f6ver inte ange kortkoden manuellt f\u00f6r varje inl\u00e4gg.<\/p>\n<p>Din slutliga output kommer att se ut som nedan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20722-60821f9a8bfeb.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade inl\u00e4gg med miniatyrbild p\u00e5 din WordPress-webbplats\" ><\/a><\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/visa-inlagg-fran-specifik-kategori-pa-en-wordpress-sida\/\" title=\"Visa inl\u00e4gg fr\u00e5n specifik kategori p\u00e5 en WordPress-sida\">Visa inl\u00e4gg fr\u00e5n specifik kategori p\u00e5 en WordPress-sida<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-murlayoutlayout-i-wordpress\/\" title=\"S\u00e5 h\u00e4r l\u00e4gger du till en murlayoutlayout i WordPress\">S\u00e5 h\u00e4r l\u00e4gger du till en murlayoutlayout i WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vill du visa relaterat inl\u00e4gg med miniatyr p\u00e5 ditt WordPress-inl\u00e4gg? I den h\u00e4r artikeln studerar vi hur man g\u00f6r detta med relaterade inl\u00e4gg av Bibblio.<\/p>\n","protected":false},"author":1,"featured_media":20723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[418,614],"tags":[850],"class_list":["post-27394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=27394"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27394\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/20723"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=27394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=27394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=27394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}