Gutenberg

Beskrivelse

The block editor was introduced in core WordPress with version 5.0 but the Gutenberg project will ultimately impact the entire publishing experience including customization (the next focus area). This beta plugin allows you to test bleeding-edge features around editing and customization projects before they land in future WordPress releases.

Lær mer om prosjektet.

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:

  1. Blokken forener mange brukergrensenitt. Hvis vi la det på toppen av eksisterende grensesnitt ville det øke kompleksiteten, i motsetning til å fjerne det.
  2. 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.
  3. 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.
  4. Ved å ta hele grensesnittet i betraktning legger man et solid fundament for neste fokus, full tilpasning av nettstedet.
  5. 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.

Blokker

Denne utvidelsen gir 17 blokker.

core/block
Gutenberg
core/template-part
Gutenberg
core/social-link-
Gutenberg
core/post-content
Gutenberg
core/latest-posts
Gutenberg
core/shortcode
Gutenberg
core/legacy-widget
Gutenberg
core/tag-cloud
Gutenberg
core/categories
Gutenberg
core/post-title
Gutenberg
core/latest-comments
Gutenberg
core/site-title
Gutenberg
core/navigation
Gutenberg
core/calendar
Gutenberg
core/archives
Gutenberg
core/search
Gutenberg
core/rss
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?

Vurderinger

18. januar, 2020
This is really nice solution. I like it much more then classic editor.
17. januar, 2020
This is a nightmare. I can't do anything I want with. Diverse HTML tags are taken out of your control entirely. If you want complete control over your HTML, then you need to save and maintain your content off-site, edit your HTML there, paste it into the Gutenberg-editor, save and view. If you want to change your content later, the you will have to relocate the matching html code you had saved somewhere on your computer... Is this supposed to be innovation? This is a one-way HTML editor. Once you paste your HTML into Gutenberg, then half of it is gone after saving...
15. januar, 2020
How do you cut and paste plain text and then format? Not easy - when you create a new para block it adds an extra line. No easy way to convert HTML back and forth without it screwing up. Doesn't recognize <i> tags when pasting. How do you insert a block? Does weird reformatting when you don't expect it. User interface is totally confusing - the so-called 'clean UI' just means there are no visual prompts. How do you superscript or subscript? Shall I go on? Total fail. This is an example of developers trying to be clever but not relying on user input for their design/coding decisions.
15. januar, 2020
Since I installed Gutenberg I felt in love again with WordPress. Everything is a shortcut now and it's amazing.
15. januar, 2020
Why is this plugin still supplied with WP. Its the worst plugin I have ever worked upon
Les alle 3 007 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

New Features

  • Add a new Buttons block. #17352
  • Support adding links to Media & Text block image. #18139
  • Navigation block: Support changing the font size. #19127
  • Gallery block: Add images size selector. #18581

Enhancements

  • Improve the block inserter search algorithm. #19122
  • Improve the block placeholders design and responsiveness. #18745
  • Navigation mode: Auto-enable when tabbing to the block list with an existing block selection. #19238 #19298
  • Use tabs for gradient and color. #19133
  • Add «download» keyword to the File block. #18995
  • Add «poem» keyword to the Verse block. #19355
  • Convert to blocks:
    • preserve text alignment. #19097
    • Skip shortcode if not on its own line. #19059
  • Writing flow: Improve tabbing for Edit mode. #19235
  • Use Popover for the block toolbar. #18779
  • Improve the block multi-selection styles. #19094 #19121
  • Support reduced-motion for Social Links transitions. #18750
  • Use the default cursor for Select Tool #19157
  • Round position attributes on cover focal point save. #19183
  • Remove block inserter shortcuts. #19045
  • Navigation block:
    • Clarify the placeholder label. #19105
    • Removes the reusable block option from the items. #19250
    • Sub-items white background adjustment. #18976
  • Adjustments to the welcome guide. #19195
  • Audio block: Don’t render an empty audio tag. #18850
  • Make validation of block html tags and attributes case insensitive #19207
  • Block examples: concatenate strings and add translators notes. #19048
  • Show the trash button as a link. #19131
  • Removed the bottom-margin for the RadioControl component. #19340
  • Copy:
    • Capitalize «Manager» in Block Manager. #19375
    • Expand on sentence case usage. #18758 #19377
    • Update the copy of the Experiments page #18233
    • Removes title case from alignments for text and image. #18757
    • Unify not capitalizing the heading for each of the attributes. #19374
    • Updates description of the navigation block. #19098

Performance:

  • Remove the BlockAsyncRenderProvider and render parents asynchronously #19343

Bugs:

  • A11y:
    • Make text alignment items radio menu items. #19233
    • Add group role to the block wrapper element. #19213
    • Prevent tabbing to the block drag handle. #19211
    • Add a label attribute to the Social Icons block. #18651
    • Improve Welcome guide and modal component. #19261 #19290
  • Pasting:
    • Content that results in a new block shouldn’t be treated as inline content. #19084
    • Preserve inline images. #19064
    • Remove trailing br elements. #19035
    • Remove windows paste markers. #19040
    • Strip HTML formatting space for inline text. #19043
    • Apply active formats when pasting inline. #14815
  • Rich Text:
    • Fix applying a format across 2 other formats. #19053
    • Fix using composed characters on Safari. #19171
  • Fix block navigation using the up arrow key. #19135
  • Fix Welcome Guide modal display for Internet Explorer. #19201
  • Fix Gallery block crashing on the contributor role. #19060
  • Only show available image sizes for Image and Gallery blocks. #19301
  • Remove the circle mask style from the Image block, and add a «rounded» style instead. #19028
  • Fix the Jest Preset Default package: Update preset file extension for inclusion in NPM deployments. #19306
  • Fix the Base Styles package: Import colors into variables. #19159
  • Limit the Next Page (Page Break) block to root level only. #18260
  • Navigation mode: fix reverse tabbing to the post title. #19305
  • Reposition Popovers on click. #19268
  • Fix RangeControl initialPosition prop to accept 0 as a value. #18611 #19202
  • CustomSelectControl: Use items width instead of 100%. #19150
  • Verse block: fix white space. #19173
  • Add missing i18n to the Latest Posts block settings strings #19032
  • Fix ColorPicker alpha value normalization. #18991
  • Fix Post title encoding. #19187
  • Fix dates alignments in the picker. #19294
  • Media Replace Flow: Don’t show the URL option unless there is a handler. #19063
  • Popover: don’t render fallback anchor if anchorRef is defined. #19308
  • Fix cursor position when splitting blocks with IME keyboard. #19055
  • URLInput: Avoid showing the suggestions loader when disabled. #18979
  • Translate block example strings. #18162
  • Writing flow: simplify & fix tabbing out of block. #19312

New APIs:

  • Button component:
    • Support the icon prop and use a consistent button height. #19193 #19366 #19123 #19058
    • Deprecate IconButton and replace its usage with Button. #19299 #19241
    • Support isPressed prop in Button and SVG components. #17748
  • New the @wordpress/keyboard-shortcuts package:
  • New React hook: useInstanceId. #19091
  • Support running arbitrary commands on the @wordpress/env containers and use it for linting and server registered fixtures. #18986
  • Font Size Picker: Add default size #18273

Experiments

  • Full Site Editing:
    • Add package with barebones site editor screen. #19054
    • Add Multi-Entity Saving flow. #18029 #19155
  • Widgets screen & customizer:
    • Fix Customiser block editor crash. #19023
    • Fix Drag & Drop not working on the widgets screen. #19029
  • Allow parent Block to consume child Block’s toolbar. #18440
  • Allow disabling the Block UI. #18173
  • Block Directory:
    • Update the regular expression that determines whether the plugin is using an img URL or an icon slug. #19316
    • Use the block’s title for alt text on block directory plugin items. #19263

Documentation

Various

  • Block Editor: Remove legacy «editor-» class name compatibility. #19050(https://github.com/wordpress/gutenberg/pull/19046)
  • Block Editor: Test ContrastChecker notices by string comparison. #19169
  • Fix useColors crashes on storybook. [#19046]
  • Data: Remove unused forceRender argument #19206
  • Define useSelect dependencies properly. #19044
  • Deprecate @wordpress/nux package. #18981
  • E2E Test Utils: Remove empty, unused KeyboardMode file. #19166
  • Popover: remove buffer options #19283
  • Refactor the MediaReplaceFlow component to use Dropdown. #19126
  • Remove unused is-hovered class from the block wrapper. #19390
  • RichText:
    • Rewrite withFilters with hooks. #19117
    • split out boundary style calculation. #19319
  • WritingFlow: rewrite with hooks. #19393
  • Project management: Add prepublish packages command for npm releases. #19214
  • Remove unused blocks-font-size classname. #19208
  • Add a pre-commit hook to check whether API docs are updated. #18820
  • Add mechanism to set a width on withViewportMatch. #17085
  • Add minimum and maximum values to the Gallery columns attribute. #16314
  • Include demo block templates in build ZIP. #19072
  • Fix CSS Coding Standards issue. #19272
  • Resolve WordPress package type imports. #18927
  • Add e2e tests:
    • Splitting and merging text. #19049
    • InnerBlocks renderAppender. #14996
    • Navigation block. #19189
    • Validate embed rendering before proceeding to next #19042
  • Add unit tests to the useViewportMatch and useMediaQuery React hooks. #19019