Novinka v WordPress 5.4 a Gutenberg : Sociální ikony, tlačítka, celoobradové a další

Michael Firnkes Naposledy aktualizováno na Říjen 23, 2020
8 min.
WordPress 5.4
Naposledy aktualizováno na Říjen 23, 2020

Tá WordPress Vydání 5.4 bylo vydáno 31. března 2020. Co tato verze přináší uživatelům a vývojářům? Náš přehled: To je novinka v WordPress A Gutenberg .

WordPress vymaže svého editora Gutenberg a dává mu nové funkce. Než se dostaneme k dalším vývojovým krokům – tedy ke spolupráci a mnohojazyčnosti. Některé inovace by mohly způsobit zmatek mezi uživateli, na to byste měli být připraveni. Shrnujeme pro vás všechny důležité změny.

Widget: Stav webu

Inovace WordPress 5.4, který vyniká na první pohled: Na řídicím panelu je nyní nový widget pro "stav webových stránek". Funkce, která za tím stojí, je již dlouhou dobu WordPress 5.2. Najdete je v back-endu pod "Nástroje". S novým centrálním umístěním by o tom mělo být mnoho uživatelů poprvé informováno:

Stav webových stránek
Nový widget

Myšlenka za funkcí: Administrátoři, ale i uživatelé WordPress by měly být informovány o možných nedostatkech v zařízení. Podobně pohled na podrobnosti propojené ve widgetu poskytuje návrhy na zlepšení nebo rady ohledně možných slabých míst zabezpečení. Jedná se například o:

  • Seznam neaktivních Plugins A Themes . Měli byste je vždy odstranit, protože mohou být cílem útoku pro hackery, i když jsou zakázány.
  • Návrhy php modulů, které by měly být nainstalovány na vašem serveru. V opačném případě můžete WordPress spusťte pomalu nebo jednotlivé funkce dokonce chybí. Podívejte se na tento seznam WordPress Hosting Týmy.
  • Upozornění, pokud váš web ještě nepoužívá připojení HTTPS.

Šifrování přes SSL je absolutní nutností pro všechny profesionální webové stránky. O společnosti let's Encrypt. Google také vyžaduje bezpečné připojení, jinak váš web výrazně ztratí v hodnocení a návštěvnících. V ideálním případě jsou certifikáty SSL součástí vašeho hostingového balíčku, což snižuje vaše úsilí.

Doposud je funkčnost sekce stavu webových stránek nebo vylepšení stále zvládnutelná. To se s budoucími verzemi určitě změní. Karta "Sestava" však obsahuje zajímavé informace:

WordPress Konfigurace
Konfigurace WordPress

V něm se dozvíte mnoho podrobností o konfiguraci WordPress A WooCommerce . Můžete je exportovat, například jako hifsingový agent pro WordPress poskytovatele služeb. Nebo pro řešení potíží pro vývojáře Plugins A Themes .

Gutenberg v celoobradovém režimu

To jsi nevěděl. Gutenberg má režim celé obrazovky? Pak budete podrážděni, když poprvé zavoláte editor ve verzi 5.4. Protože na levé straně není žádný panel řídicího panelu. To má výhody, ale také nevýhody:

  • Zejména na menších obrazovkách máte nyní k dispozici více místa pro váš obsah
  • Nebudete ovlivněni příchozími komentáři, aktualizacemi komentářů a Plugins atd. rozptýlené
  • Současně chybí postranní panel pro jednotlivé procesy

Poslední bod se zpomalí, zejména pokud při aktualizaci textů musíte přepínat mezi přehledem příspěvku a editorem. Nebo jestli chceš jít nakrátko do knihovny.

Gutenberg Fullscreen
Gutenberg v režimu celé obrazovky

Celoobrazový režim je kontraproduktivní pro vaši práci? Pak můžete obnovit známé zobrazení následujícím způsobem:

  1. Přejděte k pokročilým možnostem Gutenberg (tři svislé body vedle symbolu ozubeného kola vpravo nahoře)
  2. V editoru se nazývají "Další nástroje a možnosti"
  3. Vyjměte háček v režimu "Režim celé obrazovky"

Chování - režim na celou obrazovku zapíná nebo vypíná - lze také nastavit pomocíněkolika řádků JavaScriptu:

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

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

To je užitečné zejména v případě, že jste jako správce nebo vývojář zaplaveni požadavky uživatelů, jakmile WordPress 5.4 je živě na vašich webových stránkách.

Gutenberg Blokovat ikony sociálních sítí

Pomocí funkce můžete kliknutím myši vkládat odkazy nebo ikony o svém vzhledu na sociálních sítích. Základní možnosti "Sociální ikony":

  • Typ, číslo a pořadí ikon můžete určit sami, stejně jako příslušné odkazy samozřejmě
  • K dispozici je téměř 40 ikon nebo sítí
  • Kromě WordPress , Twitter, Facebook, YouTube nebo Instagram jsou například Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn , Pinterest, Skype, Vimeo nebo Spotify
  • Lze také vložit odkazy na jiné webové stránky (např. hostující autory) nebo e-mailové adresy

Poněkud matoucí: Pokud chcete odstranit ikonu vohandenu, lze to provést kliknutím na ikonu a poté pomocí možnosti "Odstranit blok". Poté se nezmaže celý blok, ale pouze příslušná položka:

Tlačítko Odstranit sociální síť Gutenberg
Odstranění tlačítek sociálních sítí v Gutenberg

Vytvořený blok není ve výchozím nastavení životnou položkou. To znamená, že pokud proveďte změny, jako je přidání nebo odstranění výběru jednotlivých ikon sociálních sítí, budete to muset udělat znovu, pokud později integrujete "Sociální ikonu" do jiného bloku nebo příspěvku. Řešení: Výsledek převedete na blokovatelný blok a pak jej použijete pouze.

Tip: Mnoho uživatelů ještě nezná funkci "lyžovatelné bloky". Je to velmi šikovné: když například Google+ zmizel, museli byste pouze upravit změnu ově ověřovatelného prvku. To se pak provádí automaticky v odpovídajících blocích jednotlivých příspěvků.

Gutenberg Tlačítka blokování

Název je program: O tomto novém WordPress Blokovat, můžete do příspěvků zahrnout textová tlačítka. Chcete-li například stáhnout elektronické knihy nebo je přeposílát na centrální vstupní stránky. Tlačítka lze nastavit následujícím způsobem:

  • Různé styly (zcela barevné nebo pouze s obrysem)
  • Barva pozadí a textu volně volitelná, také s jednotlivými barvami (prostřednictvím šestnáctkem barevných hodnot)
  • Monochromatické pozadí nebo s historií (divoké časy webového designu nechají salutovat)
  • Nastavení hrany (poloměr rohu)
  • Možnosti propojení, například cílová _blank

Pozorní uživatelé Gutenberg vědět, že již existuje blok nazvaný "Tlačítko". Nová možnost "Tlačítka" však nabízí výrazně více možností:

Gutenberg Tlačítka
Gutenberg Tlačítka s přechody a křivkami

Kromě toho nyní umožňuje vložit více tlačítek v řadě, aniž byste rozbili rozvržení. Pořadí tlačítek můžete upravit podle potřeby přetažením.

Poznámka: Původně WordPress 5.4 získat nový navigační blok pro vložení navigační nabídky do obsahu stránky nebo příspěvku. Tato úprava však byla odložena na pozdější datum.

Obrazovka: Vítá vás Blokový editor

Podobně jako WooCommerce uživatelé Gutenberg s "Uvítacím průvodcem". Obsahuje:

  • Úvod do toho, jak funguje blokový přístup
  • Základní vysvětlení možností pro blok (například barva, šířka, orientace)
  • Poznámky k blokové knihovně

Odkaz na konci vede k pokynům pro Gutenberg . To je však v angličtině.

Gutenberg Úvodní obrazovka
Uvítací průvodce od Gutenberg

Pokud jste ještě nezačali používat nový editor pro WordPress pracovaly:

Pro správce není průvodce nic nového, ale možná docela zajímavé pro čisté uživatele a editory. Měly by tak být schopny Gutenberg najít cestu kolem. To může také snížit úsilí o podporu jako správce.

Tip: Uvítací příručka se spustí automaticky pouze v případě, že WordPress nově instalované nebo Gutenberg poprvé. Chceš tomu říkat ručně? To lze provést v obecných možnostech v části Tools -> Welcome Guide (pod bodem, kde můžete přepínat mezi kódem a vizuálním editorem).

Vložení obrázku příspěvku přetažením

Někdy jsou to malé změny, které uživatelé WordPress udělat tě šťastnou. S verzí 5.4 můžete nahrát obrázek příspěvku přetažením. Například:

  1. Obrázek jste již upravovali nebo odeslali a nachází se ve složce v počítači.
  2. Odtud jej přetáhněte do oblasti "Nastavit obrázek příspěvku" na pravém bočním panelu Gutenberg z verze WordPress 5.4
  3. Hotovo - nahrávání do knihovny se provádí automaticky na pozadí

V případě potřeby musíte metadata do obrázku zadat až poté kliknutím na vložený obrázek. Nebo v knihovně médií WordPress . To je pravděpodobně největší "nebezpečí" pohodlné nové možnosti: přichází na úkor atributů, které mohou být důležité pro vaše SEO.

Optimalizované blokování nejnovějších příspěvků

Zobrazení dalších článků pod vašimi blogové příspěvky je rádo používáno mnoha čtenáři. Je to podobné jako u nejnovějších příspěvků (v současné době Gutenberg "Nejnovější příspěvky"). To udrží vaše uživatele na vašem webu déle. Hodnoty "doba pobytu" a "zobrazení stránek na návštěvu" se zvyšují – obě jsou důležitými metrikami pro optimalizaci pro vyhledávače (SEO).

Míra prokliku této funkce se výrazně zvyšuje, pokud používáte nejen textové odkazy, ale také zobrazujete příslušné obrázky příspěvku. To je přesně to, co se děje. WordPress 5.4 možné:

Nejnovější příspěvky WordPress
Nejnovější příspěvky s obrázkem příspěvku

Další inovace v bloku "Nejnovější příspěvky":

  • Nastavení velikosti obrázku pro náhled obrázku
  • Pevné hodnoty můžete definovat v pixelech nebo použít různé procentuální velikosti
  • Orientaci obrazu lze také upravit (doleva zarovnané, vystředěné, zarovnané doprava)

Chcete, aby byl celý příspěvek viditelný v náhledu, nebo jen výňatek z textu? Některé blogy uvádějí, že tato možnost byla také přidána. Jsou však již k dispozici WordPress 5.3. v části "Nastavení obsahu příspěvku" .

Barva textu pro jednotlivá slova a věty

Až dosud mohla být barva textu Gutenberg pouze pro úplný odstavec nebo odstavec. S WordPress 5.4 Nyní existuje možnost, která umožňuje změnit barvu pouze pro jednotlivá písmena, slova nebo věty:

Barva textu v Gutenberg
Nyní může být také barevný v částech vašich textů

Chcete-li to udělat, označte odpovídající část v textu toku myší. V pokročilých možnostech (vedle ikony odkazu) nyní najdete položku "Barva textu". Zde si můžete vybrat z předem stanovených barev nebo nastavit jednotlivé barvy. Pro tento účel jsou k dispozici tabulka barev RGB a šestnáctkové hodnoty barev.

Další změny pro uživatele

WordPress 5.4 s sebou přináší četné drobné úpravy pod kapotou, pro samotný systém nebo pro editor Gutenberg . Zde je přehled nejdůležitějších bodů:

  • Pro jednotlivé bloky jsou nyní rozšířené volby barev a přechodu,například pro blok obálky (obrázek nebo video s textem překrytí), ale také pro skupiny a sloupce
  • Navigace ve strouhance vnořených bloků je přehlednější
  • V zobrazení smartphonu zůstane panel nástrojůnahoře, takže již nezmizí ze zaostření
  • V bloku "Galerie" můžete ovlivnit velikost obrazu (čtyři úrovně: náhled obrázku, střední, velký, plná velikost)
  • Nyní je k dispozici titulek pro tabulky, pro obrázky lze atribut nadpisu přiřadit přímo v editoru (mezi pokročilými možnostmi)
  • Videa portálu TikTok jsou k dispozici v editoru bloků jako nový zdroj vložení

Kromě toho je na některých místech použitelnost Gutenberg optimalizováno, například tím, že usnadňuje výběr bloků vícekrát nebo navigaci pomocí klávesy Tab. Ten nyní funguje také uvnitř bočních panelů bloků.

Tabulka titulků WordPress
Tabulka s podpisem (titulek)

Tip: Máte-li jakékoli informace o budoucím plánu WordPress vyhledávání, poté navštivte blog německého jazyka WordPress Projektu. Nebo stránka https://de. wordpress.org /about/roadmap/.

Změny pro vývojáře

Pro všechny, kteří chtějí pracovat v zákulisí WordPress existují také nové možnosti. Ale také více výkonu:

  • Vyšší rychlost: Vývojový tým kolem editoru bloků říká, že dosáhl 14% zkrácení doby načítání
  • Widget Kalendář: Navigační odkazy jsou přesunuty do navigačního prvku HTML, který bezprostředně následuje za prvkem tabulky pro platný HTML (podle specifikace 5.1)
  • Jednotná sémantika: Funkce do_shortcode() Je apply_shortcode() Nahrazen
  • Favicony: Žádosti o Favicon lze spravovat flexibilněji, WordPress logo slouží jako záložní řešení
  • Protokol chyb: Chyby v wp_login_failed jsou prezentovány podrobněji

Další informace a další úpravy naleznete v oficiálních oznámeních o WordPress 5.4. Poznámky k testování WordPress 5.4 najdete zde.

O čem jsou otázky WordPress 5.4 Máte? Použijte funkci komentáře. Chcete vědět o nových příspěvcích do WordPress být informováni? Pak nás sledujte na Twitteru, Facebooku nebo prostřednictvím našeho zpravodaje.

Podobné výrobky

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.