{"id":771498,"date":"2023-10-29T00:48:02","date_gmt":"2023-10-29T06:48:02","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/"},"modified":"2023-10-29T00:48:02","modified_gmt":"2023-10-29T06:48:02","slug":"lagg-till-gravatar-support-till-dina-wordpress-kommentarer","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/","title":{"rendered":"L\u00e4gg till Gravatar Support till dina WordPress-kommentarer"},"content":{"rendered":"<p>Efter att n\u00e5gra olika personer beg\u00e4rt Gravatar-support i kommentarerna f\u00f6r det popul\u00e4ra Choice WordPress-temat, best\u00e4mde jag mig f\u00f6r att ta en n\u00e4rmare titt.  Jag hittade det h\u00e4r fantastiska inl\u00e4gget fr\u00e5n HackWordPress som ger dig ett litet kodavsnitt f\u00f6r att l\u00e4gga till Gravatars i din kommentarslinga.  Sedan dess har jag lagt till Gravatar-st\u00f6d till alla teman h\u00e4r, bara f\u00f6r att det \u00e4r s\u00e5 enkelt att g\u00f6ra.  I den h\u00e4r guiden ska jag visa dig hur jag integrerar Gravatars i teman.<\/p>\n<p>Innan du forts\u00e4tter, f\u00f6rst\u00e5 att den h\u00e4r guiden endast \u00e4r skriven f\u00f6r WordPress 2.5 och senare.  Den reviderade koden fungerar inte p\u00e5 \u00e4ldre versioner.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Gravatarkoden\"><\/span>Gravatarkoden<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Att helt enkelt skriva in f\u00f6ljande kod i din kommentarslinga kommer att fungera, men det kommer f\u00f6rmodligen inte att se s\u00e4rskilt bra ut som det \u00e4r.<\/p>\n<p>I grund och botten kommer den h\u00e4r koden att kontrollera om du har (inbyggd i WordPress 2.5), och sedan visa kommentatorns avatar i en 50px-ruta.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Anvand_en_linjal\"><\/span>Anv\u00e4nd en linjal<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om du vill se till att dina Gravatars har r\u00e4tt storlek rekommenderar jag till\u00e4gget MeasureIt Firefox.  Detta hj\u00e4lper dig att m\u00e4ta ett omr\u00e5de p\u00e5 ditt \u00e4mne f\u00f6r att best\u00e4mma en bra storlek f\u00f6r Gravatars.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Var_ska_man_lagga_koden\"><\/span>Var ska man l\u00e4gga koden?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>N\u00e4r det g\u00e4ller val, fann jag att 40 var en bra storlek.  S\u00e5 exakt var lade jag den h\u00e4r koden?<\/p>\n<p>Var som helst inom y (kommentarslingan) kommer att fungera.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Designa_dina_gravatarer\"><\/span>Designa dina gravatarer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>N\u00e4r du v\u00e4l har visat Gravatars i din kommentarsmall, kommer du antagligen vilja styla dem ocks\u00e5.  Du kommer att m\u00e4rka att Gravatar-koden spottar ut klassen &#8220;avatar&#8221; p\u00e5 varje bild.  L\u00e5t oss l\u00e4gga till en rad i CSS-formatmallen f\u00f6r att flytta den till v\u00e4nster och l\u00e4gga till en liten h\u00f6germarginal.<\/p>\n<p>img.avatar { flyta: v\u00e4nster;  h\u00f6germarginal: 5px;}<\/p>\n<p>D\u00e4r har du det, du har snygga, perfekt storlek och snygga Gravatars.  Naturligtvis kommer teman att vara olika, du kan designa dem som du vill.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Slutsats\"><\/span>Slutsats<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Kom ih\u00e5g att den h\u00e4r koden bara fungerar p\u00e5 WordPress 2.5 och senare.  Den villkorliga taggen kommer att f\u00f6rhindra att ditt tema g\u00e5r s\u00f6nder, men ingenting kommer att visas i \u00e4ldre versioner.  Mer information om andra metoder f\u00f6r att anv\u00e4nda Gravatars finns i WordPress Codex.<\/p>\n<p>Om du bara l\u00e4st hela den h\u00e4r artikeln och inte har n\u00e5gon aning om vad en Gravatar \u00e4r, f\u00f6resl\u00e5r jag att du l\u00e4ser den h\u00e4r f\u00f6rsta fr\u00e5n Lorelle p\u00e5 WordPress.  G\u00e5 \u00f6ver grunderna f\u00f6r hur du skaffar din egen Gravatar genom att registrera dig p\u00e5 Gravatar.com och \u00e4ven anv\u00e4nda Gravatars p\u00e5 \u00e4ldre versioner av WordPress med plugins.<\/p>\n<p>Inte bara kan Gravatars anv\u00e4ndas f\u00f6r kommentarer, utan de kan ocks\u00e5 l\u00e4ggas till f\u00f6rfattarens individuella inl\u00e4gg.<\/p>\n<p>Om du gillade artikeln f\u00e5r du g\u00e4rna kommentera och dela den.  Jag skulle vilja h\u00f6ra dina tankar.  Prenumerera p\u00e5 fl\u00f6det f\u00f6r att f\u00e5 de senaste uppdateringarna fr\u00e5n Theme Lab.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/#Gravatarkoden\" >Gravatarkoden<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/#Anvand_en_linjal\" >Anv\u00e4nd en linjal<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/#Var_ska_man_lagga_koden\" >Var ska man l\u00e4gga koden?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/#Designa_dina_gravatarer\" >Designa dina gravatarer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/sw\/lagg-till-gravatar-support-till-dina-wordpress-kommentarer\/#Slutsats\" >Slutsats<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Efter att n\u00e5gra olika personer beg\u00e4rt Gravatar-support i kommentarerna f\u00f6r det popul\u00e4ra Choice WordPress-temat, best\u00e4mde jag mig f\u00f6r att ta en n\u00e4rmare titt. Jag hittade det h\u00e4r fantastiska inl\u00e4gget fr\u00e5n HackWordPress som ger dig ett litet kodavsnitt f\u00f6r att l\u00e4gga till Gravatars i din kommentarslinga. Sedan dess har jag lagt till Gravatar-st\u00f6d till alla teman [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":771499,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/16.png","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-771498","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/771498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=771498"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/771498\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/771499"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=771498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=771498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=771498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}