Det finnes flere alternativer for å lage maler i WordPress. Og nå snakker jeg ikke om tema/theme. Jeg snakker om layouts eller...maler, jeg har ikke noe bedre ord for det. Maler som kan gjenbrukes når du skal sette opp flere sider med samme design og uttrykk. Block Patterns - Mønstre - Mal På engelsk kalles denne funksjonen for "block patterns" eller bare "pattern". Og det er oversatt til "Mønster" på norsk. Under ser du noen eksempler på "mønstre" vi har laget så langt i denne … (Les mer...) omHvordan lage maler i WordPress
Gutenberg
Gutenberg er navnet på det som i dag er standard editor i WordPress. Hva en editor er? Enkelt forklart er det der du legger inn tekst, bilder, video og alt annet du ønsker å publisere på sider og innlegg i WordPress.
Gutenberg ble standard i WordPress i desember i 2018. Det ble litt "ramaskrik" i starten, men vår erfaring er at de fleste oppfatter Gutenberg som mye enklere å bruke, enn den såkalte "klassiske editoren" vi hadde tidligere.
I denne kategorien finner du tips til hvordan du kan bruke funksjonene i Gutenberg editoren.
Forside – footer
I dag skal vi sette opp en "footer". Den tradisjonelle måten å gjøre det på i WordPress er å bruke widgeter. Men stadig flere av de tradisjonelle widgetene blir tilgjengelige som blokker, og kan i prinsipp settes inn hvor som helst. Vi starter med en "Advanced Columns" blokk denne gangen også, og velger tre like store kolonner med brun bakgrunn. I venstre kolonne legger jeg til en overskrift og endrer til hvit tekstfarge. Under legger jeg inn en "Siste innlegg" blokk. Her får linkene til … (Les mer...) omForside – footer
Hva er den store forskjellen på et bakgrunnsbilde og et «vanlig» bilde?
Strever du med å få et bakgrunnsbilde til å vise akkurat det du ønsker det skal vise? Eller kanskje du synes det er vanskelig å forstå hva som er hva, når du skal bruke bilder på nettsiden din. Vi tar de "vanlige" bildene først! Med vanlig bilde, så mener jeg et bilde som vises i sin helhet, uansett skjermstørrelse det vises på. Her er et eksempel hvor jeg har valgt blokka som heter "Bilde". Når du klikker på pluss tegnet for å sette inn et bilde, så er det nettopp den blokka som … (Les mer...) omHva er den store forskjellen på et bakgrunnsbilde og et «vanlig» bilde?
Hvordan lagre blokker for gjenbruk?
Det å ha mulighet til å lagre blokker for gjenbruk kan være praktisk i mange sammenhenger. I dette eksemplet har jeg satt opp tre kolonner med ikoner og tekst. Du vil kjenne igjen denne fra bloggen om animasjonseffekter. Dette er en type layout jeg ønsker å gjenbruke på flere sider, uten å måtte sette opp alt fra "skrætsj" hver eneste gang. Her ønsker jeg å lagre en mal, slik at jeg lett kan laste den inn på en ny side og bare bytte ut tekst og ikoner. Lorem ipsum dolor sit amet, … (Les mer...) omHvordan lagre blokker for gjenbruk?
Hvordan få flere valgmuligheter på standardblokker?
Vi var innom én funksjon i EditorsKit i forrige blogginnlegg, hvor du så hvordan du kan vise/skjule blokker i forhold til skjermstørrelsen nettsiden vises på. Men EditorsKit har en rekke andre funksjoner i tillegg. Det er en plugin som ikke gjør så veldig mye at av seg ved første øyekast, men har man først installert den, så blir man fort avhengig av de funksjonene den tilfører. Du ser noen eksempler i videoen over og her er en (ikke komplett) liste over noen av de funksjonene den legger … (Les mer...) omHvordan få flere valgmuligheter på standardblokker?
Hvordan løse utfordringen med bakgrunnsbilder?
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?
Hvordan legge inn animasjonseffekter?
Det er mange som blir "blendet" av animasjonseffekter og synes det ser veldig kult ut. Jeg er litt enig, samtidig som jeg tenker at det i mange tilfeller ikke gir noen ekstra verdi for den som besøker nettsiden. Uansett så skal jeg vise deg hvordan du veldig enkelt kan legge inn animasjonseffekter på siden din :-) Igjen skal vi bruke utvidelsen "Kioken Blocks". Når du installerer denne, så vil du se at det dukker opp et felt i sidebaren på de aller fleste blokker. Alt fra vanlige avsnitt … (Les mer...) omHvordan legge inn animasjonseffekter?
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: Her har jeg brukt … (Les mer...) omHvordan legge inn bakgrunnsbilde med parallax effekt?
Hvordan bruke ferdig designede maler?
Her er de utvidelsene jeg har brukt i videoen. Jeg tror nok jeg holder en knapp på de to første foreløpig. Alle har som sagt innebygde maler, men de fleste har langt flere funksjoner som kan være verdt å sjekke ut før du bestemmer deg for en favoritt(eller to). Foreløpig er det bare Qubely som har maler for komplette sider. Og til en viss grad også Atomic Blocks. Igjen, jeg anbefaler å teste ut de ulike malene. Du trenger høyst sannsynlig IKKE alle disse utvidelsene ;-) … (Les mer...) omHvordan bruke ferdig designede maler?
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. 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 andre slider plugins er muligheten til å … (Les mer...) omHvordan bruke Guten slider?
Hvordan sette opp hurtignavigering?
Det første spørsmålet ditt er kanskje: Hva er hurtignavigering og hvorfor trenger jeg det? Det jeg mener med hurtignavigering er å ha en innholdsfortegnelse øverst på siden, hvor hvert punkt linker til en tittel lengre ned på siden. Veldig praktisk om man skriver lange artikler, og vil gi lesere mulighet til å komme raskt til det avsnittet de er ute etter. Tidligere måtte man ha plugins, eller kunne litt koding for å sette opp dette. Med Gutenberg og blokkredigering, ble det mye … (Les mer...) omHvordan sette opp hurtignavigering?
Hvordan bruke «Gruppe» blokka?
I siste versjon av WordPress dukket det opp en ny blokk som heter "Gruppe". Som navnet sier, så er den ment for gruppering av blokker. Vi skal se på noen tilfeller hvor den er grei å bruke. Dette er en blogg for deg som er litt over gjennomsnittet interessert i "tweaking" i WP ;-) I en del theme så finnes det ikke noen mal under "Sideattributter" som går i 100% bredde. Men det betyr ikke nødvendigvis at det ikke er mulig å få til allikevel. For å få til dette i det themet jeg har brukt … (Les mer...) omHvordan bruke «Gruppe» blokka?
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. 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 du vil se søkebaren øverst med bilder … (Les mer...) omHvordan bruke DropIt for å finne bilder?
Hvordan jobbe raskere og enklere med blokkredigering?
I denne bloggen skal du få noen tips som kan gjøre arbeidsflyten din mere effektiv. Nr 1. Søk etter blokker med / Når du skriver tekst er det naturlig å klikke "Enter" hver gang du skal ha et nytt avsnitt. Det kan du gjøre uansett om du skal sette inn et vanlig avsnitt, eller en hvilken som helst type blokk. Klikker du "Enter" så kommer du automatisk til et nytt avsnitt, men hvis du i stedet for å skrive vanlig tekst setter inn en "slæsj" / først, og så skriver f.eks bilde, så vil du få … (Les mer...) omHvordan jobbe raskere og enklere med blokkredigering?
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 vet man om man har et Gutenberg optimalisert theme?
Et Gutenberg optimalisert theme vil vise symbolene for bred og full bredde. Ser du disse på f.eks en bildeblokk på siden din, så vil du kunne bruke bred og full bredde på alle blokker som tillater denne type visning. Fungerer kun om du bruker en sidemal i full bredde! Det forutsetter selvfølgelig at du har valgt en layout eller sidemal som faktisk går i full bredde. Det sier seg egentlig selv at disse valgene ikke kan brukes om du velger en layout med sidebar. Det er jo ikke meningen … (Les mer...) omHvordan vet man om man har et Gutenberg optimalisert theme?
WP Basis 2.0 er her – «Gutenberg edition»
Du som følger litt med her på WP Skolen har kanskje lagt merke til at det har vært litt lite aktivitet fra min side i år. Det er fordi det var på tide med en ny versjon av WP Basis kurset vårt som er tilpasset den nye Gutenberg editoren. Nå er den jobben gjort, og alle leksjoner i kurset er oppdatert og tilpasset endringene i WordPress. Dere som har kjøpt kurset tidligere, har selvfølgelig full tilgang til det nye kurset. Hvordan kommer jeg igang med Gutenberg? Du trenger ikke gjøre … (Les mer...) omWP Basis 2.0 er her – «Gutenberg edition»
Hvordan kan du få mer ut av WordPress siden din?
Lite er statisk når det gjelder web, ei heller WordPress. Det fine med det er at du nå kan få enda mer ut av WordPress siden din. Er det lenge siden du var inne på WordPress siden din og nå ser ting helt annerledes ut enn du er vant med? Ingen panikk! Det er kun WordPress som har oppdatert seg siden sist. Den oppdateringen heter Gutenberg og det fungerer litt annerledes enn det såkalte "klassiske" redigeringsverktøyet som var standard fram til desember 2018. Når ting ser annerledes ut … (Les mer...) omHvordan kan du få mer ut av WordPress siden din?
Hvem eller hva er Gutenberg?
Kanskje, som meg, så tenkte du det var noe kjent med det navnet.... Hvem var Gutenberg igjen? Johannes Gutenberg. Tysk smed, gullsmed, oppfinner, forfatter og forlegger som på begynnelsen av 1400-tallet introduserte muligheten for å trykke bøker i stor skala. Trykkeriets grunnlegger. Nå kunne massene få tilgang til bøker. Ingen ubetydelig person mao. Og hva har det med WordPress og din nettside å gjøre? WordPress er ment for allmenheten. Diverse utvidelser og theme utviklere har gjort det … (Les mer...) omHvem eller hva er Gutenberg?
Hvordan lage en forside i full bredde med Gutenberg?
NB! Videoen er tekstet. Klikk på CC ikonet og velg Norsk for å se undertekster.Har du hatt mulighet til å teste Gutenberg enda?I dag har jeg lekt meg litt på en testside med et theme som har full støtte for Gutenberg: Atomic Blocks.Det er ingen tvil om at Gutenberg har kommet for å bli, og jeg tror faktisk det kommer til å bli veldig bra på sikt. Men noen startvansker i enkelte "themes" må vi nok regne med.Atomic Blocks er et svært enkelt theme. Det har kun 3 footer widgeter og 3 sidemaler(ingen … (Les mer...) omHvordan lage en forside i full bredde med Gutenberg?
