Nytt i WordPress 5.4 och Gutenberg : Sociala ikoner, knappar, fullscreen & mer

Michael Firnkes Senast 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 innebär versionen för användare och utvecklare? Vår översikt: Det här är nytt i WordPress Och Gutenberg .

WordPress rensar sin redaktör Gutenberg och ger den nya funktioner. Innan vi går in i nästa utvecklingssteg – alltså mot samverkan och 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: Platsens tillstånd

Innovationen av WordPress 5.4 som står ut vid första anblicken: I instrumentpanelen finns nu en ny widget för "hemsidans tillstånd". Funktionen bakom den har funnits länge WordPress 5.2. Du kan hitta dem i backend 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: De admins men också användarna av WordPress bör göras medvetna om eventuella svagheter i anläggningen. Likaså ger en titt på detaljerna 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 dem, eftersom de kan vara en attack mål för hackare även när funktionshindrade.
  • Förslag på PHP-moduler som bör installeras på din server. Annars kan du WordPress köras långsamt, eller enskilda funktioner saknas till och med. Se denna lista över de 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 webbplats. Om via Let's Encrypt. 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 – detta minskar din insats.

Hittills är funktionaliteten i webbplatsen status avsnittet 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 det kommer du att lära dig talrika detaljer om din konfiguration av WordPress Och WooCommerce . Du kan exportera dem, till exempel som hifsing-agent för din WordPress Tjänsteleverantör. Eller för felsökning för utvecklare av Plugins Och Themes .

Gutenberg i fullscreen-läge

Du visste inte att Gutenberg har ett helskärmsläge? Då blir du irriterad när du först ringer till editorn i version 5.4. Eftersom det inte finns någon instrumentpanel bar till vänster. Detta har fördelar men även 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 speciellt om du måste växla fram och tillbaka mellan posten översikt och redaktören vid uppdatering av dina texter. Eller om du vill kort gå till biblioteket.

Gutenberg Fullscreen
Gutenberg i helskärmsläge

Fullscreen-läget ä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 kugghjulssymbolen längst upp till höger)
  2. Dessa kallas "Fler verktyg & alternativ" i redaktören
  3. Ta bort kroken vid "Fullscreen Mode"

Beteendet - helskärmsläge på eller av - kan också ställas inmed några rader JavaScript:

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 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 själv bestämma ikonernas typ, nummer och ordning, samt respektive länkar naturligtvis
  • Närmare 40 ikoner eller nätverk finns tillgängliga
  • Förutom WordPress , Twitter, Facebook, YouTube eller Instagram är till exempel Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn , Pinterest, Skype, Vimeo eller Spotify
  • Hänvisningar 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å inte den kompletta blocket tas bort, men bara respektive post:

Knappen Ta bort sociala Gutenberg
Ta bort sociala knappar i Gutenberg

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

Tips: Många användare vet ännu inte funktionen "återanvändbara block". Det är extremt praktiskt: när Google+ försvann, till exempel, skulle du bara ha behövt justera ä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 detta nya WordPress Blockera, du kan inkludera textbaserade knappar i dina inlägg. Om du till exempel vill hämta e-böcker eller för att vidarebefordra dem till centrala målsidor. Knapparna kan justeras enligt följande:

  • Olika stilar (helt färgade eller endast med kontur)
  • Bakgrund och text färg fritt valbar, med individen färgar också (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". Men den nya "Knappar" alternativet erbjuder betydligt fler alternativ:

Gutenberg Knappar
Gutenberg Knappar med övertoningar och kurvor

Dessutom kan det nu du infoga flera knappar i rad utan att splittra din layout. Du kan justera knapparnas ordning som du vill genom att dra och släppa.

Obs: Ursprungligen, WordPress 5.4 få ett nytt block av navigering för att infoga en navigeringsmeny i innehållet på en sida eller ett inlägg. Denna justering har dock senarelagts till ett senare datum.

Skärm: Välkommen till Blockredigeraren

Liknar 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älkommen Skä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 admins är guiden inget nytt, men kanske ganska intressant för rena användare och redaktörer. De bör således kunna Gutenberg att hitta rätt. Detta kan också minska ditt stöd ansträngning som en admin.

Tips: Välkomstguiden startar bara automatiskt om du WordPress nyinstallerade eller Gutenberg första gången. Vill du ringa det manuellt? Detta kan göras 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 och släppa

Ibland är det de små förändringarna som användare av WordPress göra dig lycklig. Med version 5.4 kan du ladda upp post 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 det till området "Ställ inläggsbild" i högra sidofältet på 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 av WordPress . Detta är förmodligen den största "fara" av det bekväma nya alternativet: det kommer på bekostnad av attribut som kan vara viktiga för din SEO.

Optimerad Block Senaste inläggen

Visningen av ytterligare artiklar under dina blogginlägg används gärna av många läsare. Det är liknande med de senaste bidragen (för närvarande i Gutenberg "Senaste inläggen"). Då får användarna att stanna kvar på din webbplats längre. Värdena "uppehållstid" och "sidvisningar per besök" ökar – båda är viktiga mätvärden för sökmotoroptimering (SEO).

Klickfrekvensen för denna funktion ökar betydligt om du inte bara använder textlänkar, utan även visar respektive inläggsbilder. Det är precis vad som händer WordPress 5.4 möjligt:

Senaste inläggen WordPress
Senaste inlägg med inlägg bild

Andra innovationer i blocket "Senaste bidrag":

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

Vill du att hela inlägget ska synas 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

Fram till nu kan textfärgen Gutenberg endast för ett komplett stycke eller stycke. Med WordPress 5.4 det finns nu ett alternativ som låter dig ändra färg endast för enskilda bokstäver, ord eller meningar:

Textfärg i Gutenberg
Nu kan det också bli färgstarkt 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 ställa in en individuell 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 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 finns nu utökade färg- och toningsalternativ,till exempel för omslagsblocket (bild eller video med överlagringstext) men även för grupper och spalter
  • Navigering i ströbröd av kapslade block är tydligare ordnad
  • I smartphonevyn stannar verktygsfältetpå toppen, så det försvinner inte längre från fokus
  • I "Galleri"-blocket kan du påverka bildstorleken (fyra nivåer: förhandsbild, 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 kan på vissa ställen användbarheten av Gutenberg optimerad, till exempel genom att göra det enklare att välja block flera gånger eller navigera med Tabb-tangenten. 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öka, besök sedan 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 också finns nya möjligheter. Men också mer prestanda:

  • Högre hastighet: Utvecklingsteamet runt blockredaktören säger att det har uppnått en 14-procentig minskning av laddningstiden
  • Widget för kalender: Navigeringslänkarna flyttas till ett NAV HTML-element som omedelbart följer tabellelementet för giltig HTML (enligt specifikation till 5.1)
  • Enhetlig semantik: Funktionen do_shortcode() Är apply_shortcode() Ersatt
  • Favicons: Önskemålen om Favicon kan hanteras på ett mer flexibelt sätt, de WordPress logotypen fungerar som en reservlösning
  • Fel-logg: Fel i wp_login_failed presenteras mer ingående

För mer information, samt andra justeringar, se de officiella kungörelser på WordPress 5.4. Anmärkningar om testning WordPress 5,4 hittar du 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å Twitter, Facebook eller via vårt nyhetsbrev.

Liknande artiklar

Kommentarer om den här artikeln

Skriva en kommentar

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