Responsive weergave van 3 afbeeldingen op een rij. Op mobiel staan er dan 3 onder elkaar. Dat regel je door eerst 3 kolommen toe te voegen en hieraan een afbeelding toe te voegen.
Vaak heb je een combinatie van tekst en afbeeldingen op een pagina staan. Op PC/desktop grootte ziet er dan prima uitgelijnt uit, echter kijk je op je mobiel dan is het een rommeltje. Of je wilt een tekst plaatsen naast je foto. Of 3 foto's op een rij.
Om te zorgen dat een pagina weet hoe deze zich moet gedragen op een beeldscherm moet er een opmaakcode worden toegevoegd aan een pagina. Echt coderen is het niet, want met de Kolom functie maak je deze eenvoudig aan. Te zien in dit filmpje.
Onderstaand een voorbeeld van mogelijkheden:
3 koloms
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
2 Koloms 2/3 - 1/3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Het komt voor dat jouw geuploade foto gekanteld wordt weergegeven. Het probleem van de gekantelde foto's wordt veroorzaakt doordat ze gemaakt zijn met bijv. een iphone en deze heeft vastgelegd bij de foto dat deze 90 graden geroteerd moet worden. Je kan een foto hier testen: http://www.verexif.com/en/
Wat er moet gebeuren is dat deze informatie (noemen ze EXIF) die bij de foto staat wordt verwijderd bij het uploaden naar de website. Gebruik hiervoor de het icoon icoon. De EXIF verwijder optie is geen standaard instelling, laat Zegenrijk vooraf even je instellingen checken of het verwijderen van EXIF aan staat voor jouw website!
Alternatief is dat je op http://www.verexif.com/en/ je EXIF verwijderd, hierna doe je pas een foto upload naar de website.
Note: dan kan het nog zijn dat je jouw foto op ipad/iphone toch nog gekanteld ziet staan, dat komt door caching van je browser, dat kan je als volgt oplossen:
Cache Safari wissen in iOS. Om de cache in Safari leeg te gooien, open je Instellingen en scrol naar beneden tot je de optie Safari ziet. Scrol nu wederom naar beneden tot je de optie Wis geschiedenis en websitedata vindt. Druk op deze optie en druk vervolgens op Wis geschiedenis en data.
In een Artikel staat je tekst. Aan een Artikel koppel je een Menu-item. Een menu-item zie je op je website terug op de menubalk.
Je begint altijd eerst met het maken van je Artikel: klik op de button Artikelen(manager) of in de /administrator Inhoud Artikelen en klik op de Nieuw knop.
Als je Artikel klaar is dan ga je naar je Menubalk: klik op de button Menu(manager) of in de /administrator ga naar Menu's en dan je menu. Klik op de Nieuw knop.
Vul een menutitel in
Kies bij Menu-itemtype voor 'Artikelen' en dan 'Individueel Aartikel'
Kies bij Selecteer artikel het artikel waaraan je wilt koppelen.
Klik op Opslaan en Sluiten.
Menu-item
Een Artikel weergeven in een menubalk betekent dat je een Artikel gaat koppelen aan een Menu-item. Maak eerst je Artikel aan.
Klik op de button Menu(manager) of in de /administrator Menu's en ga naar het Menu waar je een nieuw Menu-item aan wilt toevoegen de Nieuw knop.
Vul een menutitel in
Kies bij Menu-itemtype voor: Artikelen en dan Individueel Artikel
Kies onder Selecteer artikel voor het artikel wat je wilt koppelen aan dit menu-item
Klik op Opslaan en Sluiten
Note: wijzig je later je menu-titel, maak dan altijd het vak Alias leeg. Bij het opslaan wordt dit gevuld. De Alias geeft in de site de url weer.
Submenu-item
Een submenu-item hangt onder het hoofdmenu-item. Een hoofditem is direct zichtbaar, een submenu-item veelal pas als je over het hoofditem heen gaat met de muis. Wil je van een Menu-item een submenu-item maken geef dan aan de rechterkant onder Hoofd-item aan wie het Hoofditem is.
Voor het uploaden van nieuwe foto's naar een map op de server maak je gebruik van . Een popup van de Image Manager Extended verschijnt.
Kies nu eerst voor de map waar de afbeeldingen in moeten komen bij uploaden en zorg dat deze map geopend is in de middenkolom (je ziet de andere afbeeldingen staan).
Kies voor en blader naar de gewenste bestanden. Hierna kiezen voor de Upload knop.
Je keert terug op het scherm van de Image Manager Extended. Kies hier nu niet voor Invoegen knop maar Annuleren-knop!