Bruke bilder i innlegg

Jeg har fått et par kommentarer som går på at det ikke er helt enkelt å bruke bilder i innlegg og få dette til å se ut slik som man hadde tenkt seg. Jeg skal derfor her forsøke meg på en liten beskrivelse som baserer seg på personlige erfaringer gjennom noen år med å tilrettelegge stoff for publisering på internett. Dette sees nå i lys av det verktøy (WordPress) vi har valgt i bunnen på våre hjemmesider, da dette gir mange muligheter, men også noen begrensinger. Hele innlegget er selvsagt farget av personlige synspunkter på hva som ser bra ut eller ikke, og vil således kunne være gjenstand for uenighet som går på god/dårlig smak. Det kan jeg leve med, så kommentarer mottas derfor med takk

Generelt om bilder

For å sette inn bilder i et innlegg, plasserer man altså markøren der man ønsker å sette inn bildet, og klikker på menyvalget ovenfor verktøylinjen «Last opp / sett inn»:

Dersom man allerede har lastet opp et bilde fra datamaskinen og sletter dette fra et innlegg, så trenger man ikke å laste dette opp på nytt igjen hvis man ønsker å sette det inn igjen. Da henter man bare bildet tilbake fra mediabiblioteket, dvs man bruker ikonet ovenfor og velger Mediabibliotek i stedet for Fra datamaskin. Jeg registrerer at noen har slitt litt med dette, og lastet opp det samme bildet mange ganger…

De nedenstående betraktninger stammer fra alternativene for innsetting av bilder, illustrert nedenfor:

Vi diskutterer valgene Stille opp og Størrelse. For å få en slik tekst under bildet benyttes feltet Bildetekst

Plassering av bilder i teksten

Under innsettingen av bilder får man flere alternative måter å «Stille opp» bildet på, samt valgmulighet for hvor stort bildet skal være. Dette må i utgangspunktet sees i sammenheng med den teksten man også har i innlegget. Dette med oppstilling, går på om eller hvordan teksten skal flyte rundt bildet.

Et lite avsnitt med tekst og et par-tre bilder, Stor

I innlegg som har et lite avsnitt med tekst og et par-tre bilder, så foreslår jeg at man legger inn teksten først og deretter setter inn bildet/bildene under teksten, med oppstilling «Ingen» i størrelse «Stor. Alternativt oppstilling Senter som jeg har brukt nedenfor. Dette vil se omtrent slik ut (Som dere ser er eksempelet nedenfor innrammet og litt sammenklemt i forhold til resten av innlegget. Dette oppnår dere ved å merke et område i teksten/innlegget, og velge funksjonen «Blokksitat» fra verktøylinjen i redigeringsmodus):

Flyklar Eraser Xtreme F3J selges. Modellen er brukt i mange konkurranser, uten at den bærer preg av dette. Vingespenn: 3100 mm, flyklar vekt: ca. 1960 g, profil: MH-32. Modellen er i toppform, komplett med servoer, DS-mottager og batteri. Flyklar. «Håndtaket» rundt kroppen kom på etter en litt hard landing i høyt gress, på en god dag når undertegnede flere ganger håndkastet modellen opp i termikk! Det sitter Graupner DS 368-servoer i kroppen og sannsynligvis «noen blå/små» i vingen. Det følger med med hjemmesydde vingeposer til modellen.

Flyklar Eraser Xtreme selges

For å få en slik tekst under bildet (som illustrert ovenfor) benyttes feltet Bildetekst under innsettingen av bildet.

Teksten skal flyte rundt bildet, Medium

Dersom man ønsker at teksten skal flyte rundt bildet, setter man markøren på begynnelsen av avsnittet tekst som skal flyte rundt bildet, og setter inn bildet der, i en mindre størrelse, 150 eller 300 punkter. Dette blir seende slik ut, satt opp Venstre i Medium størrelse. Som dere ser kreves det endel tekst for at dette skal bli seende bra ut:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed ipsum pellentesque enim gravida malesuada ac at tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis tortor auctor felis consectetur volutpat. Sed a nibh elit, nec tincidunt sapien. Maecenas sem justo, tristique et rutrum sit amet, porttitor ut arcu. Curabitur sed leo vel mauris pellentesque elementum ut at ligula. Vivamus posuere mi quis diam iaculis at facilisis enim lobortis. Donec ultricies sodales mauris.

Mauris lacus odio, laoreet a vehicula nec, placerat ac est. Suspendisse ornare congue felis, tincidunt porta metus tempor nec. Integer velit lorem, fringilla ac rutrum ac, ultrices quis massa. In ut velit eu diam dignissim interdum. Donec vestibulum facilisis vulputate. Mauris tempus pellentesque nisl et vulputate. Nulla egestas magna eu nunc volutpat condimentum pharetra mi convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras lacinia tellus a magna viverra ut condimentum orci accumsan. Vivamus sodales congue ante, a congue est commodo tempus. Vivamus tellus urna, sagittis vel ullamcorper et, bibendum eu dolor. Suspendisse tincidunt bibendum sapien ac euismod. Curabitur eu elit non quam lacinia pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Proin porta, libero sit amet vulputate placerat, turpis justo tincidunt sem, id sollicitudin magna libero vitae nisl. Aliquam erat volutpat. Maecenas vehicula faucibus nisl nec varius. Nulla pretium, arcu sit amet interdum molestie, odio justo consequat diam, eget tristique mauris nibh id nulla. Nullam vehicula dictum scelerisque. Suspendisse id leo justo, ac viverra justo. Nullam blandit varius diam sit amet rutrum. Etiam iaculis euismod lacus vitae vulputate.

Stille opp høyre/venstre, Miniatyr

Ønsker man en enda mindre utgave av bildet i teksten, bruker man oppstilling høyre/venstre og størrelse miniatyr:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed ipsum pellentesque enim gravida malesuada ac at tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis tortor auctor felis consectetur volutpat. Sed a nibh elit, nec tincidunt sapien. Maecenas sem justo, tristique et rutrum sit amet, porttitor ut arcu. Curabitur sed leo vel mauris pellentesque elementum ut at ligula. Vivamus posuere mi quis diam iaculis at facilisis enim lobortis. Donec ultricies sodales mauris.

Mauris lacus odio, laoreet a vehicula nec, placerat ac est. Suspendisse ornare congue felis, tincidunt porta metus tempor nec. Integer velit lorem, fringilla ac rutrum ac, ultrices quis massa. In ut velit eu diam dignissim interdum. Donec vestibulum facilisis vulputate. Mauris tempus pellentesque nisl et vulputate. Nulla egestas magna eu nunc volutpat condimentum pharetra mi convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras lacinia tellus a magna viverra ut condimentum orci accumsan. Vivamus sodales congue ante, a congue est commodo tempus. Vivamus tellus urna, sagittis vel ullamcorper et, bibendum eu dolor. Suspendisse tincidunt bibendum sapien ac euismod. Curabitur eu elit non quam lacinia pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Proin porta, libero sit amet vulputate placerat, turpis justo tincidunt sem, id sollicitudin magna libero vitae nisl. Aliquam erat volutpat. Maecenas vehicula faucibus nisl nec varius. Nulla pretium, arcu sit amet interdum molestie, odio justo consequat diam, eget tristique mauris nibh id nulla. Nullam vehicula dictum scelerisque. Suspendisse id leo justo, ac viverra justo. Nullam blandit varius diam sit amet rutrum. Etiam iaculis euismod lacus vitae vulputate.

To bilder ved siden av hverandre, Medium

Dersom du ønsker to bilder ved siden av hverandre, bruker man oppstilling Ingen og gjerne størrelse Medium:

Galleri, Miniatyrbilder

Dersom man har mange bilder i et innlegg, kan man gjerne sette disse inn som et Galleri. Da velger man hvor mange kolonner man ønsker i Galleriet, for eksempel tre slik som nedenfor, og da kan det bli seende slik ut:

Fremhevet bilde

Jeg vil også be om at dere setter et Fremhevet bilde på hvert innlegg. Dette kan gjøres helt nede til høyre å skjermbildet i redigeringsmodus, eller man kan bare klikke der det står Fremhevet bildet under innsettingen av bildene. Ideen er at man velger ett bilde av de bildene man har i innlegget som Fremhevet. Dette fremhevede bildet benyttes når innlegget dukker opp i lister som et resultat av et søk etter en kategori, stikkord eller fritekst på sidene. Forskjellen hvordan dette ser ut for innlegg som har eller ikke har satt fremhevet bilde, illustreres i bildet under (og jeg er ikke i tvil om hva som ser best ut/fanger mest oppmerksomhet):

Flyklar Eraser Xtreme F3J selges

Og bare helt til slutt, dersom noen ikke har fått det med seg. Modellen som er brukt som illustrasjonsfoto i dette Innlegget er altså til salgs. Dere finner annonsen på RCMarked.no

Skribent: Inge Balswick

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *