{"id":369474,"date":"2023-04-05T16:41:00","date_gmt":"2023-04-05T13:41:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369474"},"modified":"2023-04-05T16:41:03","modified_gmt":"2023-04-05T13:41:03","slug":"taydellinen-opas-wordpressin-sosiaalisten-kuvakkeiden-widgetiin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/taydellinen-opas-wordpressin-sosiaalisten-kuvakkeiden-widgetiin\/","title":{"rendered":"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin"},"content":{"rendered":"\n<p>Sosiaaliset kuvakkeet ovat olennainen osa mit\u00e4 tahansa verkkosivustoa. Sill\u00e4 ei ole v\u00e4li\u00e4, millainen verkkosivusto se on \u2013 <strong>jos sinulla on sosiaalisen median profiileja, ne on ehdottomasti linkitett\u00e4v\u00e4 sivustoosi<\/strong>. Se on yksi kultaisista s\u00e4\u00e4nn\u00f6ist\u00e4 selviyty\u00e4 verkossa nyky\u00e4\u00e4n ja rakentaa br\u00e4ndi\u00e4si.<\/p>\n<p>Sosiaalisten kuvakkeiden p\u00e4\u00e4tarkoitus <strong>on auttaa sinua saamaan yhteyden vierailijoihin nopeasti<\/strong>. Nyky\u00e4\u00e4n n\u00e4ytt\u00e4\u00e4 silt\u00e4, \u200b\u200b\u200b\u200bett\u00e4 kaikki ovat verkossa, sosiaalisen median alustalla tai toisella.<\/p>\n<p>On t\u00e4rke\u00e4\u00e4 muistaa, ett\u00e4 ihmiset eiv\u00e4t usein halua vaivautua siirtym\u00e4\u00e4n verkkosivustolle. Sen sijaan he seuraavat br\u00e4ndi\u00e4 sen sosiaalisen median sivulla ja saavat sielt\u00e4 p\u00e4ivitykset, uutiset ja tiedot.<\/p>\n<p>Siksi jokaiselle yritykselle on elint\u00e4rke\u00e4\u00e4 olla vahva sosiaalisessa mediassa ja p\u00e4ivitt\u00e4\u00e4 profiilia s\u00e4\u00e4nn\u00f6llisesti verkkosivuilta haetulla tiedolla.<\/p>\n<p>Tietenkin tarvitset vahvan seuraajapohjan, ja yksi tapa tehd\u00e4 niin on lis\u00e4t\u00e4 sosiaalisia kuvakkeita sivustollesi. Napsauttamalla n\u00e4it\u00e4 kuvakkeita vierailijat ohjataan sosiaalisen median profiiliisi, jossa heist\u00e4 voi tulla seuraajiasi. He ovat aina ajan tasalla viesteist\u00e4si ja uutisistasi, mik\u00e4 on eritt\u00e4in hy\u00f6dyllist\u00e4 br\u00e4ndillesi.<\/p>\n<p>Voit joko lis\u00e4t\u00e4 sosiaalisen median kuvakkeita ja yhdist\u00e4\u00e4 ne sosiaaliseen mediaasi lis\u00e4osien avulla tai <a href=\"https:\/\/themewp.inform.click\/fi\/yli-10-ilmaista-sosiaalisen-median-kuvaketta-verkkosivustollesi\/\" title=\"ladata sosiaalisen median kuvakkeita ilmaiseksi\">ladata sosiaalisen median kuvakkeita ilmaiseksi<\/a>, lis\u00e4t\u00e4 ne sis\u00e4lt\u00f6\u00f6si ja linkitt\u00e4\u00e4 haluamallesi alustalle.<\/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>Social Icons Widget Plugin<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/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> on erinomainen tapa lis\u00e4t\u00e4 sosiaalisia kuvakkeita verkkosivustollesi. T\u00e4m\u00e4n sosiaalisen kuvakkeen laajennuksen avulla voit <strong>lis\u00e4t\u00e4 pikalinkkej\u00e4 kaikkiin sosiaalisiin profiileihisi hetkess\u00e4<\/strong>, eik\u00e4 se vaadi erityisi\u00e4 tietoja. Sinun ei tarvitse osata koodata, tietokonelukutaidon perustaso riitt\u00e4\u00e4.<\/p>\n<p>T\u00e4m\u00e4 sosiaalisen median kuvakelaajennus <strong>lis\u00e4\u00e4 pikalinkkej\u00e4 tai kuvakkeita haluamaasi kohtaan verkkosivustollesi<\/strong>, joita vierailijasi voivat k\u00e4ytt\u00e4\u00e4 sosiaalisen median profiileihisi.<\/p>\n<p>T\u00e4m\u00e4 hengenpelastuslaajennus tukee yli 80 sosiaalista verkostoa. Ly\u00f6n vetoa, ettet edes tiennyt, ett\u00e4 niit\u00e4 on niin paljon, eth\u00e4n? No, Social Icons Widget tukee niit\u00e4 kaikkia.<\/p>\n<p>Lis\u00e4ksi voit j\u00e4rjest\u00e4\u00e4 ja lajitella kuvakkeita vet\u00e4m\u00e4ll\u00e4 ja pudottamalla, <strong>k\u00e4ytt\u00e4\u00e4 yht\u00e4 monista k\u00e4ytett\u00e4viss\u00e4 olevista tyyleist\u00e4 ja mukauttaa kuvakkeita<\/strong>. V\u00e4rinvalitsin on \u00e4skett\u00e4in tullut saataville, joten voit muuttaa kuvakkeen v\u00e4rin haluamaksesi.<\/p>\n<p>Retina-valmiit kuvakkeet, FontAwesome-integraatio ja tuki Skypelle, Viberille ja WhatsAppille ovat muita ominaisuuksia, jotka erottavat t\u00e4m\u00e4n laajennuksen muista.<\/p>\n<p>Mit\u00e4 tulee sosiaalisten kuvakkeiden todelliseen k\u00e4ytt\u00f6\u00f6n, voit <strong>sijoittaa ne <a href=\"https:\/\/themewp.inform.click\/fi\/mika-on-wordpress-sivupalkki-ja-kuinka-se-luodaan\/\" title=\"sivupalkkiin\">sivupalkkiin<\/a>, <a href=\"https:\/\/themewp.inform.click\/fi\/mika-on-alatunniste-ja-kuinka-se-lisataan-wordpressiin\/\" title=\"alatunnisteeseen\">alatunnisteeseen<\/a> tai mille tahansa sivustosi sivulle<\/strong>. P\u00e4\u00e4t\u00f6s on sinun. Lis\u00e4ksi laajennusta p\u00e4ivitet\u00e4\u00e4n s\u00e4\u00e4nn\u00f6llisesti uusilla ominaisuuksilla ja uusia kuvakkeita lis\u00e4t\u00e4\u00e4n jatkuvasti.<\/p>\n<p>Tiet\u00e4myksest\u00e4si riippuen voit asettaa wp social icons -widgetin k\u00e4ytt\u00e4m\u00e4ll\u00e4 erilaisia \u200b\u200basetusvaihtoehtoja. Alta voit tutustua oppaaseen sek\u00e4 aloittelijoille ett\u00e4 ammattilaisille tai oppia lis\u00e4\u00e4m\u00e4\u00e4n sosiaalisia kuvakkeita sivuillesi.<\/p>\n<h2>Perusasetukset aloittelijoille<\/h2>\n<p>Kun laajennus asennetaan, uusi widget tulee n\u00e4kyviin. Ved\u00e4 se halutulle alueelle ja puolet ty\u00f6st\u00e4 on jo tehty!<\/p>\n<p>Lis\u00e4ksi, jos haluat seurata samassa ikkunassa tekemi\u00e4si muutoksia, voit muokata widgetej\u00e4si kohdasta Ulkoasu &gt; Mukauta &gt; Widgetit, aivan kuten <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-wordpress-widgeteja-sivustollesi\/\" title=\"lis\u00e4\u00e4t ja muokkaat kaikkia muita widgetej\u00e4si\">lis\u00e4\u00e4t ja muokkaat kaikkia muita widgetej\u00e4si<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Social Icons Widget on <strong>eritt\u00e4in k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen laajennus<\/strong>. Se on helppo ottaa k\u00e4ytt\u00f6\u00f6n taustaj\u00e4rjestelm\u00e4st\u00e4 ja muokata sit\u00e4 tarpeidesi mukaan.<\/p>\n<p>Ensimm\u00e4inen asia, jonka haluat tehd\u00e4 upouudella sosiaalisen median kuvakelaajennuksellasi, on <strong>lis\u00e4t\u00e4 linkkej\u00e4 sosiaalisen median profiileihisi<\/strong> :<\/p>\n<ul>\n<li>Kirjoita tai liit\u00e4 linkkisi<\/li>\n<li>Kun olet lis\u00e4nnyt osoitteen, <strong>vastaava sosiaalinen kuvake tulee n\u00e4kyviin<\/strong>. T\u00e4m\u00e4 koskee kuitenkin suurimpia ja eniten k\u00e4ytettyj\u00e4 sosiaalisia verkostoja. Kuten aiemmin totesimme, Social Icons Widget tukee yli 80 sosiaalisen median alustaa, ja joissakin niist\u00e4 kuvake ei n\u00e4y automaattisesti.<\/li>\n<li>Jos haluat <strong>lis\u00e4t\u00e4 linkin s\u00e4hk\u00f6postiisi<\/strong>, varmista, ett\u00e4 se on seuraavassa muodossa: mailto: omapostisi@esimerkki.com.<\/li>\n<li>Voit <strong>muuttaa kuvakkeiden j\u00e4rjestyst\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 kunkin kuvakkeen<\/strong> vieress\u00e4 olevia nuolia.<\/li>\n<li>Voit <strong>poistaa muutokset, jos teet virheen<\/strong>, k\u00e4yt\u00e4 oikealla olevaa roskakoria.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<ul>\n<li>Napsauttamalla kuvaketta avautuu kentt\u00e4, josta voit <strong>valita haluamasi kuvakkeen<\/strong>. Plugin itsess\u00e4\u00e4n ehdottaa kuvaketta, mutta sinun ei tietenk\u00e4\u00e4n tarvitse hyv\u00e4ksy\u00e4 t\u00e4t\u00e4 ehdotusta.<\/li>\n<li>Toinen asia, jonka voit valita, on <strong>kuvakkeen ja osoittimen v\u00e4ri<\/strong> sek\u00e4 yksi useista eri kuvakefonteista.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Toisin kuin n\u00e4iss\u00e4 asetuksissa, joissa teemme muutoksia jokaiseen yksitt\u00e4iseen kuvakkeeseen, on olemassa my\u00f6s yleisi\u00e4 asetuksia. <strong>Yleiset asetukset koskevat kaikkia k\u00e4ytt\u00e4mi\u00e4mme sosiaalisen median kuvakkeita,<\/strong> ja niist\u00e4 on hy\u00f6ty\u00e4, kun haluamme tehd\u00e4 muutoksia kaikkiin joukkoon.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Seuraavassa kent\u00e4ss\u00e4 voit <strong>lis\u00e4t\u00e4 otsikon sosiaalisten kuvakkeiden widgetille sek\u00e4 kuvauksen<\/strong>, joka n\u00e4ytet\u00e4\u00e4n yll\u00e4. Voit k\u00e4ytt\u00e4\u00e4 perus-HTML:\u00e4\u00e4, jos osaat.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Hienoa Social Icons -widgetiss\u00e4 on, ett\u00e4 se <strong>k\u00e4ytt\u00e4\u00e4 sivupalkin oletusfonttiasetuksia<\/strong>. T\u00e4ll\u00e4 tavalla voit olla varma, ett\u00e4 kaikki on yhdenmukaista muun sivun kanssa. Tila on hieman ep\u00e4tasainen, mutta huolehdimme siit\u00e4 my\u00f6hemmin.<\/p>\n<p>Toinen eritt\u00e4in hy\u00f6dyllinen asia, joka tulee t\u00e4m\u00e4n sosiaalisen kuvakkeen laajennuksen mukana, on Avaa linkit uudessa v\u00e4lilehdess\u00e4 -vaihtoehto ja nofollow-linkin asettaminen. Voit ottaa ne k\u00e4ytt\u00f6\u00f6n valitsemalla vastaavan ruudun.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Mit\u00e4 tulee N\u00e4yt\u00e4 kuvakkeen otsikot, t\u00e4ll\u00e4 asetuksella voit <strong>m\u00e4\u00e4ritt\u00e4\u00e4, n\u00e4kyyk\u00f6 kuvakkeen vieress\u00e4 jonkinlainen otsikko<\/strong>. Se voi olla oletusotsikko, jos laajennus tunnistaa kuvakkeen, kuten Facebook-kuvakkeen tapauksessa. Voit tietysti lis\u00e4t\u00e4 oman otsikon k\u00e4ytt\u00e4m\u00e4ll\u00e4 sivuston osoitekent\u00e4n yl\u00e4puolella olevaa kentt\u00e4\u00e4.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Seuraavaksi <strong>voit m\u00e4\u00e4ritt\u00e4\u00e4 kohdistuksen<\/strong>: Ei mit\u00e4\u00e4n, Vasen, Keski, Oikea. Voit my\u00f6s valita kahden k\u00e4ytett\u00e4viss\u00e4 olevan kuvaketyylin v\u00e4lill\u00e4.<\/p>\n<p>Toinen asia, jonka voit m\u00e4\u00e4ritt\u00e4\u00e4, on <strong>kuvakkeen koko ja kuvakkeen t\u00e4yte<\/strong>, joka on itse kuvakkeen sis\u00e4ll\u00e4 \u2013 symbolin ja reunuksen v\u00e4liss\u00e4.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Mit\u00e4 tulee <strong>kuvakkeen taustatyyliin<\/strong>, voit valita kolmesta vaihtoehdosta:<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<h2>Lis\u00e4asetukset<\/h2>\n<p>Olemme maininneet aiemmin kuvauksen ja sosiaalisten kuvakkeiden v\u00e4lisen tilan tai erityisesti &#8211; pehmusteen. Jos v\u00e4li on liian pieni, liian suuri tai ep\u00e4tasainen, voit korjata sen <strong>lis\u00e4\u00e4m\u00e4ll\u00e4 muutaman yksinkertaisen CSS-rivin<\/strong>.<\/p>\n<p>Siirry kohtaan Ulkoasu &gt; Mukauta ja etsi Lis\u00e4-CSS.<\/p>\n<p>K\u00e4yt\u00e4 editorin vasenta reunaa lis\u00e4t\u00e4ksesi koodi ja seuraa live-muutoksia oikealla. Jos sivu, jota haluat ty\u00f6st\u00e4\u00e4, ei n\u00e4y oikealla olevassa kent\u00e4ss\u00e4, voit k\u00e4ytt\u00e4\u00e4 valikkoa navigoidaksesi sivustolla ja p\u00e4\u00e4st\u00e4ksesi kyseiselle sivulle.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>K\u00e4yt\u00e4 seuraavaa koodia lis\u00e4t\u00e4ksesi t\u00e4ytteen kuvauksen ja kuvakkeiden v\u00e4liin:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important;}<\/code><\/pre>\n<p>Tietysti k\u00e4ytimme 15px vain esimerkin vuoksi. Voit k\u00e4ytt\u00e4\u00e4 eri arvoa, joka on j\u00e4rkev\u00e4 sivullasi. <a href=\"https:\/\/themewp.inform.click\/fi\/web-sivuston-elementtien-tarkistaminen-selaimessasi\/\" title=\"Tarkista elementit\">Tarkista elementit<\/a> ja l\u00f6yd\u00e4 t\u00e4ydellinen pehmustekoko.<\/p>\n<p>Toinen v\u00e4lily\u00f6nnist\u00e4, josta haluat todenn\u00e4k\u00f6isesti huolehtia, on <strong>kuvakerivin edess\u00e4 oleva tila<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>K\u00e4yt\u00e4 seuraavaa koodirivi\u00e4:<\/p>\n<pre><code>.zoom-social-icons-list {margin-left: 0px !important;}<\/code><\/pre>\n<p>J\u00e4lleen asetat oman arvosi t\u00e4ss\u00e4 esimerkiss\u00e4 k\u00e4ytt\u00e4m\u00e4mme nollan sijaan. Huomaa, ett\u00e4 t\u00e4m\u00e4 ja aiemmin mainittu koodirivi viittaavat samaan .zoom-social-icons-list-luokkaan.<\/p>\n<p>Jos haluat asettaa molemmat arvot samanaikaisesti, k\u00e4yt\u00e4 kyseist\u00e4 luokkaa ja lis\u00e4\u00e4 molemmat arvot seuraavasti:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important; margin-left: 0px !important;}<\/code><\/pre>\n<p>Voit my\u00f6s <strong>m\u00e4\u00e4ritt\u00e4\u00e4 t\u00e4ytteen arvon tai itse kuvakkeiden v\u00e4lisen tilan<\/strong>. Jos nykyinen t\u00e4yte on liian suuri tai liian pieni, voit muuttaa sit\u00e4 sy\u00f6tt\u00e4m\u00e4ll\u00e4 seuraavan koodin:<\/p>\n<pre><code>.zoom-social_icons-list__item {padding-right: 10px !important;}<\/code><\/pre>\n<p>J\u00e4lleen kerran, n\u00e4m\u00e4 ovat vain esimerkkiarvoja \u2013 lis\u00e4\u00e4t omasi.<\/p>\n<p>Toinen asia, jota voit muokata sosiaalisissa kuvakkeissasi, on niiden reuna. Saatat esimerkiksi haluta <strong>tehd\u00e4 kaikista sosiaalisista kuvakkeistasi samanv\u00e4risi\u00e4 ja eriv\u00e4risi\u00e4 reunuksia niiden ymp\u00e4rill\u00e4<\/strong>. Esimerkiksi:<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>T\u00e4m\u00e4 on itse asiassa eritt\u00e4in helppo tehd\u00e4. Selitimme jo, kuinka kaikki kuvakkeet tehd\u00e4\u00e4n samanv\u00e4risiksi. <strong>K\u00e4yt\u00e4 Tarkastus-ty\u00f6kalua l\u00f6yt\u00e4\u00e4ksesi kuvakkeesi luokan<\/strong>. Etsim\u00e4mme on 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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Meid\u00e4n tapauksessamme koodi reunuksen lis\u00e4\u00e4miseksi Facebook-kuvakkeeseen olisi:<\/p>\n<pre><code>.socicon-facebook {border-style: solid !important; border-color:#00007f !important;}<\/code><\/pre>\n<p>Valitset tietysti oman v\u00e4risi, ja mit\u00e4 tulee reunustyyliin, tutustu CSS:\u00e4\u00e4n ja huomaa, ett\u00e4 &#8221;solidin&quot; lis\u00e4ksi tarjolla on my\u00f6s muita tyylivaihtoehtoja.<\/p>\n<p>Siksi jokaiselle kuvakkeelle, johon haluat lis\u00e4t\u00e4 reunan, lis\u00e4\u00e4t koodin halutuilla arvoilla.<\/p>\n<h2>Sosiaalisten kuvakkeiden lis\u00e4\u00e4minen sivuille<\/h2>\n<p>Widgetin avulla voit lis\u00e4t\u00e4 sosiaalisia kuvakkeita sivupalkkiin tai alatunnisteeseen, mutta my\u00f6s muihin sivuston osiin. Itse asiassa <strong>voit lis\u00e4t\u00e4 ne mille tahansa sivulle<\/strong> osana mit\u00e4 tahansa sivun sis\u00e4lt\u00f6\u00e4.<\/p>\n<p>Ensin sinun on asennettava <a href=\"https:\/\/wordpress.org\/plugins\/widget-shortcode\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widget Shortcode<\/a> -laajennus:<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>T\u00e4m\u00e4 laajennus toimii lis\u00e4\u00e4m\u00e4ll\u00e4 jokaiseen k\u00e4ytettyyn widgetiin ylim\u00e4\u00e4r\u00e4inen kentt\u00e4, joka <strong>sis\u00e4lt\u00e4\u00e4 kyseisen widgetin lyhytkoodin<\/strong>. T\u00e4ss\u00e4 tapauksessa se lis\u00e4\u00e4 itse widgetiin kent\u00e4n Social Icons -widgetin lyhytkoodilla.<\/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=\"T\u00e4ydellinen opas WordPressin sosiaalisten kuvakkeiden widgetiin\"><\/a><\/p>\n<p>Kopioi vain <strong>koodi ja lis\u00e4\u00e4 se haluamaasi paikkaan<\/strong>. Sen j\u00e4lkeen sosiaaliset kuvakkeet ja kaikki widgetiss\u00e4 tekem\u00e4si asetukset n\u00e4kyv\u00e4t haluamassasi paikassa.<\/p>\n<h2>Lopulliset ajatukset<\/h2>\n<p>Siin\u00e4 se on nopea ja helppo tapa lis\u00e4t\u00e4 sosiaalisia kuvakkeita verkkosivustollesi. WPZOOM <strong>:n erinomaisen Social Icons Widget -laajennuksen<\/strong> avulla voit linkitt\u00e4\u00e4 kaikkiin sosiaalisen verkon profiileihisi hetkess\u00e4, jolloin vierailijasi voivat helposti ottaa sinuun yhteytt\u00e4 kaikissa sosiaalisen median kanavissa. Kun t\u00e4m\u00e4 kaikki on mieless\u00e4, \u00e4l\u00e4 unohda varustaa verkkosivustoasi <a href=\"https:\/\/themewp.inform.click\/fi\/5-parasta-sosiaalisen-median-jakamiseen-tarkoitettua-wordpress-laajennusta-2022\/\" title=\"sosiaalisen median WordPress-laajennuksilla\">sosiaalisen median WordPress-laajennuksilla<\/a>.<\/p>\n<p>PS Keskustelimme \u00e4skett\u00e4in WPZOOM-tiimin kanssa, ja he kertoivat meille, ett\u00e4 voimme odottaa paljon p\u00e4ivityksi\u00e4 ja uusia ominaisuuksia Social Icons Widget -laajennukseen tulevaisuudessa. Muista siis viritt\u00e4\u00e4 <strong><a href=\"https:\/\/www.wpzoom.com\/blog\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">heid\u00e4n bloginsa<\/a><\/strong> pysy\u00e4ksesi ajan tasalla kaikista viimeisimmist\u00e4 uutisista ja julkaisuista.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Social Icons Widget on hieno pieni WordPress-laajennus, jonka avulla voit lis\u00e4t\u00e4 linkkej\u00e4 sosiaalisen median profiileihisi k\u00e4ytt\u00e4m\u00e4ll\u00e4 sosiaalisia kuvakkeita miss\u00e4 tahansa sivustossasi.<\/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":[570],"tags":[843],"class_list":["post-369474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/369474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=369474"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/369474\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/315724"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=369474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=369474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=369474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}