Nytt i WordPress 5.4. Gutenberg : Sociala ikoner, knappar, fullskärm & mer

Michael Firnkes Uppdaterad den 23 oktober 2020
8 Min.
WordPress 5.4
Senast uppdaterad den 23 oktober 2020

Det är WordPress 5.4 Release släpptes den 31 mars 2020. Vad ger versionen till användare och utvecklare? Vår översikt: Detta är nytt i WordPress Och Gutenberg .

WordPress rensar sin redaktör Gutenberg och ger den nya funktioner. Innan vi går vidare till nästa utvecklingssteg – dvs. Flerspråkighet. Vissa innovationer kan orsaka förvirring bland användarna, bör du vara beredd på det. Vi sammanfattar alla viktiga förändringar för dig.

Widget: Tillståndet på webbplatsen

Innovationen i WordPress 5.4 som sticker ut vid första anblicken: I instrumentpanelen finns nu en ny widget för "webbplatsens tillstånd". Funktionen bakom den har funnits länge WordPress 5.2. Du hittar dem i baksätet under "Verktyg". Med den nya centrala placeringen bör många användare göras medvetna om detta för första gången:

Webbplatsens tillstånd
Den nya widgeten

Idén bakom funktionen: Administratörerna men också användarna av WordPress bör göras medvetna om eventuella brister i anläggningen. På samma sätt ger en titt på de detaljer som är länkade i widgeten förslag på förbättringar eller tips om möjliga säkerhetsproblem. Dessa är till exempel:

  • En lista över inaktiva Plugins Och Themes . Du bör alltid ta bort dessa, eftersom de också kan Attack mål för hackare kan vara.
  • Förslag på PHP-moduler som ska installeras på din server. Annars kan du WordPress långsamt, eller så saknas även enskilda funktioner. Se denna lista Av WordPress hosting Lag.
  • En varning om din webbplats ännu inte använder en HTTPS-anslutning.

Kryptering via SSL är ett absolut måste för alla professionella webbplatser. Om via Låt oss kryptera. Google kräver också en säker anslutning, annars din webbplats kommer att förlora betydligt i ranking och besökare. Helst ingår SSL-certifikaten i ditt värdpaket– minskar din ansträngning.

Hittills är funktionaliteten i webbplatsens status avsnitt eller förbättringar fortfarande hanterbar. Detta kommer säkert att förändras med framtida versioner. Fliken "Rapport" innehåller dock spännande information:

WordPress Konfiguration
Konfigurationen av WordPress

I den får du lära dig många detaljer om din konfiguration av WordPress Och WooCommerce . Du kan exportera dem, till exempel som ett hifsing-medel för din WordPress Tjänsteleverantör. Eller för felsökning för utvecklare av Plugins Och Themes .

Gutenberg i helskärmsläge

Det visste du inte. Gutenberg har ett helskärmsläge? Då blir du irriterad när du först ringer redaktören i version 5.4. Eftersom det inte finns något instrumentpanelsfält till vänster. Detta har fördelar men också nackdelar:

  • Speciellt på mindre skärmar har du nu mer utrymme tillgängligt för ditt innehåll
  • Du kommer inte att påverkas av inkommande kommentarer, uppdatera kommentarer och Plugins etc. distraherad
  • Samtidigt saknas sidofältet för enskilda processer

Den sista punkten saktar ner särskilt om du måste växla fram och tillbaka mellan inlägget översikt och redaktören när du uppdaterar dina texter. Eller om du vill gå till biblioteket en kort stund.

Gutenberg Fullscreen
Gutenberg i helskärmsläge

Fullscreen-läge är kontraproduktivt för ditt arbete? Sedan kan du återställa den välbekanta vyn på följande sätt:

  1. Gå till de avancerade alternativen för Gutenberg (de tre vertikala punkterna bredvid växelsymbolen längst upp till höger)
  2. Dessa kallas "Fler verktyg & alternativ" i redaktören
  3. Ta bort kroken i "Fullscreen-läge"

Beteendet - helskärmsläge på eller av - kan också användas med några rader JavaScript bestämt låtsas:

const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' );

if ( isFullscreenMode ) {
    wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' );
}

Detta är särskilt användbart om du som administratör eller utvecklare överskrids av användarnas önskemål så snart som WordPress 5.4 går live på din webbplats.

Gutenberg Blockera sociala ikoner

Med funktionen kan du infoga referenser eller ikoner om dina framträdanden på sociala nätverk med ett musklick. De grundläggande alternativen för "Social Icon":

  • Du kan bestämma typ, nummer och ordning på ikonerna själv, samt respektive länkar naturligtvis
  • Nästan 40 ikoner eller nätverk är tillgängliga
  • Förutom WordPress , Twitter, Facebook, YouTube eller Instagram är till exempel Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn , Pinterest, Skype, Vimeo eller Spotify
  • Referenser till andra webbplatser (t.ex. gästförfattare) eller e-postadresser kan också infogas

Något förvirrande: Om du vill ta bort en vohanden-ikon kan detta göras genom att klicka på ikonen och sedan via alternativet "Ta bort block". Då tas inte hela blocket bort, men bara respektive post:

Knappen Ta bort social Gutenberg
Ta bort sociala knappar i Gutenberg

Det skapade blocket är som standard inte ett återanvändbart objekt. Detta innebär att om du gör ändringar, till exempel lägga till eller avmarkera enskilda sociala ikoner, skulle du behöva göra det igen om du senare integreras "Social Icon" i ett annat block eller inlägg. Lösningen: Du konverterar ditt resultat till ett återanvändbart block och sedan bara använda det.

Tips: Många användare vet ännu inte funktionen "återanvändbara block". Det är mycket praktiskt: när Google+ försvann, till exempel, skulle du bara ha behövt justera förändringen i det återanvändbara elementet. Detta görs sedan automatiskt i motsvarande block av de enskilda bidragen.

Gutenberg Blockera knappar

Namnet är program: Om denna nya WordPress Blockera kan du inkludera textbaserade knappar i dina inlägg. Om du till exempel vill ladda ned e-böcker eller vidarebefordra dem till Landningssidor. Knapparna kan justeras på följande sätt:

  • Olika stilar (helt färgade eller endast med kontur)
  • Bakgrund och text färgar fritt valbart, också med individen färgar (via hexadecimal färgar värderar),
  • Bakgrund monokrom eller med historia (de vilda tiderna för webbdesign låt salut)
  • Kantinställningar (hörnradie)
  • Länkalternativ som mål _blank

Uppmärksamma användare av Gutenberg vet att det redan finns ett block som heter "Button". Det nya alternativet "Knappar" erbjuder dock betydligt fler alternativ:

Gutenberg Knappar
Gutenberg Knappar med övertoningar och kurvor

Dessutom kan du nu infoga flera knappar i rad utan att förstöra layouten. Du kan justera ordningen på knapparna som du vill genom att dra&släpp.

Obs: Ursprungligen, WordPress 5.4 a ny blocknavigering om du vill infoga en navigeringsmeny i innehållet på en sida eller ett inlägg. Denna justering har dock ett senare datum Flyttade.

Skärm: Välkommen till Block Editor

I likhet med WooCommerce användare av Gutenberg med en "Välkomstguide". Den innehåller:

  • En introduktion till hur den blockbaserade metoden fungerar
  • Grundläggande förklaring av alternativen per block (till exempel färg, bredd, orientering)
  • Anteckningar om blockbiblioteket

En referens i slutet leder till instruktioner för Gutenberg . Detta är dock på engelska.

Gutenberg Välkomstskärm
Välkomstguiden från Gutenberg

Vi rekommenderar följande källor om du ännu inte har börjat använda den nya redigeraren för WordPress har arbetat:

För administratörer är guiden inget nytt, men kanske ganska intressant för rena användare och redaktörer. De bör därför kunna Gutenberg för att hitta rätt. Detta kan också minska din support som administratör.

Tips: Välkomstguiden startar bara automatiskt om du WordPress nyinstallerade eller Gutenberg första gången. Vill du ringa det manuellt? Detta är i de allmänna alternativen under Verktyg -> välkomstguide (under den punkt där du kan växla mellan kod och visuell redigerare).

Infoga inläggsbild genom att dra & släppa

Ibland är det de små förändringar som användare av WordPress gör dig lycklig. Med version 5.4 kan du ladda upp inlägget bilden via dra och släpp. Till exempel:

  1. Du har redan redigerat eller skickat bilden, och den finns i en mapp på datorn
  2. Därifrån drar du den till området "Ställ in postbild" i den högra sidofältet i Gutenberg från version WordPress 5.4
  3. Klar - uppladdning till biblioteket sker automatiskt i bakgrunden

Om det behövs behöver du bara ange metadata till bilden efteråt genom att klicka på den infogade bilden. Eller inom mediebiblioteket för WordPress . Detta är förmodligen den största "fara" av det bekväma nya alternativet: det kommer på bekostnad av attribut som kan vara viktigt för din SEO.

Optimerade Block senaste inlägg

Visningen av ytterligare artiklar under dina blogginlägg används gärna av många läsare. Det liknar de senaste bidragen (för närvarande i Gutenberg "Senaste inläggen"). Detta kommer att hålla dina användare på din webbplats längre. Värdena "uppehållstid" och "sidvisningar per besök" ökar – båda är viktiga nyckeltal för Seo (SEO).

Klickfrekvensen för den här funktionen ökar avsevärt om du inte bara använder textlänkar, utan också visar respektive inläggsbilder. Det är precis vad som händer WordPress 5.4 möjligt:

Senaste inläggen WordPress
Senaste inläggen med inläggsbild

Andra innovationer i "Senaste bidragen" block:

  • Ange bildstorlek för förhandsgranskningsbilden
  • Du kan definiera fasta värden i pixlar eller använda olika procentuella storlekar
  • Bildorienteringen kan också justeras (vänsterjusterad, centrerad, högerjusterad)

Vill du att hela inlägget ska vara synligt i förhandsgranskningen, eller bara ett textutdrag? Vissa bloggar rapporterar att det här alternativet också har lagts till. De finns dock redan i WordPress 5.3. under "Inställningar för bidragsinnehåll".

Textfärg för enskilda ord och meningar

Hittills har textfärgen kunnat Gutenberg endast för ett fullständigt stycke eller stycke. Med WordPress 5.4 Det finns nu ett alternativ som gör att du kan ändra färg endast för enskilda bokstäver, ord eller meningar:

Textfärg i Gutenberg
Nu kan det också bli färgglatt i delar av dina texter

Det gör du genom att markera motsvarande del i flödestexten med musen. I de avancerade alternativen (bredvid länkikonen) hittar du nu posten "Textfärg". Där kan du välja mellan förutbestämda färger eller ange en enskild färg. För detta ändamål finns en RGB-färgtabell och hexadecimala färgvärden tillgängliga.

Andra ändringar för användare

WordPress 5.4 kommer med med det talrika minderårigjusteringar under huven, för systemet sig själv eller för redaktören Gutenberg . Här är en översikt över de viktigaste punkterna:

  • För enskilda block utökas nu Alternativ för färg och övertoning, till exempel för omslagsblocket (bild eller video med överlagringstext) men också för grupper och kolumner
  • Navigering i ströbröd av kapslade block är tydligare ordnad
  • I smartphone-vyn verktygsfältet ovan, så att det inte längre försvinner från fokus
  • I "Galleri"-blocket kan du påverka bildstorleken (fyra nivåer: förhandsgranskningsbild, medium, stor, full storlek)
  • Det finns nu en bildtext för tabeller, för bilder kan titelattributet tilldelas direkt i redigeraren (bland de avancerade alternativen)
  • Videor av TikTok-portalen finns i blockredigeraren som en ny inbäddningskälla

Dessutom är användbarheten av Gutenberg optimerad, till exempel genom att göra det enklare att välja block flera gånger eller navigera med tabbtangenten. Den senare arbetar nu också inom blockens sidofält.

Bildtext tabell WordPress
En tabell med signatur (bildtext)

Tips: Om du har någon information om den framtida färdplanen för WordPress sökningar och sedan besök bloggen av den tyskspråkiga WordPress Projekt. Eller sidan https://de. wordpress.org /om/färdplan/.

Ändringar för utvecklare

För alla som vill arbeta bakom kulisserna WordPress det finns också nya möjligheter. Men också mer prestanda:

  • Högre hastighet: Utvecklingsteamet runt Block Editor säger att det har Minska laddningstiden uppnås med 14 procent
  • Widgeten Kalender: Navigeringslänkarna flyttas till ett nav HTML-element som omedelbart följer tabellelementet för giltig HTML (enligt specifikationen till 5.1)
  • Enhetlig semantik: Funktionen do_shortcode() Är apply_shortcode() Ersatt
  • Favicons: Begäran om Favicon kan hanteras mer flexibelt, WordPress logotyp fungerar som en reservlösning
  • Fellogg: Fel i wp_login_failed presenteras mer i detalj

Du kan läsa mer om detta , samt ytterligare justeringar, i officiella meddelanden Att WordPress 5.4. Anmärkningar om testning WordPress 5.4 du hittar här.

Vilka frågor om WordPress 5.4 Har du? Använd kommentarsfunktionen. Du vill veta om nya bidrag till WordPress informeras? Följ oss sedan på TwitterFacebook eller via vår nyhetsbrev.

Michael tar hand om RAIDBOXES innehåll och psykisk hälsa. I bloggaren och WordPress gemenskapen han varit aktiv sedan 2007. Bland annat, som medarrangör av WordPress Evenemang, författare och företagens blogg tränare. Han gillar att blogga otroligt mycket, professionellt men även privat. Michael arbetar och skriver Fjärr från soliga Freiburg.

Liknande artiklar

Kommentarer om den här artikeln

Skriv en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är * Markerade.