Hvilken utfordring? Den med personer og kroppsdeler som forsvinner ut av skjermen :-) I gamle dager, når alle hadde en standard skjerm til pc, så var ikke dette noen utfordring. Men nå kan du se nettsider på alt fra mobil til en mega stor skjerm. Da må også all tekst kunne leses på alle skjermstørrelser. Og ligger teksten på et bakgrunnsbilde, så er det ikke til å unngå at deler av bildet ikke vises. Men, det finnes måter å løse det på ;-) Les videre og se videoen over! Dette er det … (Les mer...) omHvordan løse utfordringen med bakgrunnsbilder?
Bruk av egne bilder eller stockphotos på websiden din!
Bilder er et viktig element på alle websider, de kan brukes som blikkfang og for å illustruere poenger. Hvis du velger å bruke andres bilder, så vær 150% sikker på at du har rettigheter til å bruke dem.
Det at et bilde ligger på nett, betyr ikke at alle og enhver kan bruke dem som de vil. Uansett hvem som har tatt bildet, er det fotografen selv som har kopiretten til bildet. Noe som kan bli ekstremt dyrt, er å bruke stockphotos du ikke har kjøpt på ærlig vis. Bilder i webkvalitet kan du få kjøpt fra f.eks shutterstock eller istockphto til en ganske rimelig penge. Så ikke gjør deg til kjeltring for så lite.
Optimalisering av bilder, er et annet punkt. Webhotellet ditt er ikke ment å brukes som et lager for store bildefiler. Så innarbeid gode vaner med en gang, nedskaler bildene dine før du laster dem opp til websiden. Enten ved hjelp av et bilderedigeringsprogram, eller ved hjelp av en plugins som heter "Resize Image After Upload".
Da får du en webside som holder seg frisk og rask vesentlig lenger!
Hvordan legge inn bakgrunnsbilde med parallax effekt?
Aller først, hva er parallaxeffekt? Parallax-rulling er en teknikk i datagrafikk der bakgrunnsbilder beveger seg langs kameraet saktere enn forgrunnen, og skaper en illusjon av dybde i en 2D-scene og gir følelsen av fordypning i den virtuelle opplevelsen.(Kilde: Wikipedia). Ble du noe klokere? Det er lettere å vise i praksis :-) Her er et typisk eksempel. Som du ser så beveger bakgrunnsbildet seg ikke i samme hastighet som teksten i forgrunnen. Dette er altså parallax: Møt Frk. … (Les mer...) omHvordan legge inn bakgrunnsbilde med parallax effekt?
Hvordan bruke Guten slider?
Guten slider er en plugin som gjør det veldig enkelt å legge inn en slider med bilder der du måtte ha behov for det. https://wordpress.org/plugins/gutenslider/ Dette er en gratis plugin som du kan søke opp via Utvidelser -> Legg til ny. Som sagt, veldig enkel å bruke: Du installerer den, trekker inn blokka og legger til de bildene du ønsker å ha med. Slideren kan brukes i både vanlig, bred og full bredde. Slides som bakgrunn Det som er litt spesielt med Gutenslider i forhold til … (Les mer...) omHvordan bruke Guten slider?
Hvordan bruke DropIt for å finne bilder?
Ikke hørt om DropIt? Det er en plugin som lar deg søke etter bilder via Unsplash.com. Rett fra blokkredigering i WordPress. Drop It er en gratis plugin du kan søke opp ved å gå inn på Utvidelser -> Legg til ny. Søk etter DropIt i ett ord, så finner du den på første forsøk. https://wordpress.org/plugins/dropit/ Når du har installert den, så ser du dråpe ikonene øverst i høyre hjørne: Ikonet til venstre gir deg mulighet til å søke etter bilder via Unsplash.com. Klikk på ikonet og … (Les mer...) omHvordan bruke DropIt for å finne bilder?
Hvordan finne bilder?
Er det én ting du mest sannsynlig IKKE kommer utenom når du skal ha nettside, så er det bilder. En nettside uten bilder blir som et langt...Zzzzzzzzzz Men hvordan finne bilder? https://vimeo.com/370370904 Betalte bilder og gratis bilder Det finnes masse flotte nettsteder med ditto flott bilder og videoer du kan benytte deg av. Mange av sidene har medlemskap der du betaler en viss sum i måneden for å kunne laste ned et gitt antall bilder i samme periode. Mange steder betaler du pr … (Les mer...) omHvordan finne bilder?
Gutenberg og bilder
En av de største forskjellene mellom Gutenberg og den "Klassiske" editoren er kanskje bildeblokkene. Med Gutenberg kom blokka som heter "Omslag" som gir mulighet for bakgrunnsbilder med tekst oppå. Og hvis du har et theme som er optimalisert for Gutenberg, så har du også mulighet for å vise alle bildeblokker i bred og full bredde. Nå er det ikke bare bilder som kan vises i full bredde, men det er først og fremst bilder vi skal se på i denne bloggen. Å legge inn et vanlig bilde er veldig … (Les mer...) omGutenberg og bilder
Hvordan komme i gang med design av webside?
Om du skal i gang med design av en helt ny webside, eller ser på den du har nå og tenker; "denne siden fortjener å bli fikset på!"- hvordan velger du da riktig design for nettsiden? Image by fxxu on Pixabay Med design av webside så mener jeg her: FonterFargerLayout (theme)Bilder Hva vil du kommunisere? Jeg tenker ikke da på selve ordlyden men på den visuelle kommunikasjonen i form av farger, fonter og bilder. Hva skal disse tre elementene fortelle potensielle kunder og følgere? … (Les mer...) omHvordan komme i gang med design av webside?
Hvordan unngå krøll pga bilder på websiden
Bildene du laster opp på websiden din kan skape mer krøll enn nødvendig, og kanskje en smule forvirring, om de er for store og tunge.Store bilder både i str og «tyngde»Eksempel er bilder du tar med eget kamera. Eller bildene du får oversendt fra fotograf. Disse bildene er gjerne over 3000px i bredde og er av en slik oppløsning at de kan brukes også på trykk. Skal du feks ha et bilde i et fysisk magasin, eller rammet inn på veggen hjemme, så må bildet være av høy kvalitet. Skarpe. Det … (Les mer...) omHvordan unngå krøll pga bilder på websiden
Hvordan bruke telefonen til å blogge
play Da jeg startet med webdesign for ca 11 år siden, så var alt med bilder veldig mye mer komplisert og kostbart enn i dag. Bildene tok jeg med speilreflekskamera og redigerte de i Photoshop. Uten å være en Photoshop-kjenner fra før, så var dette en langdryg affære;) Vi har gjort oss noen erfaringer med web og WordPress gjennom disse årene, og det er den erfaringen du kan høste av inne på WPSkolen.Dette med bilder inkludert.I Basis kurset er en egen modul viet media (som bilder, lyd og video … (Les mer...) omHvordan bruke telefonen til å blogge
Overstyr hvilket bilde som deles på Facebook
Du kan faktisk få Facebook til å vise akkurat det bildet du ønsker når du deler en link fra websiden din. Hvordan? Med en plugin du kanskje allerede har installert.... Yoast SEO Det er en av de mest populære SEO plugins som finnes for WordPress. Den lar deg bestemme SEO tittel og en meta beskrivelse for sider og innlegg på websiden din. Men den kan gjøre mer enn det. Hvis du ikke har installert denne utvidelsen, så gjør det først. Du kan søke den opp via Utvidelser -> Legg til ny … (Les mer...) omOverstyr hvilket bilde som deles på Facebook
Hva bør du tenke på når du velger banner bilder til websiden?
Med banner bilder så mener jeg et typisk avlangt bilde i breddeformat. Mange synes kanskje dette er et rart tema å ta opp, men av erfaring vet jeg at dette med banner bilder er noe mange har problemer med å se for seg. Når man skal velge tema til websiden sin, så ser man gjerne på lekre eksempler med perfekt tilpassede bilder. Og det er ikke alltid like lett å se for seg hvordan dette temaet vil fungere på akkurat din side og med dine bilder. Her er noen eksempler på temaer med … (Les mer...) omHva bør du tenke på når du velger banner bilder til websiden?
Opplasting av bilder til websiden
Bilder spiller en viktig rolle på nettsider! Som blikkfang, som illustrasjon av et poeng, eller et spesielt bilde kan være poenget med hele innlegget ditt. Men siden det er meg, Kristin, som skriver, så har du sikkert skjønt at det er et lite teknisk aspekt ved det å bruke bilder på nett også. Jeg er ingen stor helsefreak vanligvis, men når det gjelder websider så er jeg opptatt av god helse. Og i motsetning til vanlige sykdommer, så kan ikke webproblemer kureres med frisk luft og … (Les mer...) omOpplasting av bilder til websiden
Bruk av bilder på nett
Bildet er lånt fra google... Eller bildet er lånt fra internett.......Hæ? Det er ikke akseptabelt å "låne" andres bilder på nett, uten tillatelse fra den som har tatt bildet. Eller den du har kjøpt bildet av. Man skulle tro det var en selvfølge å ikke bruke bilder som man ikke vet med sikkerhet at man har rettigheter til å bruke. Men det er nesten ikke en dag uten at jeg ser lignende tilfeller. Alle biler på en stor parkeringsplass står ikke der for at du skal sette deg inn i en av dem … (Les mer...) omBruk av bilder på nett
