Beskrivelse
Gutenberg er mer enn et redigeringsverktøy. Selv om redigering er i fokus akkurat nå vil prosjektet til syvende og sist virke inn på hele opplevesen av publisering, inkludert tilpasning (neste fokuserte område).
Fokus på redigering
Redigeringsverktøyet vil skape en ny opplevelse av å bygge sider og innlegg som gjlr skriving av rike innlegg uanstrengt og har «blokker» til å gjøre lett, det som i dag krever kortkoder, tilpasset HTML eller «mystisk» oppdagelse av innbygginger. — Matt Mullenweg
En ting som skiller WordPress fra andre systemer er at det tillater deg å lage et så rikt utforming av innlegg som du kan tenke deg — men bare hvis du kan HTML og CSS og bygger ditt eget tilpassede tema. Ved å tenke på redigeringsverktøyet som et verktøy som lar deg skrive rike innlegg og skape nydelige utforminger, så kan vi omforme WordPress til noe brukere elsker, i motsetning til noe de velger fordi det er det alle andre bruker.
Gutenberg ser på redigeringsverktøyet som mer enn et innholdsfelt og reviderer en utforming som for det meste har vært uendret i nesten et tiår. Dette lar oss utforme opplevelsen av moderne redigering helhetlig og bygge et fundament for ting som skal komme.
Her er hvorfor vi ser på hele redigerings-skjermen, i motsetning til bare innholdsfeltet:
- Blokken forener mange brukergrensenitt. Hvis vi la det på toppen av eksisterende grensesnitt ville det øke kompleksiteten, i motsetning til å fjerne det.
- Ved å revidere brukergrensesnittet kan vi modernisere opplevelsen av skriving, redigering og publisering med brukervennlighet og enkelhet i tankene, noe som gir fordeler både for nye og vante brukere.
- Når det enhetlige brukergrensesnittet for blokker tar sentral plass demontrerer det en klar retning for utviklere til å skape førsteklasses blokker, overlegne både kortkoder og widgeter.
- Ved å ta hele grensesnittet i betraktning legger man et solid fundament for neste fokus, full tilpasning av nettstedet.
- Ved å se på hele redigerings-skjermbildet gir det oss også muligheten til drastisk å modernisere fundamentet og ta steg mot en mer flytende og JavaScript-drevet fremtid som fullt ut utnytter WordPress REST API.
Blokker
Blokker er en samlende utvikling av det som nå er dekket, på ulike måter, med kortkoder, innbygginger, widgeter, post-formater, tilpassede innholdstyper, alternativer for tema, meta-bokser og andre elementer for formatering. De omfavner den bredden av funksjonalitet WordPress er i stand til, med den klarheten en konsistent brukeropplevelse gir.
Se for deg en tilpasset «ansatt»-blokk som en bruker kan dra til en Om-side for automatisk å vise et bilde, navn og biografi. Et helt univers av utvidelser som alle forlenger WordPress på samme måte. Forenklede menyer og widgeter. Brukere som straks kan forstå og bruke WordPress — og 90% av utvidelser. Dette vil la deg enkelt sette sammen nydelige innlegg som i dette eksemplet.
Les vår FAQ for svar for de mest vanlige spørsmålene om prosjektet.
Kompatibilitet
Innlegg er kompatible bakover og kortkoder vil fortsatt virke. Vi utforsker kontinuerlig hvordan sterkt tilpassede meta-bokser kan bli tatt hånd om, og ser på løsninger som spenner fra en utvidelse for å deaktivere Gutenberg til automatisk å detektere om Gutenberg skal lestes eller ikke. Samtidig som vi vil være sikre på at den nye opplevelsen fra skriving til publisering er brukervennlig, er vi opptatt av å finne en god løsning for sterkt skreddersydde eksisterende nettsteder.
Utviklingstrinnene for Gutenberg
Gutenberg har tre planlagte trinn. Det første, siktet mot å bli inkludert i WordPress 5.0, fokuserer på opplevelsen av redigering av innlegg og implementeringen av blokker. Denne innledende fasen fokuserer på en tilnærming med innhold først. Bruken av blokker, som beskrevet i detalj ovenfor, lar deg fokusere på hvordan ditt innhold vil se ut uten distraksjon av andre alternativer for konfigurasjon. Dette vil til syvende og sist hjelpe alle brukere til å presentere sitt innhold på en engasjerende, direkte og visuell måte.
Disse grunnleggende byggesteinene vil bane veien for trinn to og tre, planlagt for neste år, til å gå bortenfor innlegg, til sidemaler og endelig til full tilpasning av nettstedet.
Gutenberg er en stor endring, og det vil være måter å sikre at eksisterende funksjonalitet (som kortkoder og meta-bokser) fortsetter å virke mens utviklere får tid til, og måter å, gjøre en effektiv overgang. Til sist vil det åpne nye muligheter og utviklere av utvidelser og tema til bedre å tjene brukerne gjennom mer engasjerende og visuell opplevelse som drar nytte av et et verktøysett støttet av WordPress-kjernen.
Bidragsytere
Gutenberg er utviklet av mange bidragsytere og frivillige. Vennligst se hele oversikten på CONTRIBUTORS.md.
Eksperimenter
- Navigation block:
- Support color customization.
- Improve the Link edition UI.
- Block Content Areas:
- Implement a frontend template loader based on the wp_template CPT.
- Add a temporary UI to edit wp_template CPT posts.
- Add a Site title block.
Nye APIer
- Add VisuallyHidden component.
- Add @wordpress/base-styles package to share the common variables/mixins used by the WordPress packages.
- Add Platform component to allow writing platform (web, mobile) specific logic.
- Add isInvalidDate prop to DatePicker.
- @wordpress/env improvements:
- Support custom ports.
- Support using it for themes.
- Add a new experimental React hook to support colors in blocks.
- Add a new experimental DimentionControl component.
Forskjellig
- Storybook:
- Add a story for the CheckboxControl component.
- Add a story for the Dashicon component.
- Add a story for the ColorPalette component.
- Add a story for the ColorPicker component.
- Add a story for the ExternalLink component.
Add knobs to the ColorIndicator Story.
- Several other enhancements to existing stories.
- Linting fixes for Storybook config.
- Fix Lint warnings triggered by JSDoc definitions.
- Reorganize e2e tests specs into three folders: editor, experimental and plugin.
- Cleanup skipped e2e tests.
- Add a link to Storybook from the Gutenberg playground.
- Optimize the @wordpress/compose package to support tree-shaking.
- Code Quality:
- Refactor the Button block edit function to use a functional component.
- Change the name of the accumulated variables in reduce functions.
- Remove wrapper around the Table block cells.
- Fix several issues related to Node 12 becoming LTS.
- Add the Block Inspector to the Gutenberg playground.
Dokumentasjon
- Enhance the Git workflow documentation.
- Clarify block naming conventions.
- Tweaks and typos: 1, 2.
Blokker
Denne utvidelsen gir 14 blokker.
- core/archives
- Gutenberg
- core/rss
- Gutenberg
- core/legacy-widget
- Gutenberg
- core/social-link-
- Gutenberg
- core/categories
- Gutenberg
- core/block
- Gutenberg
- core/latest-comments
- Gutenberg
- core/search
- Gutenberg
- core/shortcode
- Gutenberg
- core/calendar
- Gutenberg
- core/tag-cloud
- Gutenberg
- core/site-title
- Gutenberg
- core/navigation-menu
- Gutenberg
- core/latest-posts
- Gutenberg
FAQ
- Hvordan kan jeg sende tilbakemeldinger eller få hjelp med en feil?
-
Vi vil gjerne høre din rapport om feil, forslag til funksjoner og annen tilbakemelding! Vennligst gå til siden for problemer på Github for å søke etter eksisterende problemer eller åpne en ny sak. Selv om vi vil sortere inn problemer rapportert her i forumet for utvidelsen så vil du få raskere respons (og redusere dobbeltarbeid) ved å holde alt sentralisert på kodeforvaltningen hos Github.
- Hvordan kan jeg bidra?
-
Vi kaller dette prosjekter prosjekt «Gutenberg» fordi det er en stor oppgave. Vi arbeider på det hver eneste dag på GitHub, og vi vil gjerne ha din hjelp. Du er også velkommen til å gi tilbakemelding, den enkleste måten er å bli med i vår Slack-kanal,
#core-editor
.Se også CONTRIBUTING.md.
- Hvor kan jeg lese mer om Gutenberg?
-
- Gutenberg, or the Ship of Theseus, med eksempler på hva Gutenberg kan gjøre i fremtiden
- Teknisk oversikt
- Prinsipper for utforming og beste praksis for utforming av blokker
- WP Post Grammar Parser
- Utviklingsoppdateringer på make.wordpress.org
- Dokumentasjon: Opprette blokker, referanse og retningslinjer
- Flere ofte stilte spørsmål
Vurderinger
Bidragsytere og utviklere
“Gutenberg” er programvare med åpen kildekode. Følgende personer har bidratt til denne utvidelsen.
Bidragsytere“Gutenberg” har blitt oversatt til 46 språk. Takk til oversetterne for deres bidrag.
Oversett “Gutenberg” til ditt språk.
Interessert i utvikling?
Bla gjennom koden, sjekk ut SVN-repositoriet, eller abonner på utviklingsloggen med RSS.
Endringslogg
Features
- Support gradients in Cover block.
- Add a breadcrumb bar to support block hierarchy selection.
Enhancements
- Cover block: change the minimum height input step size to one.
- Allow setting a display name for blocks based on their content in the BlockNavigator.
- Hide the gradients panel if an empty set of gradients is explicitly defined.
- Do not transform list items into paragraphs when deleting first list item and list is not empty.
- Replace inline styles with classnames for the gradient palette.
- Preserve list attributes (start, type and reversed) when pasting or converting HTML to blocks.
Bugs
- Clear local autosaves after successful saves.
- Fix the columns block width overflow issue when using more than two columns.
- Fix the Link Rel input not showing the saved value of the link rel attribute.
- Fix JavaScript errors triggered when using links without href in HTML mode.
- Move the default list styles to the theme editor styles.
- Fix Invalid import statement for deprecated call in the Modal component.
- Fix a small visual glitch in the Publish button.
- Prevent blank page when using the Media Modal Edit Image «back» button.
- Allow the shortcode transform to apply to all the provided shortcode aliases.
- Fix JavaScript error triggered when using arrows on an empty URLInput.
- Fix extra margins added to Gallery blocks by list editor styles.
- Fix custom button background color not reflected on reload.
- Preserve List block attributes when splitting into multiple lists.
- Fix checkbox styles when used in metaboxes.
- Make the FontSizePicker style independent from WordPress core styles.
- Fix overlapping controls in the Inline Image formatting toolbar.
- Fix strikethrough formatting when copy/pasting from Google Docs in Safari.
- Allow media upload post processing for all 5xx REST API responses.