TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur lägger jag till och anpassar sociala ikoner i WordPress?

10

WordPress har en gräns för plugin- och temautvecklare. Detta hjälper till att inte blanda ihop temafunktionerna med plugin -funktioner. Det hjälper mycket när man ändrar ett tema att det bara påverkar utseendet och inte funktionerna. Många populära teman använder dock sociala följnings- och delningsikoner som en del av temamallar. Det är också vettigt att inte installera ytterligare socialt plugin för att förbättra hastighet och integritet. Slutligen inkluderade WordPress en widget för sociala ikoner som en del av Gutenberg -redigeraren från version 5.4. i den här artikeln, låt oss utforska hur du sätter in sociala ikoner på WordPress -webbplatsen.

Relaterat: Hur infogar och anpassar jag sociala ikoner i Weebly?

Social delning och följ ikoner

Sociala ikoner har två funktioner – en tillåter användare att dela sidan och andra tillåter användare att följa dina sociala profiler. Sociala ikoner är enkla och innehåller en statisk profil -URL. Delningsikoner behöver dock lite skript för att inkludera den aktuella sidans webbadress när användaren klickar på den för delning. Det måste också hämta den presenterade bilden och beskrivningen för att skapa en widget för delning (som öppen graf i Facebook eller Twitter -kort ).

Nu vet du skillnaden mellan att dela och följa sociala ikoner. Ur användarvänlighetens perspektiv bör delningsikoner vara på samma plats i webbplatsens layout medan följningsikonerna måste vara en widget som användaren kan infoga var de vill.

Infoga sociala ikoner i WordPress

WordPress introducerade en Social Icons -widget i version 5.4. Namnet "Sociala ikoner" kan dock förvirra dig. Det är ett enkelt block av sociala följikoner som du kan infoga var som helst på ditt inlägg eller på sidan och lägga till dina sociala profiladresser.

  • Se till att först uppdatera din WordPress -version till 5.4 eller senare och använda Gutenberg -editor eller plugin.
  • När du är i Gutenberg -redigeraren klickar du på "Lägg till block" + -ikonen.
  • Skriv "social" och hitta blocket "Sociala ikoner" under avsnittet "Widgets".
  • Klicka på blocket "Sociala ikoner" för att infoga ditt innehåll.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Infoga sociala ikoner i WordPress

Anpassa widgets för sociala ikoner i Gutenberg

Som standard kommer blocket "Sociala ikoner" att visa få ikoner med WordPress -ikonen som första.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Sociala ikoner blockerar i Gutenberg

Du kan anpassa ikonerna som alla andra Gutenberg -block.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Anpassa blockering av sociala ikoner i WordPress

  • Klicka på ikonen för att lägga till din sociala profillänk för den ikonen.
  • Du kan ändra etiketten i sidofältet "Blockera" inställningar. Etiketten är användbar för visuellt utmanade personer att använda i skärmläsaren.
  • Du kan lägga till anpassad CSS -klass under alternativet "Avancerat".
  • Flytta pilen i blocket för att flytta den markerade ikonen åt vänster eller höger. På så sätt kan du justera positionen för ikonerna som du vill.

När du klickar utanför blocket kommer endast ikonerna med webbadressen att synas. Du kan lägga till ytterligare ikoner genom att klicka på + -knappen i blocken för sociala ikoner. Det fungerar som ett block inuti ett block (som kolumnerblock). Det låter dig också söka på den sociala ikonen bland de tillgängliga ikonerna.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Sök sociala block

Dessutom kan du också infoga anpassade länkar med blocket "Länk". Eftersom varje ikon är ett block kan du ta bort oanvända sociala ikoner från widgeten. Vi rekommenderar att du tar bort oanvända ikoner för att hålla backendkoden ren.

Byt display

När du är klar med att lägga till profillänkar har du möjlighet att justera ikonerna till vänster, höger eller i mitten. Dessutom kan du ändra ikonstilen genom att välja ett av de tillgängliga alternativen.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Ändra stil för sociala ikoner

Nuvarande sociala ikoner -widget har tre stilar:

  • Standard – ikon i en fylld cirkel
  • Endast logotyper – visar bara märkeslogotyp utan fyllning
  • Pillform – ändra stilen till oval piller dela med ikoner och fyll

Vi hoppas att det i framtiden kommer fler alternativ för att styla dina ikoner.

Återanvända sociala ikoner

Det bästa är att du kan klicka på de tre prickarna och inkludera de sociala ikonerna som ska inkluderas i "Återanvändbara block".

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Lägg till i återanvändbara block

Du kan infoga blocket för återanvändbara sociala ikoner var som helst på din webbplats utan att behöva återskapa varje gång.

Fel i visning av HTML -kod

För närvarande kan du inte få HTML -koden för den sociala widgeten och det visar ett olöst fel.

  • Klicka på ikonen för inställningar med tre prickar i blocket sociala ikoner och välj "Redigera som HTML".
  • Klicka igen på knappen med tre prickar och välj "Redigera visuellt" för att sätta tillbaka ikonerna visuellt.

Tyvärr har blocket en viss bugg och visar dig ogiltigt innehållsfel när du växlar HTML och visuella lägen.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Sociala ikoner blockerar fel

Vi ser inte heller någon möjlighet att lösa felet och ta tillbaka blocket.

Hur lägger jag till och anpassar sociala ikoner i WordPress?

Fel vid växling mellan HTML och Visual Code

Vi hoppas att detta fel kommer att lösas i framtida versioner. Eftersom du kan använda HTML i sidofältet eller sidfoten widget om det fungerar.

Infoga ikoner för social delning

WordPress har inga standardalternativ för att infoga ikoner för social delning på din webbplats. Om ditt tema inte har inbyggda delningsikoner är det enda sättet att leta efter plugins från tredje part och du har gott om gratis såväl som premium. En av våra favoriter är de enkla sociala delningsknapparna som du kan köpa $ 22. Om du vill installera ett gratis plugin, kolla in den här listan över gratis sociala plugins för att hitta en lämplig för dig.

Som nämnts är det inte meningsfullt att ha socialt delningsblock i Gutenberg eftersom det inte är bekvämt att infoga ikonerna på varje inlägg.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer