WordPress 5.0 „Bebo“ ist da

#mega-menu-wrap-secondary #mega-menu-secondary ul.mega-sub-menu ul.menu { pointer-events: auto; } #content { #main { h1, h2, h3, h4, h5, h6 { @media screen and (max-width: 989px) { line-height: 1.3 !important; } } p { @media screen and (max-width: 989px) { line-height: 1.5 !important; } } @media screen and (max-width: 989px) { h1 { font-size: 35px !important; } h2 { font-size: 28px !important; } h3 { font-size: 22px !important; } } } .gb-container { &:has(.button-primary + .button-secondary) { @media screen and (max-width: 767px) { flex-direction: column; gap: 10px; } .button-primary, .button-secondary { @media screen and (max-width: 767px) { width: fit-content; } } } } .button-primary, .button-secondary { @media screen and (max-width: 767px) { } & > * { white-space: unset; cursor: pointer; } } } .flexible-layout { &--style { &_3 { .flexible-layout__images { gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr); @media screen and (min-width: 768px) { } .flexible-layout { &__image-container { width: auto; &.flexible-layout__image-container--secondary { line-height: 0; img.flexible-layout__image { @media screen and (max-width: 575px) { max-height: 160px; } } } } &__image-column { gap: 10px; width: auto; } } } } } } // body.job-template-default .reasons-wrapper { & > .gb-grid-wrapper { // gap: 20px; & > .gb-grid-column > .gb-container { background: var(--base-3); padding: 50px 35px; h3:last-child { margin: 0; } } } } .benefits { .gb-grid-column { h3:last-child { margin-bottom: 0; } } } .wpcf7-form { input.wpcf7-form-control.wpcf7-submit { width: 100%; padding: 8px 18px; } .drop_uploader.drop_zone { min-height: unset !important; padding: 15px; border: 2px dashed var(--contrast-3); transition: .3s ease all; &:has(a.file_browse:hover) { border: 2px dashed var(--salmon); } .text_wrapper { margin-block: 30px; .text { font-size: 1em; } i { font-size: 30px; } } ul.files { &.thumb { margin: 0 auto !important; width: 100%; li { font-size: 0.75em !important; .thumbnail { background-position: center; } } } } } } .list-element-custom { p.gb-headline { .gb-icon { // display: inline-flex; // margin-block: auto; svg { height: 1em; // width: 1em; top: 2px; position: relative; /* background: lightcoral; */ } } } } .pagination { margin-top: 30px; br { display: none; } .wp-pagenavi { padding-inline: 20px; @media screen and (min-width: 990px) { padding-inline: 50px; } & > * { font-size: 18px !important; } a { transition: .5s ease all; &:hover { color: var(--c-secondary); } } } } .gb-container.text-image-section > .gb-grid-wrapper > .gb-grid-column > .gb-container { // height: 100%; // display: flex; // flex-direction: column; // justify-content: center; } .job-filter-wrapper, .job-results-wrapper { p:empty { display: none; margin-bottom: 0 !important; } } .job-filter-wrapper { form.searchandfilter { & > ul { margin-bottom: 40px; row-gap: 5px !important; } li.sf-field-search { input { &::placeholder { font-size: 1em; } } } li[data-sf-field-input-type="select"] { & > label { border: 2px solid #999; padding-right: 20px; border-radius: 10px; & > select { background: transparent; border: unset; padding: 10px 0 10px 20px; option { // padding-block: 15px; &.sf-option-active { // background: var(--c-secondary); } } } } &.active { & > label { border-color: var(--c-secondary); color: var(--c-secondary); } } } } } .job-results-wrapper { .search-filter-results { br + .job-listing { margin-top: 25px; } } .job-listing { @media screen and (min-width: 990px) { padding-inline: 50px; } } } body .button-primary, body .button-secondary { font-weight: 500; } .carreer-intro { &:before { // max-width: calc(100% - 850px); // left: unset; // width: 100%; } p { font-size: 20px; margin-block: 30px; } }

Wir begrüßen den neuen Gutenberg-Editor!

Der Release WordPress „Bebo“, den man jetzt nach dem kubanischen Jazz-Musiker Bebo Valdés benannt hat, beherbergt einige große Änderungen. Zum Beispiel ist der neue Editor blockbasiert und man hat nun einer Zukunft mit einer vereinfachten Bearbeitung der komplette Webseite die Türen geöffnet. Bis jetzt wurde er schon in nahezu 40 Sprachen übersetzt und man ist bestrebt, hier in kürzester Zeit alle Länder zu bedienen. Die Unterteilung in kleinste Teile separiert sich beispielsweise in:

Absatz
Überschrift
Bild
Zitat
Cover
Galerie
Audio
Code
Tabelle

Webdesign mit Hilfe von Blöcken

Dass der neue Editor auf Blöcken basiert bedeutet, dass er vor allem mehr Flexibilität bei der Darstellung von Inhalten bietet. Aber das heißt nicht, dass Inhalte jetzt für den Besucher komplett anders erscheinen. Doch man kann jetzt sämtliche Multimedia-Features vereinfacht einfügen und einrichten werden. Absolut jeder Inhaltsteil wird in einem separaten Block aufgebaut und lässt sich dadurch flexibel verschieben. Bei diesem Release wurde weniger auf Erleichterungen für den Besucher als für den Entwickler geachtet.

Einfacheres Handling des CMS – auch für Kunden!

Design und Inhalt kann man nun in wiederverwendbaren Blöcken erstellen. So können auch Kunden einfacher neue Inhalte einfügen, ohne dass sich das Aussehen der Webseite verändert.

Ein Hoch auf Twenty Nineteen!

Das ist das neue Standard-Theme, das genau diese Vereinfachung des Editors zulässt. Die eigenen Styles der als Standard definierten Blöcke machen es möglich, dass sich die Ansicht im Backend wie im Frontend kaum unterscheidet. System-Fonts optimieren die Ladezeit und das bedeutet, dass selbst bei einer langsamen Internetverbindung die Wartezeiten kürzer sind. Twenty Nineteen funktioniert auf einer immensen Bandbreite, völlig unabhängig von der Unternehmensausrichtung. Es erfüllt nahezu jedes Bedürfnis.

Vorteile im Überblick

Dadurch, dass der Nutzer die Blockinhalte direkt ändern kann, ohne dass er aus Versehen Code-Änderungen vornimmt, die die Inhaltsstruktur zerstören, bietet WP 5.0 einen erfreulich hohen Schutz.
Durch vielfältige Vorteile von APIs und Interface-Komponenten kann man neue Blöcke mit intuitiven Bedienelementen für die Kunden erstellen. Noch dazu ergibt sich ein konstanteres Bild im Interface der Nutzer.
Weil es nun einen einheitlichen Weg gibt, neue Blöcke einzufügen, kann man Blöcke für alle Inhaltse finden und nutzen. Die Unausweichlichkeit, sich mit komplizierten APIs zu beschäftigen, entfällt.
Es besteht keine Notwendigkeit für einen sofortigen Wechsel. WordPress unterstützt den klassischen Editor bis 2021. Hierfür steht das Classic-Editor-Plugin zur Verfügung.

Update 13.12.2019:

WordPress 5.0.1 Sicherheits-Release gleich nach WP 5.0 erschienen!

WordPress 5.0.1 ist kurz nach der Veröffentlichung von WordPress 5.0 erschienen und zwar als Sicherheits-Release für alle Versionen ab WordPress 3.7. Das Entwickler-Team rät dringend, das Sicherheits-Update schnellstmöglich zu installieren, denn die WordPress-Versionen 5.0 und älter sind von insgesamt 7 Sicherheitslücken betroffen, die hier jetzt behoben wurden.