Helpcentrum Kolibri en Housenet Housenet Veelgestelde vragen

            Hoe voeg ik een afbeelding toe aan een tekstblok op mijn website?

            Om een afbeelding toe te voegen aan een tekstblok van een pagina log je in op het CMS van je website . Ga naar de mediabibliotheek en klik met de rechtermuisknop op de afbeelding die je wil plaatsen. Selecteer dan "Linkadres kopiëren".


            Staat de afbeelding nog niet in de mediabibliotheek, ga dan links in het menu naar "Media - Uploaden" en voeg de afbeelding vanaf je harde schijf toe. Ga vervolgens naar de mediabibliotheek  en klik met de rechtermuisknop op de net toegevoegde afbeelding. Selecteer "Linkadres kopiëren". (Afhankelijk van de browser die je gebruikt kan dit tekstje iets verschillen).




            Ga nu in het menu van het CMS naar "Pagina's - Hoofdmenu" en klik op het pijltje aan de rechterkant van de betreffende pagina.



            Ga via de blauwe knop "Pagina bewerken" naar het tabje 'Tekstblokken' en klik bij het betreffende tekstblok op het "HTML" ikoontje.



            Voer in het popup schermpje dat vervolgens opent de volgende tekst in: 

            <img src="xxxxxx" class="img-responsive" alt="yyyyyy" />


             Vervang de  xxxxxx  door het linkadres van de afbeelding die je zojuist in de mediabibliotheek hebt gekopieerd en de yyyyyy door een korte beschrijving (van hooguit 4 à 5 woorden)  van wat er op de afbeelding staat (zodat ook Google en screenreaders weten wat er op de afbeelding staat), zodat de tekst er ongeveer als volgt uitziet:


            <img src="https://hayweb.blob.core.windows.net/public/1sv9rp/1/$l/okohoone.jpg" class="img-responsive" alt="Ons kantoor" />


            Klik op "'Update" en je ziet de afbeelding in het tekstblok staan. Dat de afbeelding te groot is voor het tekstblokveld van het CMS is niet erg, op de website zal hij goed getoond worden.






            Klik tenslotte op de knop 'Opslaan en sluiten' en de afbeelding is op de website aan het tekstblok toegevoegd. 


            Bijgewerkt: 22 Mar 2019 01:42 PM
            Nuttig?  
            Help ons met het verbeteren van dit artikel
            0 0