Randen om afbeeldingen toevoegen met CSS in WordPress
Dan zullen we zien hoe randen rond afbeeldingen toe te voegen met CSS in WordPress op een vrij eenvoudige manier en vooral in zeer weinig stappen.
Inzoomen op afbeeldingen of voeg toe randen kunnen behoorlijk elegant zijn, afhankelijk van het ontwerp van de blog en de redenen waarom we deze nodig hebben. Wil je een specifieke afbeelding uitlichten? Wat de reden ook is, plaats twee afbeeldingen bij elkaar en het toevoegen van randen aan een afbeelding in WordPress is eigenlijk een te eenvoudig proces dat u in een paar stappen kunt doen.
Hiervoor hebben we een plug-in nodig, omdat het ons leven aanzienlijk gemakkelijker maakt. Meer dan wat dan ook voor mensen die niet veel weten over CCS en iets sneller willen. Deze plug-in heeft de mogelijkheid om voeg CCS-randen toe aan de afbeeldingen die u kiest of rechtstreeks aan alle afbeeldingen die u naar uw blog hebt geüpload .
Deze tutorial is verdeeld in twee delen, het is vrij eenvoudig om te doen en in een zeer korte tijd zul je in staat zijn om maak een afbeeldingengalerij of voeg zonder problemen aangepaste randen toe aan foto's die u uploadt naar uw blog. Het heeft ook een andere optie, zodat je automatisch randen kunt toevoegen aan alle afbeeldingen die je uploadt en eerder naar de blog hebt geüpload.
Randen toevoegen aan een afbeelding in WordPress
- Het eerste wat je nodig hebt is: download en activeer de plug-in Wp Image Borders die u vanuit hetzelfde WordPress-paneel kunt doen.
- Deze plug-in is erg handig voor het toevoegen van randen aan alle afbeeldingen die u naar WordPress uploadt.
- De eerste optie die we vinden door te gaan naar Instellingen> WP Afbeeldingsranden . Hierdoor kunnen we de optie "Randen toevoegen aan alle afbeeldingen in blogberichten" selecteren. Dit is precies zo dat alle afbeeldingen op je blog randen hebben.
- Als je er maar een paar met randen wilt, moet je er een specifieke CCS voor toevoegen. Zo kunnen we bellen zei CCS » randen-img ", bijvoorbeeld.
- U kunt ook schaduwen toevoegen aan de randen van afbeeldingen die u uploadt naar WordPress. Evenzo is de gemakkelijkste en vooral automatische optie precies om de eerste optie te selecteren om randen toe te voegen aan alle afbeeldingen die u op uw blog hebt.
- Echter, als je eenmaal hebt de specifieke CCS in deze plug-in geconfigureerd , zullen we zien hoe u dit afzonderlijk kunt toevoegen aan elk van de foto's die u naar uw blog uploadt.
Randen toevoegen aan een afbeelding met CSS in WordPress
- Om met CSS randen rond een afbeelding toe te voegen, moet u WordPress vertellen dat de afbeelding randen moet hebben.
- Daarvoor moeten we de betreffende afbeelding downloaden en deze vervolgens aan het bericht toevoegen zoals we dat gewoonlijk zouden doen.
- Daarna moeten we via de visuele editor op de afbeelding klikken en vervolgens op de bouton » modifier Wat we kunnen zien in het kleine menu dat verschijnt elke keer dat we op de betreffende afbeelding klikken.
- Hierdoor wordt een venster geopend waarin we de details van de afbeelding kunnen zien en deze kunnen bewerken zoals we willen.
- Hier moeten we op "Geavanceerde opties" klikken om meer opties te laten verschijnen.
- Daarna moeten we de CSS-klasse van de betreffende afbeelding invoeren.
- Hier moet u toevoegen " CSS-klasseafbeelding "Border-img en je bent klaar.
Zoals u kunt zien, is het uiterst eenvoudig om snel te leren hoe u randen rond afbeeldingen kunt toevoegen met CSS in WordPress. Als u echter nog steeds twijfelt, onthoud dan dat we, zoals altijd, zeer bereid zijn u te helpen met alles wat u nodig heeft. En je kunt ook naar de officiële website gaan voor: check de plannen dat hij je voorstelt.
