Velkommen til redigeringsverktøyet Gutenberg

Fra fjell og trykkpresser

Målet med det nye redigeringsverktøyet er å gjøre det å legge til rikt innhold i WordPress enkelt og hyggelig. Hele dette innlegget er satt sammen av brikker av innhold — noe liknende Legoklosser — som du kan flytte rundt og samhandle med. Flytt din markør rundt og du vil legge merke til at de ulike blokkene utheves med omriss og piler. Trykk pilene for å flytte blokken hurtig uten å frykte å miste ting i en prosess med klipp og lim.

Det du leser nå er en tekstblokk, den mest grunnleggende blokken av alle. Tekstblokken har sine egne kontroll for å kunne flyttes fritt rundt i innlegget.

… som denne, som er høyrejustert.

Overskrifter er også separate blokker, som hjelper med omrisset og organiseringen av innholdet ditt.

Et bilde et verdt tusen ord

Behandling av bilder og media med den ytterste varsomhet er et primært fokus for det nye redigeringsverktøyet. Forhåpentligvis vil du finne sider ved det å legge til bildetekst til, eller gjøre full bredde av, dine bilder mye enklere og robust enn før.

Vakkert landskap
Hvis ditt tema støtter det vil du se knappen for «bred» på verktøylinjen for bildet. Prøv det ut.

Prøv å velge og så fjerne eller redigere bildeteksten. Nå trenger du ikke være forsiktig med å velge bildet eller også tekst, ved en feiltakelse, og ødelegge presentasjonen.

Innsettings-verktøyet

Forestill deg at alt WordPress kan gjøre er lett tilgjengelig, på samme sted i brukergrensesnittet. Det er ikke behov for å styre med HTML-elementer og klasser, eller å memorere komplisert kortkode-syntaks. Dette er tanken bak innsettingsverktøyet—(+)-knappen du ser rundt omkring i redigeringsvinduet—som lar deg bla gjennom alle tilgjengelige innholdsblokker og legge dem til i innlegget ditt. Utvidelser og temaer kan registrere sine egne, noe som åpner all slags muligheter for rik redigering og publisering.

Prøv det ut. Du kan oppdage nye ting som WordPress kan sette inn i dine innlegg, ting du ikke visste om. Her er en kort oversikt over hva du for tiden kan finne der:

  • Tekst og overskrifter
  • Bilder og videoer
  • Gallerier
  • Innbygginger, som YouTube, tvitringer eller andre WordPress-innlegg.
  • Blokker for utforming, som knapper, heltebilder, skille-elementer osv.
  • Og lister som denne, selvfølgelig 🙂

Visuell redigering

En stor fordel med blokker er at du kan redigere dem der de er plassert, og manipulere innholdet direkte. I stedet for å ha felter for å redigere ting som kilden til et sitat, eller teksten på en knapp, kan du endre innholdet direkte. Prøv å redigere følgende sitat:

Redigeringsverktøyet forsøker å skape en ny skapelsesopplevelse for sider og innlegg som gjør det problemfritt å skrive innlegg med rikt innhold. Verktøyet bruker «blokker», for å gjøre det enklere å bruke det som idag ville trengt kortkoder, egendefinert HTML, eller automatisk innbygging du ikke vet innholdet i.

Matt Mullenweg, 2017

Informasjonen som tilsvarer kilden til sitatet er et separat tekstfelt, i likhet med bildetekster for bilder, så strukturen til sitatet bevares selv om du velger, endrer eller fjerner kilden. Det er alltid enkelt å legge den til igjen.

Blokker kan kan være enhver ting du trenger. For eksempel kan du vile legge til dempede sitater som en del av oppbyggingen av din tekst eller du kan foretrekke å vise an diger stilisert sak. Alle disse alternativene er tilgjengelige ved innsetting.

Du kan endre antall kolonner i ditt galleri ved å dra på en skyvebryter i blokk-inspisienten i sidestolpen.

Rik på media

Hvis du kombinerer de nye bred og full-bred justeringene med gallerier, kan du skape et layout rikt på medier svært enkelt:

Tilgjengelighet er viktig — ikke glem en alternativ tekst

Klart, fullstørrelse-bilder kan være temmelig store. Men noen ganger er bildet verdt det.

Over ser du et galleri med bare to bilder. Det er en enklere måte å lage visuelt slående layouter på, uten å trenge å bry seg om floats. Du kan også enkelt konvertere galleriet tilbake til individuelle bilder igjen, ved å bruke blokk-bytteren.

Enhver blokk kan eventuelt ha disse justeringene. Innbyggingsblokken har dem også og er responsiv rett ut av boksen.

Du kan bygge enhver type blokk, statisk eller dynamisk, dekorativ eller flat. Her er en egensitat-blokk:

Kode er poesi

WordPress-samfunnet

Hvis du vil lære mer om hvordan man bygger ekstra blokker, eller hvis du vil hjelpe til med prosjektet, ta en tur innom GitHub.


Takk for at du tester Gutenberg!

👋

Bibendum cursus

Phasellus tincidunt faucibus quam, eu bibendu nunc cursus non. Curabitur scelerisque ferm entum orci at egestas. Maecenas viverra nec velit vel aliquam  nam tincidunt midolor. Sed vitae lorem in nisl iaculis cursus. Praesent a dui elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Fusce viverra mauris non libero fermentum, et finibus leo accumsan.

Ut non felis egestas, cursus libero ac, interdum ipsum. Praesent maximus imperdiet massa eu tristique. Quisque interdum, leo sit amet condimentum dignissim, ipsum libero faucibus magna, et eleifend leo mi at sapien. Proin et dui mollis, blandit felis dictum, fermentum ante. Pellentesque commodo non odio nec mattis. Maecenas sit amet faucibus augue, eget consectetur lectus. In ornare imperdiet fermentum. Phasellus bibendum eros non sodales posuere. In a ultricies magna.

Aliquam luctus

Integer ut pharetra ligula, sit amet luctus purus. Mauris rutrum neque nec ullamcorper facilisis pulvinar. Nullam quis commodo mi. Aenean luctus diam non semper consectetur. Phasellus erat justo, dictum eget pellentesque at, aliquet a magna. Etiam eget ex tempor, interdum nunc ac, vulputate felis. Phasellus lacus nisl, elementum ac dolor in, semper fermentum quam. Nullam in orci convallis, convallis risus et, mollis ligula. Sed vehicula blandit quam, non placerat diam vulputate non. Nulla dignissim imperdiet lorem, convallis condimentum ipsum consectetur sit amet. Aliquam luctus leo a risus suscipit faucibus. Sed elementum massa sollicitudin tortor facilisis, eget molestie nibh lacinia. Nullam dictum, eros vel pulvinar luctus, mauris libero placerat orci, nec condimentum felis leo sit amet eros. Curabitur venenatis condimentum mauris, tincidunt porttitor purus varius a. Nulla mattis ligula dolor, vitae tempus leo faucibus eget. Fusce dictum, quam eget interdum tincidunt, turpis quam lacinia purus, a pretium enim erat eu sapien.

Fusce quis volutpat enim, quis mattis erat. Nulla facilisi. Nulla dapibus nisl a odio hendrerit, sit amet semper ex tristique. Praesent et enim erat. Suspendisse mollis tincidunt bibendum. Integer posuere tortor ac volutpat efficitur. Nunc felis augue, maximus at velit vel, pulvinar bibendum ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Ut vel libero neque.

Udeko Mountain

Aliquam elemen tum massa at placerat elemen tum. Vestibu lum eu luctus turpis. Vivamus dictum ipsum vel ex vehicula, a mollis dolor aliquam varius tellus. Vestibu lum metus nibh, bibendum sed mi ut, scelerisque porta felis. Quisque fermentum et mauris ut condimentum. Quisque eget ante vel ante porta rhoncus ullamcorper vitae diam. Donec egestas gravida purus eu finibus. Proin elementum dictum libero consectetur consequat. Fusce eu diam non nibh eleifend hendrerit at nec mauris. In sodales erat quis imperdiet tempor. Donec lobortis, nisl eu fermentum vestibulum, mi enim condimentum sem, et finibus urna elit vel velit.

Duis condimentum risus eu sem consequat, sed varius tellus feugiat. Mauris tristique, quam sed pulvinar elementum, quam libero egestas eros, et bibendum justo justo in erat. In rutrum sollicitudin luctus. Etiam nec diam maximus, rutrum magna eu, maximus augue. Pellentesque sapien sapien, dignissim nec varius non, tincidunt vitae nulla. Sed dictum sapien sit amet felis ornare, eget pulvinar est gravida. In ultrices eleifend malesuada.