WordPress 5.4

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

WordPress 5.4-utgåvan släpptes den 31 mars 2020. Vad ger versionen för 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 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 sticker ut vid första anblicken: I Dashboard Det finns nu en ny widget för "Webbplatsens tillstånd". Funktionen bakom den har funnits sedan WordPress 5.2. Du hittar dem i backend under "Verktyg". Med den nya centrala placeringen kommer många användare sannolikt att bli medvetna om det 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 avsnittets webbplatstillstånd och förbättringar fortfarande hanterbar. Detta kommer säkert att förändras med framtida versioner. Fliken "Rapportera" 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 har hittills kallats "Fler verktyg & alternativ" i redigeraren.
  3. Avmarkera "Helskärmsläge"

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 till dina framträdanden i 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 befintlig ikon klickar du på ikonen och sedan via alternativet "Ta bort block". Då raderas inte hela blocket, utan bara respektive post:

Knappen Ta bort sociala Gutenberg
Ta bort sociala knappar i Gutenberg

Som standard är det skapade blocket inte ett återanvändbart element. Det betyder att om du gör ändringar - som att lägga till eller ta bort enskilda sociala ikoner - måste du göra det igen om du senare inkluderar "Social ikon" i ett annat block eller inlägg. Lösningen: Du konverterar ditt resultat till ett återanvändbart block och använder det sedan bara.

Tips: Många användare är ännu inte bekanta med funktionen "återanvändbara block". Det är extremt bekvämt: till exempel när Google+ försvann 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 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 "Knapp". Det nya alternativet "Knappar" erbjuder dock 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ändarna av Gutenberg med en "Välkomstguide". Detta inkluderar:

  • 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 för 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 den med musen till området "Ställ in inläggsbild" i det 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 metainformationen om bilden senare genom att klicka på den infogade bilden. Eller inom WordPress-mediebiblioteket. Detta är förmodligen den största "faran" med det praktiska 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"). Detta kommer att hålla dina användare på din webbplats längre. Värdena "vistelsens längd" och "sidvisningar per besök" ökar – båda är viktiga nyckeltal 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

Ytterligare nya funktioner i blocket "Senaste inlägg":

  • 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)

Ska hela artikeln vara synlig 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 inläggsinnehå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

För att göra detta, markera motsvarande del i den kontinuerliga texten med musen. I de avancerade alternativen (bredvid länkikonen) hittar du nu posten "Textfärg". Där kan du välja mellan fördefinierade färger eller ställa in en enskild färg. En RGB-färgtabell och hexadecimala färgvärden är tillgängliga för detta ändamål.

Andra ändringar

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 blocket "Galleri" kan du påverka bildstorleken (fyra nivåer: miniatyrbild, medium, stor, full storlek)
  • Det finns nu en signatur ("Caption") för tabeller, för bilder kan titelattributet tilldelas direkt i redigeraren (under 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.

Tyckte du om artikeln?

Med din recension hjälper du oss att förbättra vårt innehåll ytterligare.

Skriva en kommentar

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