{"id":369400,"date":"2023-04-05T17:10:00","date_gmt":"2023-04-05T14:10:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369400"},"modified":"2023-04-05T17:10:06","modified_gmt":"2023-04-05T14:10:06","slug":"en-komplett-guide-till-wordpress-social-icons-widget","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/en-komplett-guide-till-wordpress-social-icons-widget\/","title":{"rendered":"En komplett guide till WordPress Social Icons Widget"},"content":{"rendered":"\n<p>Sociala ikoner \u00e4r en viktig del av alla webbplatser. Det spelar ingen roll vilken typ av webbplats det \u00e4r \u2013 <strong>om du har profiler p\u00e5 sociala medier m\u00e5ste de absolut vara l\u00e4nkade till din webbplats<\/strong>. Det \u00e4r en av de gyllene reglerna f\u00f6r att \u00f6verleva online nuf\u00f6rtiden och bygga upp ditt varum\u00e4rke.<\/p>\n<p>Huvudsyftet med <strong>sociala ikoner \u00e4r att hj\u00e4lpa dig att snabbt f\u00e5 kontakt med dina bes\u00f6kare<\/strong>. I denna tid verkar det som att alla \u00e4r online, p\u00e5 den ena eller den andra sociala medieplattformen.<\/p>\n<p>Det \u00e4r viktigt att komma ih\u00e5g att m\u00e5nga g\u00e5nger vill folk inte bry sig om att faktiskt g\u00e5 in p\u00e5 en webbplats. Ist\u00e4llet f\u00f6ljer de ett varum\u00e4rke p\u00e5 dess sociala mediesida och f\u00e5r deras uppdateringar, nyheter och information d\u00e4rifr\u00e5n.<\/p>\n<p>Det \u00e4r d\u00e4rf\u00f6r det \u00e4r viktigt f\u00f6r varje f\u00f6retag att ha en stark n\u00e4rvaro p\u00e5 sociala medier och att regelbundet uppdatera profilen med information som h\u00e4mtas fr\u00e5n webbplatsen.<\/p>\n<p>Naturligtvis beh\u00f6ver du en stark anh\u00e4ngarbas och ett av s\u00e4tten att g\u00f6ra det \u00e4r att l\u00e4gga till sociala ikoner p\u00e5 din webbplats. Genom att klicka p\u00e5 dessa ikoner omdirigeras bes\u00f6kare till din sociala medieprofil, d\u00e4r de kan bli dina f\u00f6ljare. De kommer alltid att vara uppdaterade med dina inl\u00e4gg och nyheter, vilket kommer att vara mycket f\u00f6rdelaktigt f\u00f6r ditt varum\u00e4rke.<\/p>\n<p>Du kan antingen anv\u00e4nda plugins f\u00f6r att l\u00e4gga till sociala ikoner och koppla dem till dina sociala medier, eller <a href=\"https:\/\/themewp.inform.click\/sv\/10-gratis-sociala-medier-ikoner-for-din-webbplats\/\" title=\"ladda ner sociala medieikoner gratis\">ladda ner sociala medieikoner gratis<\/a>, l\u00e4gga till dem i ditt inneh\u00e5ll och l\u00e4nka till \u00f6nskad plattform.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/TI1Z-eVd7Gk\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Widget-plugin f\u00f6r sociala ikoner<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53cec4223.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53cec4223.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/social-icons-widget-by-wpzoom\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Social Icons Widget<\/a> \u00e4r ett utm\u00e4rkt s\u00e4tt att l\u00e4gga till sociala ikoner p\u00e5 din webbplats. Detta plugin f\u00f6r sociala ikoner l\u00e5ter dig <strong>l\u00e4gga till snabbl\u00e4nkar till alla dina sociala profiler p\u00e5 nolltid<\/strong>, plus att det inte kr\u00e4ver n\u00e5gon speciell kunskap. Du beh\u00f6ver inte veta hur man kodar, det r\u00e4cker med en grundl\u00e4ggande niv\u00e5 av datorkunskaper.<\/p>\n<p>Detta plugin f\u00f6r sociala ikoner <strong>l\u00e4gger till snabbl\u00e4nkar eller ikoner var du vill p\u00e5 din webbplats<\/strong>, som dina bes\u00f6kare kan anv\u00e4nda f\u00f6r att komma \u00e5t dina sociala medieprofiler.<\/p>\n<p>Denna livr\u00e4ddande plugin st\u00f6der \u00f6ver 80 sociala n\u00e4tverk. Vi sl\u00e5r vad om att du inte ens visste att det fanns s\u00e5 m\u00e5nga av dem, eller hur? Tja, Social Icons Widget st\u00f6der dem alla.<\/p>\n<p>Dessutom kan du ordna om och sortera ikonerna genom att dra och sl\u00e4ppa, <strong>anv\u00e4nda en av de m\u00e5nga tillg\u00e4ngliga stilarna och anpassa ikonerna<\/strong>. F\u00e4rgv\u00e4ljaren har nyligen gjorts tillg\u00e4nglig, s\u00e5 du kan \u00e4ndra ikonf\u00e4rg till vad du vill.<\/p>\n<p>Retina-f\u00e4rdiga ikoner, FontAwesome-integration och st\u00f6d f\u00f6r Skype, Viber och WhatsApp \u00e4r andra funktioner som skiljer denna plugin fr\u00e5n de andra.<\/p>\n<p>N\u00e4r det g\u00e4ller den faktiska anv\u00e4ndningen av de sociala ikonerna kan du <strong>placera dem i <a href=\"https:\/\/themewp.inform.click\/sv\/vad-ar-wordpress-sidebar-och-hur-man-skapar-det\/\" title=\"sidof\u00e4ltet\">sidof\u00e4ltet<\/a>, <a href=\"https:\/\/themewp.inform.click\/sv\/vad-ar-sidfot-och-hur-man-lagger-till-det-i-wordpress\/\" title=\"sidfoten\">sidfoten<\/a> eller n\u00e5gon av sidorna p\u00e5 din webbplats<\/strong>. Valet \u00e4r ditt. Dessutom uppdateras plugin regelbundet med nya funktioner och nya ikoner l\u00e4ggs till hela tiden.<\/p>\n<p>Beroende p\u00e5 din kunskap kan du st\u00e4lla in wp social icons widget genom att anv\u00e4nda olika inst\u00e4llningsalternativ. Nedan kan du kolla in en guide f\u00f6r b\u00e5de nyb\u00f6rjare och proffs eller l\u00e4ra dig hur du l\u00e4gger till sociala ikoner p\u00e5 dina sidor.<\/p>\n<h2>Grundinst\u00e4llningar f\u00f6r nyb\u00f6rjare<\/h2>\n<p>Efter installationen av plugin-programmet visas en ny widget. Dra den till \u00f6nskat omr\u00e5de och det \u00e4r redan halva jobbet gjort!<\/p>\n<p>Dessutom, om du f\u00f6redrar att \u00f6vervaka \u00e4ndringarna du g\u00f6r i samma f\u00f6nster, kan du redigera dina widgets fr\u00e5n Utseende &gt; Anpassa &gt; Widgets, precis som du g\u00f6r f\u00f6r <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-wordpress-widgets-pa-din-webbplats\/\" title=\"att l\u00e4gga till och redigera alla dina andra widgets\">att l\u00e4gga till och redigera alla dina andra widgets<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d1e00ce.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d1e00ce.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Social Icons Widget \u00e4r ett <strong>mycket anv\u00e4ndarv\u00e4nligt plugin<\/strong>. Det \u00e4r enkelt att st\u00e4lla in fr\u00e5n backend och att anpassa det efter dina behov.<\/p>\n<p>Det f\u00f6rsta du vill g\u00f6ra med ditt helt nya plugin f\u00f6r sociala ikoner \u00e4r att <strong>l\u00e4gga till l\u00e4nkar till dina sociala medieprofiler<\/strong> :<\/p>\n<ul>\n<li>Skriv in eller klistra in dina l\u00e4nkar<\/li>\n<li>N\u00e4r du har infogat adressen <strong>visas motsvarande sociala ikon<\/strong>. Detta g\u00e4ller dock de st\u00f6rsta och mest anv\u00e4nda sociala n\u00e4tverken. Som vi sa tidigare st\u00f6der Social Icons Widget mer \u00e4n 80 sociala medieplattformar och f\u00f6r vissa av dem visas ikonen inte automatiskt.<\/li>\n<li>F\u00f6r att <strong>l\u00e4gga till en l\u00e4nk f\u00f6r din e-post<\/strong>, se till att den \u00e4r i f\u00f6ljande format: mailto: dinmail@example.com.<\/li>\n<li>F\u00f6r <strong>att \u00e4ndra ordningen p\u00e5 ikonerna<\/strong> anv\u00e4nder du pilarna bredvid var och en av dem.<\/li>\n<li>Anv\u00e4nd papperskorgen till h\u00f6ger f\u00f6r att <strong>radera \u00e4ndringar om du g\u00f6r ett misstag .<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d582af0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d582af0.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<ul>\n<li>Genom att klicka p\u00e5 ikonen \u00f6ppnas ett f\u00e4lt d\u00e4r du kan <strong>v\u00e4lja den ikon du vill anv\u00e4nda<\/strong>. Insticksprogrammet i sig f\u00f6resl\u00e5r en ikon, men du beh\u00f6ver naturligtvis inte g\u00e5 med p\u00e5 det f\u00f6rslaget.<\/li>\n<li>En annan sak du kan v\u00e4lja \u00e4r <strong>f\u00e4rgen p\u00e5 ikonen och sv\u00e4varen<\/strong>, samt v\u00e4lja ett av flera olika ikontypsnitt.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d9c65f9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d9c65f9.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Till skillnad fr\u00e5n dessa inst\u00e4llningar, d\u00e4r vi g\u00f6r \u00e4ndringar av varje enskild ikon, finns det ocks\u00e5 allm\u00e4nna inst\u00e4llningar. <strong>Allm\u00e4nna inst\u00e4llningar g\u00e4ller f\u00f6r alla sociala ikoner vi anv\u00e4nder<\/strong> och de \u00e4r anv\u00e4ndbara n\u00e4r vi vill g\u00f6ra \u00e4ndringar i alla samtidigt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dce59f4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dce59f4.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>I f\u00f6ljande f\u00e4lt f\u00e5r du <strong>l\u00e4gga till en titel till din sociala ikon-widget, samt en beskrivning<\/strong> som ska visas ovan. Du kan anv\u00e4nda grundl\u00e4ggande HTML, om du vet hur.<\/p>\n<pre><code>Fresh &lt;i&gt;content&lt;\/i&gt; delivered daily, &lt;b&gt;enjoy&lt;\/b&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dfb6e31.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dfb6e31.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e23f3a9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e23f3a9.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>En bra sak med Social Icons Widget \u00e4r att den <strong>anv\u00e4nder standardteckensnittsinst\u00e4llningarna fr\u00e5n sidof\u00e4ltet<\/strong>. P\u00e5 s\u00e5 s\u00e4tt kan du vara s\u00e4ker p\u00e5 att allt kommer att st\u00e4mma \u00f6verens med resten av sidan. Utrymmet \u00e4r lite oj\u00e4mnt men det tar vi hand om senare.<\/p>\n<p>En annan mycket anv\u00e4ndbar sak som kommer med detta sociala ikonplugin \u00e4r alternativet \u00d6ppna l\u00e4nkar i ny flik och st\u00e4ller in nofollow-l\u00e4nken. F\u00f6r att till\u00e4mpa dessa, markera helt enkelt motsvarande ruta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e512bd7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e512bd7.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>N\u00e4r det g\u00e4ller Visa ikonetiketter l\u00e5ter det h\u00e4r alternativet dig <strong>st\u00e4lla in om det ska finnas n\u00e5gon slags titel bredvid ikonen<\/strong>. Det kan vara en standardtitel, om pluginet k\u00e4nner igen ikonen, som det \u00e4r fallet med Facebook-ikonen. Du kan naturligtvis l\u00e4gga till din egen titel genom att anv\u00e4nda f\u00e4ltet ovanf\u00f6r webbadressf\u00e4ltet.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e7d3a34.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e7d3a34.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>D\u00e4refter kan <strong>du st\u00e4lla in justeringen<\/strong>: Ingen, V\u00e4nster, Mitt, H\u00f6ger. Du kan ocks\u00e5 v\u00e4lja mellan tv\u00e5 tillg\u00e4ngliga ikonstilar.<\/p>\n<p>En annan sak du kan st\u00e4lla in \u00e4r <strong>ikonstorleken och ikonfyllningen<\/strong>, vilket \u00e4r stoppningen inom sj\u00e4lva ikonen \u2013 mellan symbolen och kanten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ea5edf8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ea5edf8.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>N\u00e4r det g\u00e4ller <strong>ikonbakgrundsstilen<\/strong> har du tre alternativ att v\u00e4lja mellan:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ecc99f8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ecc99f8.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<h2>Avancerade inst\u00e4llningar<\/h2>\n<p>Vi har tidigare n\u00e4mnt utrymmet, eller specifikt \u2013 utfyllnad, mellan beskrivningen och de sociala ikonerna. Om avst\u00e5ndet \u00e4r f\u00f6r litet, f\u00f6r stort eller oj\u00e4mnt kan du fixa det genom <strong>att l\u00e4gga till n\u00e5gra enkla rader med CSS<\/strong>.<\/p>\n<p>G\u00e5 till Utseende &gt; Anpassa och leta efter ytterligare CSS.<\/p>\n<p>Anv\u00e4nd v\u00e4nster sida av redigeraren f\u00f6r att l\u00e4gga till koden och f\u00f6lj live\u00e4ndringarna till h\u00f6ger. Om sidan du vill arbeta p\u00e5 inte visas i f\u00e4ltet till h\u00f6ger, anv\u00e4nd g\u00e4rna menyn f\u00f6r att navigera p\u00e5 sajten och n\u00e5 sidan i fr\u00e5ga.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53eff1a1a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53eff1a1a.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Anv\u00e4nd f\u00f6ljande kod f\u00f6r att l\u00e4gga till utfyllnad mellan beskrivningen och ikonerna:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important;}<\/code><\/pre>\n<p>Naturligtvis anv\u00e4nde vi 15px bara f\u00f6r exemplets skull. Du kan anv\u00e4nda ett annat v\u00e4rde, det som \u00e4r vettigt p\u00e5 din sida. <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-inspekterar-webbplatselement-i-din-webblasare\/\" title=\"Inspektera dina element\">Inspektera dina element<\/a> och hitta den perfekta stoppningsstorleken.<\/p>\n<p>En annan typ av avst\u00e5nd som du f\u00f6rmodligen vill ta hand om \u00e4r <strong>utrymmet framf\u00f6r raden av ikoner<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f35a86c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f35a86c.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Anv\u00e4nd f\u00f6ljande kodrad:<\/p>\n<pre><code>.zoom-social-icons-list {margin-left: 0px !important;}<\/code><\/pre>\n<p>\u00c5terigen kommer du att st\u00e4lla in ditt eget v\u00e4rde h\u00e4r, ist\u00e4llet f\u00f6r den nolla vi anv\u00e4nde i exemplet. Observera att denna och den tidigare n\u00e4mnda kodraden h\u00e4nvisar till samma .zoom-social-icons-list-klass.<\/p>\n<p>F\u00f6r att st\u00e4lla in b\u00e5da v\u00e4rdena samtidigt, ska du anv\u00e4nda den klassen och l\u00e4gga till b\u00e5da v\u00e4rdena, s\u00e5 h\u00e4r:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important; margin-left: 0px !important;}<\/code><\/pre>\n<p>Du kan ocks\u00e5 <strong>st\u00e4lla in v\u00e4rdet f\u00f6r utfyllnaden eller avst\u00e5ndet mellan sj\u00e4lva ikonerna<\/strong>. Om den aktuella stoppningen \u00e4r f\u00f6r stor eller f\u00f6r liten kan du \u00e4ndra den genom att ange f\u00f6ljande kod:<\/p>\n<pre><code>.zoom-social_icons-list__item {padding-right: 10px !important;}<\/code><\/pre>\n<p>\u00c5terigen, detta \u00e4r bara exempelv\u00e4rdena \u2013 du kommer att infoga dina egna.<\/p>\n<p>En annan sak med dina sociala ikoner som du kan anpassa \u00e4r deras kant. Till exempel kanske du vill <strong>g\u00f6ra alla dina sociala ikoner i samma f\u00e4rg med en annan f\u00e4rgad kant runt dem<\/strong>. Till exempel:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f6e2627.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f6e2627.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Detta \u00e4r faktiskt v\u00e4ldigt l\u00e4tt att g\u00f6ra. Vi har redan f\u00f6rklarat hur man g\u00f6r alla ikoner i samma f\u00e4rg. <strong>Anv\u00e4nd inspekteringsverktyget f\u00f6r att hitta din ikons klass<\/strong>. Den vi letar efter \u00e4r socicon-nameofthenetwork.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fadc926.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fadc926.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>I v\u00e5rt fall skulle koden f\u00f6r att l\u00e4gga till en kantlinje till en Facebook-ikon vara:<\/p>\n<pre><code>.socicon-facebook {border-style: solid !important; border-color:#00007f !important;}<\/code><\/pre>\n<p>Naturligtvis kommer du att v\u00e4lja din egen f\u00e4rg, och n\u00e4r det g\u00e4ller kantstilen, titta p\u00e5 CSS och du kommer att se att f\u00f6rutom &quot;solid&quot; finns det andra stilalternativ ocks\u00e5.<\/p>\n<p>D\u00e4rf\u00f6r, f\u00f6r var och en av ikonerna du vill l\u00e4gga till gr\u00e4nsen till, kommer du att l\u00e4gga till en bit kod med \u00f6nskade v\u00e4rden.<\/p>\n<h2>L\u00e4gga till sociala ikoner p\u00e5 sidor<\/h2>\n<p>Du kan anv\u00e4nda widgeten f\u00f6r att l\u00e4gga till sociala ikoner inte bara i sidof\u00e4ltet eller sidfoten, utan \u00e4ven till andra delar av webbplatsen. Faktum \u00e4r att <strong>du kan l\u00e4gga till dem p\u00e5 vilken sida<\/strong> som helst, som en del av vilket sidinneh\u00e5ll som helst.<\/p>\n<p>F\u00f6rst m\u00e5ste du installera <a href=\"https:\/\/wordpress.org\/plugins\/widget-shortcode\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widget Shortcode-<\/a> plugin:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fd5926a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fd5926a.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Denna plugin fungerar genom att infoga ett extra f\u00e4lt inom var och en av de anv\u00e4nda widgetarna, <strong>som inneh\u00e5ller kortkoden f\u00f6r widgeten i fr\u00e5ga<\/strong>. I det h\u00e4r fallet l\u00e4gger den till ett f\u00e4lt med kortkoden f\u00f6r Social Icons Widget i sj\u00e4lva widgeten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e540066061.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e540066061.jpg\" alt=\"En komplett guide till WordPress Social Icons Widget\"><\/a><\/p>\n<p>Kopiera helt enkelt <strong>koden och s\u00e4tt in den d\u00e4r du vill ha den<\/strong>. Efter det kommer dina sociala ikoner, med alla inst\u00e4llningar du gjort i widgeten, att dyka upp p\u00e5 \u00f6nskad plats.<\/p>\n<h2>Slutgiltiga tankar<\/h2>\n<p>S\u00e5 d\u00e4r har du det, ett snabbt och enkelt s\u00e4tt att l\u00e4gga till sociala ikoner p\u00e5 din webbplats. Med hj\u00e4lp av <strong>WPZOOMs utm\u00e4rkta Social Icons Widget-plugin<\/strong> kan du l\u00e4nka till alla dina sociala n\u00e4tverksprofiler p\u00e5 nolltid, s\u00e5 att dina bes\u00f6kare enkelt kan komma i kontakt med dig p\u00e5 alla sociala mediekanaler. Med allt detta i \u00e5tanke, gl\u00f6m inte att utrusta din webbplats med <a href=\"https:\/\/themewp.inform.click\/sv\/5-basta-wordpress-plugins-for-delning-av-sociala-medier-2022\/\" title=\"sociala medier som delar WordPress-plugins\">sociala medier som delar WordPress-plugins<\/a>.<\/p>\n<p>PS Vi hade nyligen en chatt med teamet p\u00e5 WPZOOM och de ber\u00e4ttade f\u00f6r oss att vi kan f\u00f6rv\u00e4nta oss massor av uppdateringar och nya funktioner f\u00f6r plugin-programmet Social Icons Widget i framtiden. S\u00e5 se till att g\u00e5 in p\u00e5 <strong><a href=\"https:\/\/www.wpzoom.com\/blog\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">deras blogg<\/a><\/strong> f\u00f6r att h\u00e5lla dig uppdaterad med alla deras senaste nyheter och releaser.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sociala ikoner-widgeten \u00e4r ett bra litet WordPress-plugin som l\u00e5ter dig l\u00e4gga till l\u00e4nkar f\u00f6r dina sociala medieprofiler med hj\u00e4lp av sociala ikoner var som helst p\u00e5 din webbplats.<\/p>\n","protected":false},"author":1,"featured_media":315724,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[574],"tags":[850],"class_list":["post-369400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/369400","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=369400"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/369400\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/315724"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=369400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=369400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=369400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}