Hoe afbeeldingen Side-by-Side uitlijnen in WordPress
Beelduitlijning is een constante strijd voor de WordPress blogger.
dit bericht is voor iedereen die meer tijd heeft besteed dan ze zouden willen om toe te geven geknoei met beelduitlijning en positionering in de editor.
de twee beste methoden om afbeeldingen uit te lijnen
er zijn twee technieken die u moet overwegen om afbeeldingen naast elkaar te plaatsen. Ik zal delen hoe je elk te gebruiken, evenals de voors en tegens opgenomen.
afbeeldingen uitlijnen met een galerij
de meest betrouwbare methode om afbeeldingen naast elkaar te plaatsen is het gebruik van een WordPress-galerij.
als u nog nooit een galerij hebt gemaakt, volg dan deze tutorial over het maken van galerijen.
de truc is om een middelgrote versie van de afbeeldingen te gebruiken en twee kolommen te kiezen, zelfs als u slechts twee afbeeldingen bevat. Het resultaat zal er ongeveer zo uitzien:
in tegenstelling tot afbeeldingen die u in uw bericht plaatst, hebben galerijen een speciale HTML die de afbeeldingen naast elkaar houdt. Deze structuur maakt het makkelijker en minder gedoe om de afbeeldingen uit te lijnen in rijen/kolommen.
plaats afbeeldingen met kolom Shortcodes
Als u het niet erg vindt om een nieuwe plugin toe te voegen aan uw site, kolom Shortcodes is een geweldige oplossing voor het uitlijnen van afbeeldingen.
Column Shortcodes is een van die geweldige plugins die uw site niet vullen met nieuwe menu ‘ s. In feite, het enige wat het toevoegt aan uw admin dashboard is deze handige knop boven de editor.
om te laten zien hoe het werkt, zal ik een enkele rij van drie afbeeldingen maken.
Hoe gebruik je kolom Shortcodes
de eerste stap is om je cursor op een lege regel in de editor te plaatsen. Klik vervolgens op de shortcode knop en selecteer een kolom optie.
herhaal deze stap om een tweede kolom van 1/3 toe te voegen en herhaal deze nogmaals, maar deze keer met de optie een derde (laatste). Het resultaat is de volgende shortcodes toegevoegd aan de editor.
als u nog nooit shortcodes hebt gebruikt, kunt u deze tutorial eerst volgen.
zoals u kunt zien, heeft elke shortcode een openings-en sluittag. Nu kun je een afbeelding in elke shortcode plaatsen, zoals dit:
zien eruit als een puinhoop, nietwaar?
dat komt omdat de shortcodes de afbeeldingen niet kunnen stylen in de editor, maar het is geen probleem. Zodra je ze op de site bekijkt, zullen ze netjes uitgelijnd worden in kolommen, zoals deze:
kolom Shortcodes worden geplaatst vergeleken met galeries
terwijl de shortcodes niet mooi worden weergegeven in de editor zoals galeries en een grotere uitdaging kunnen zijn om mee te werken, krijgt u ook iets meer controle. Bijvoorbeeld, galerijen dwingen alle afbeeldingen om te linken naar:
- mediabestand
- Bijlagepagina
- niets
met de columns-plugin kunnen afbeeldingen aangepaste URL ‘ s hebben en elke link naar een ander type pagina.
u kunt ook de kolommen mixen en matchen. U kunt bijvoorbeeld een afbeelding in een 2/3 shortcode naast een afbeelding met een 1/3 kolom shortcode plaatsen.
waarom u geen uitlijningsopties
zou moeten gebruiken deze methoden zullen de gewenste lay-outs produceren zonder alle hoofdpijn.
WordPress-galerijen zijn de eenvoudigste en gemakkelijkste manier om afbeeldingen op een rij uit te lijnen. Echter, kolom Shortcodes is een goed alternatief dat meer flexibiliteit biedt.
ze werken allebei zo goed omdat ze afbeeldingen in een nieuwe HTML-structuur plaatsen. De HTML maakt het mogelijk om een side-by-side lay-out te behouden, ongeacht het scherm dat wordt gebruikt om ze te bekijken.
is er iets wat ik gemist heb? Heb je nog vragen? Post een reactie hieronder.
Leave a Reply