Har du någonsin stött på en webbplats som har anpassade former för sina användares Avatars eller Gravatars? Vill du lägga till samma stil på din site? Tidigare har vi skrivit om hur man addar runda avatarer med CSS, men det är obligatoriskt att tweaka koden. I den här artikeln kommer vi att visa dig hur du ändrar formen på användarnas avatarer i WordPress utan HTML eller CSS.
Tutorial i video
Om du inte gillar videoklippet eller behöver fler instruktioner, fortsätt då att läsa.
Det första du behöver göra är att installera och aktivera Avatar Shaper plugin.
När du har aktiverat pluginet måste du gå till Settings ” Avatar Sh aper för att konfigurera inställningarna.
Pluginet kommer med 10 inbyggda former som du kan använda för dina Gravatar images. Du kan se en live preview av varje form genom att clicka på knappen select shape.
Avatar shaper kommer med följande former: böjd square, cirkel, pentagon, hexagon, nonagon, heptagon, diamant, burst, och hjärtformade avatarer.
You can customize the styles by changing the radius settings, adding or removing shadow, modifying the shadow color, and removing the gloss optin from each of these pre-defined shapes.
Om du inte vill använda någon av dessa kan du alltid klicka på Custom och skapa din egen anpassade form. När du skapar en customize-form kan du justera kantradien efter eget tycke och smak.
Om du är en avancerad användare och vill lägga till ändrade avatarer manuellt kan du markera kryssrutan för den anpassade metoden. Genom att använda custom-metoden kan du manuellt lägga till taggen avatar_shaper()
template i ditt theme där du vill visa customize-avatarer. Beginnare kan säkert ignorera den här inställningen.
När du är klar med att välja form för dina avatarer kan du trycka på knappen save changes för att store dina inställningar.
Det var allt. You can now visit your website and see the avatar shapes in action.
Vi hoppas att den här artikeln hjälpte dig att ändra formen på användarnas avatarer i WordPress. Du kanske också vill kontrollera denna tutorial om hur du lägger till nya standard avatarer i WordPress.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Google+.
Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.