Elementor - raskt og effektivt

Sissels Grafiske benytter Elementor Page Builder (sidebygger) for å utvikle websider hurtig og rasjonelt. Denne sidebyggeren er mye enklere og mer forutsigbar enn WordPress sin egen sidebygger. Og den er gratis

Kursdeltakerne lærer å bygge opp sidene ved hjelp av Elementors fantastiske “dra og slipp |drag and drop” biblioteksbiter. Eksempelvis sette inn felt for tekst, bilder, gallerier, linke til YouTube-videoer, lage sammentrekkbare “accordians/trekkspill” for å systematisere lange tekster. Og sist men ikke minst viktig, Elementor har utviklet et helt unikt system for lagring av malsider, eller maler av enkle seksjoner som forenkler og effektiviserer arbeidet. I malene lagres alle innstillinger. Ingen vits i å kaste bort mye tid på å finne opp hjulet på nytt for hver side som påbegynnes.

Elementor Widgets

Enkelt å tilpasse for nettbrett og mobil

Sissels Grafiske Elementor Widgets

Sidene er enkle å tilpasse for nettbrett og mobil. Elementor har en innebygget og brukervennlig funksjon som gjør det mulig å endre designet for de forskjellige plattformene sidene skal vises på.

Elementor er enkelt og brukervennlig, slik at de fleste enkelt kan designe spektakulære websider uten å måtte kunne en kode i HTLM, Java eller i PHP.

Organisering av lange tekster - Ta hensyn til leseren

– Med internett tilgjengelig hele døgnet, krever vi å raskt finne det vi er på jakt etter. Svært få leser lange tekstert. Vi scroller, leter, og har lært oss gode teknikker for raskt å finne det vi søker etter.

– Vi orienterer oss ved hjelp av overskrifter, bilder eller andre elementer som tiltrekker vår oppmerksomhet og som får oss til å stoppe opp.

Dette er en kjensgjerning webdesignere må ta hensyn til om de har som formål å bistå bedriften med å tiltrekke oppmerksomhet på siden, slik at bedriften får synliggjort sine tjenester/produkter.

Alle har en innbitt motstand mot å lese

Dette er ikke tull. Om vi må bruke lang tid på å finne informasjonen vi søker, går vi raskt videre til andre sider. Organiseringstruktur og et godt system er derfor særdeles viktig på en webside.

WordPress, med Elementor, har gitt oss endel hjelpemiddel, bl.a. Accordion, som åpnes/lukkes ved at vi klikker på fanen eller på plusstegnet.

Det bidrar til at vi raskt finner informasjonen vi er ute etter, og vi slipper å brukte tid på å lese gjennom lange tekster. Se eksemplene under.

Veksle

Dokumenter bør deles inn i kapitler, og avsnitt. Overskriften skal vise hva avsnittet handler om, slik at det er raskt for besøkende å orientere seg på siden. I tillegg til et godt og logisk menysystem, må også de enkelte sidene bygges opp med tanke på at besøkende raskt finner informasjonen de er ute etter.

Mer enn noen gang benyttes bilder/film for å tiltrekke oppmerksomheten til et budskap. Bildene bør ha relevans til temaet det skrives om, noe som kan være en utfordring for bedrifter som tilbyr tjenester og ikke produkter. – Å visualisere teknikker som benyttes av regnskapsførere, revisorer, advokater er mye mer krevende enn om man har tilgang på produktbilder.

 – Skriver man om tekst, bør man benytte et bilde som visualiserer tekst. Det finnes endel bildebanker som kan være til hjelp, der man kan laste ned bilder gratis, eller få ideer til hvordan man selv kan komponere et bilde | https://pixabay.com/ | https://unsplash.com/ https://www.pexels.com/

Trekkspill | Accordion

Ved å klikke på fanene | overskriftene, åpnes både Trekkspill og Veksle-boksen slik at underliggende informasjon kan leses.

I Veksle-boksen må man klikke på fanen for å lukke når man har lest, mens fanen lukkes automatisk i Trekkspill | Accordion når man velger en ny fane.

På en webside er det sjelden man leser all teksten. De fleste skummer gjennom innholdet på leting etter det man har bruk for. Overskriftene er derfor viktige, slik at besøkende umiddelbart ser hva avsnittene | kapitlene handler om, og således ikke kaster bort tid på å lese tekst man ikke har bruk for. 

Faner

Sissels Grafiske elementor logo 250x250Styrken til Elementor er den ryddige strukturen, samt at programmet er så enkelt å lære.

Det kreves ingen datakunnskaper for å installere og aktivere Elementor, og Sissels Grafiske har skrevet et blogginnlegg om hvordan dette gjøres. Programmet har utallige muligheter, det utvikles hele tiden, og nye versjoner med forbedret funksjonalitet blir gjort tilgjengelig flere ganger i måneden.

På denne siden har jeg benyttet gratis-versjonen av Elementor, og jeg har visualisert endel av de mest benyttede funksjonene. Disse gås grundig gjennom på kurset.

Sissels Grafiske Elementor WidgetsDet finnes utallige widgets og biblioteksbiter i Elementor. Mens man tidligere brukte mye tid på å designe knapper for websider, er dette superenkelt å gjøre i Elementor. Programmet har lagt godt til rette for å legge på tekst, farge – både i Normal- og Hover-visning. Det finnes også utallige ikoner som kan settes på knappen, om ønskelig.

På denne siden har jeg visualisert flere måter å vise bilder på; både enkeltbilder, gallerier og bildekarusell som går kontinuerlig.

Elementor har også tett samarbeid med Google, og det er superenkelt å legge inn Google Kalender eller et Google Kart.

Sissels Grafiske Elementor Malsider

Elementor tilbyr en rekke ferdige malsider man kan ka som utgangspunkt for design av websider. – Man kan også lagre egne sider, og bruke dem på andre sider, noe som forenkler arbeidet masse, da grunndesignet kan beholdes. Det eneste man trenger å gjøre, er å endre tekst, bilder og annet innhold.

Sissels Grafiske Elementor Seksjoner

Det er også mulig å lagre enkeltseksjoner i Elementor, en funksjon jeg selv benytter så og si daglig. I tillegg til seksjoner vi selv kan lagre, er det utallige seksjoner vi kan laste inn fra Elementor sitt bibliotet. Enklere og mer brukervennlig kan det neppe gjøres.

Bildekaruseller

Elementor Bilde

Sissels Grafiske Elementor _P01

Elementor Bildegalleri

Phlox Moderne Bildegalleri

Google Kart

Bildeboks

Sissels Grafiske Sissel

Sissel Klungsøyr

Sissel Klungsøyr, daglig leder Sissels Grafiske, har undervist i og utarbeidet kursdokumentasjon i grafiske fag og webdesign siden 1999. Sissels Grafiske underviser i WordPress i tillegg til at selskapet tilbyr standarløsninger til markedet.

Ikonboks

WordPress Webdesign

WordPress er verdens mest benyttede program for design av nettsider. Det er brukervennlig, enkelt å lære og det er gratis. Programmet blir hele tiden forbedret, og siste versjon er alltid tilgjengelig for brukere.

Sette inn en video i Elementor

Enklere kan det ikke gjøres 

Elementor har en egen video-widget som dras til ønsket posisjon/seksjon.

I oppsettet til venstre, limer man inn adresselinjen for videoen. På den måten bygger man ikke videoen inn i selve nettstedet. Det eneste man legger inn i wordpress, er en link.

Videoer som lastes opp til Youtube, har allerede blitt komprimert og optimalisert, slik at de starter å spille så fort man trykker på Play-knappen.
En video som legges inn som bakgrunn, går i loop og spilles kontinuerlig.

Video med egen Play-Knapp

Video som bakgrunn i en seksjon

En video som er satt inn som bakgrunn i en seksjon spiller hele tiden

Video som bakgrunn med bakgrunnsoverlegg

Elementor tillater at man har både en video | et bilde samt fargeoverlegg som bakgrunn i en seksjon