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

8 min.
WordPress 5.4
Poslední aktualizace dne

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

WordPress vymaže jeho editor Gutenberg a dává mu nové funkce. Než se přesuneme k dalším rozvojovým krokům – tj. Mnohojazyčnost. Některé inovace by mohly způsobit zmatek mezi uživateli, měli byste být připraveni na to. Shrnujeme pro vás všechny důležité změny.

Widget: Stav webu

Inovace WordPress 5.4, který vyniká na první pohled: V přístrojové desce je nyní nový widget pro "stav webových stránek". Funkce za ním byla po dlouhou dobu WordPress 5.2. Najdete je v backendu 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 této funkce: Správci, ale i uživatelé WordPress by měly být informovány o možných slabinách zařízení. Stejně tak pohled na podrobnosti spojené s widgetem poskytuje návrhy na zlepšení nebo rady o možných bezpečnostních zranitelnostech. Jedná se například o:

  • Seznam neaktivních Plugins A Themes . Tyto Útok cíl pro hackery může být.
  • Návrhy pro PHP moduly, které by měly být instalovány na vašem serveru. V opačném případě můžete WordPress běžet pomalu, nebo jednotlivé funkce dokonce chybí. Viz tento seznam Ze 1. 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 via Pojďme šifrovat. Google také vyžaduje zabezpečené připojení, jinak vaše webové stránky výrazně ztratí v žebříčku a návštěvníků. V ideálním případě jsou certifikáty SSL zahrnuty ve vašem hostingovém balíčku – snižuje vaše úsilí.

Funkce sekce stavu webových stránek nebo vylepšení je zatím stále zvládnutelná. To se jistě změní s budoucími verzemi. Karta "Zpráva" však obsahuje zajímavé informace:

WordPress Konfigurace
Konfigurace WordPress

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

Gutenberg v režimu celé obrazovky

To jsi nevěděl. Gutenberg má režim celé obrazovky? Pak budete podrážděni, když poprvé zavoláte do editoru ve verzi 5.4. Protože na levo 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.
  • Současně chybí postranní panel pro jednotlivé procesy

Poslední bod se zpomaluje, zejména pokud budete muset přepínat tam a zpět mezi přehledem příspěvku a editorem při aktualizaci textů. Nebo pokud chcete krátce přejít do knihovny.

Gutenberg Fullscreen
Gutenberg v režimu celé obrazovky

Režim na celou obrazovku je pro vaši práci kontraproduktivní? Pak můžete obnovit známé zobrazení následujícím způsobem:

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

Chování - režim celé obrazovky zapnuto nebo vypnuto - lze také použít s několika řádky JavaScriptu pevně předstírat, že:

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ář ihned před požadavky uživatelů přetekli WordPress 5.4 bude žít na vašich webových stránkách.

Gutenberg Blokovat sociální ikony

Pomocí této funkce můžete pomocí myši vložit odkazy nebo ikony o svých vzhledech na sociálních sítích. Základní možnosti "Sociální Ikona":

  • Můžete určit typ, počet a pořadí ikon 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í: Chcete-li odstranit ikonu vohanden, lze to provést kliknutím na ikonu a pak pomocí možnosti "Odstranit blok". Pak není odstraněn celý blok, ale pouze příslušná položka:

Tlačítko Odstranit sociální sítě Gutenberg
Odstranit tlačítka sociální chvatu Gutenberg

Vytvořený blok není ve výchozím nastavení opakovaně použitelnou položkou. To znamená, že pokud provedete změny, jako je přidání nebo zrušení výběru jednotlivých sociálních ikon, 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 opakovaně použitelný blok a pak jej použijete pouze.

Tip: Mnoho uživatelů ještě nezná funkci "opakovaně použitelných bloků". Je to velmi užitečné: když google+ zmizel, například byste museli upravit změnu opakovaně použitelného prvku. To se pak provádí automaticky v odpovídajících blocích jednotlivých příspěvků.

Gutenberg Blokovat tlačítka

Název je program: O této nové WordPress Blokovat, můžete do svých příspěvků zahrnout textová tlačítka. Chcete-li například stáhnout elektronické knihy nebo je předat centrálnímu Vstupní stránky. Tlačítka lze nastavit takto:

  • Různé styly (zcela barevné nebo pouze s obrysem)
  • Volně volitelná barva pozadí a textu, také s jednotlivými barvami (prostřednictvím šestnáctkových barevných hodnot)
  • Pozadí monochromatické nebo s historií (divoké časy web design nechat pozdravit)
  • Nastavení hrany (poloměr rohu)
  • Možnosti propojení, jako je například cílová _blank

Pozorní uživatelé Gutenberg vím, že již existuje blok s názvem "Button". 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ě bez rozbití rozvržení. Můžete upravit pořadí tlačítek, jak se vám líbí přetažením.

Poznámka: Původně WordPress 5,4 a nová bloková navigace vložte navigační nabídku do obsahu stránky nebo příspěvku. Tato úprava však byla pozdější datum Přesunuta.

Obrazovka: Vítejte v editoru bloků

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

  • Úvod do fungování blokového přístupu
  • Základní vysvětlení možností na blok (například barva, šířka, orientace)
  • Poznámky k knihovně bloků

Odkaz na konci vede k pokynům pro Gutenberg . Nicméně, toto je v angličtině.

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

Doporučujeme následující zdroje, pokud jste ještě nezačali používat nový editor pro WordPress pracovali:

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

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

Vložit obrázek 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 post obrázek přes drag and drop. Například:

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

Pokud je to nutné, stačí zadat meta data k obrázku 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ý blok nejnovější příspěvky

Zobrazení dalších článků pod příspěvky na blogu je rádo používáno mnoha čtenáři. Je podobná jako u nejnovějších příspěvků (v současné době Gutenberg "Nejnovější příspěvky"). To bude mít své uživatele na vašich webových stránkách déle. Hodnoty "doba zdržení" a "zobrazení stránek na návštěvu" se zvyšují – obě jsou důležitými klíčovými údaji pro Seo (SEO).

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

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

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

  • Nastavení velikosti obrazu pro náhled obrazu
  • Můžete definovat pevné hodnoty v obrazových bodech nebo použít různé velikosti procent
  • Orientaci obrazu lze také nastavit (zarovnané doleva, na střed, vpravo)

Chcete, aby byl celý příspěvek viditelný v náhledu, nebo jen textový výňatek? Některé blogy hlásí, ž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 některých částech vašich textů

Chcete-li to provést, 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 určených barev nebo nastavit individuální barvu. Pro tento účel jsou k dispozici tabulky 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ů:

  • U jednotlivých bloků jsou nyní Volby barev a přechodů, například pro blok obálky (obrázek nebo video s překryvným textem), ale také pro skupiny a sloupce
  • Navigace v strouhance vnořených bloků je jasněji uspořádána
  • V zobrazení chytrého telefonu panel nástrojů nad, takže již nezmizí z ostření
  • V bloku "Galerie" můžete ovlivnit velikost obrázku (čtyři úrovně: náhled obrázku, střední, velký, plná velikost)
  • Nyní je k dispozici titulek pro tabulky, pro obrázky název atribut lze přiřadit přímo v editoru (mezi pokročilé možnosti)
  • Videa z portálu TikTok jsou k dispozici v editoru bloků jako nový zdroj vkládání

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

Tabulka titulků WordPress
Tabulka s podpisem (titulek)

Tip: Máte-li jakékoli informace o budoucím plánu WordPress vyhledávání, pak navštíví blog německy mluvícího WordPress Projektu. Nebo na stránce https://de. wordpress.org /o/plán/.

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ětší výkon:

  • Vyšší rychlost: Vývojový tým kolem Block Editor říká, že má Zkrácení doby nabíjení dosaženo o 14 procent
  • Widget Kalendář: Navigační odkazy jsou přesunuty do navigačního prvku HTML, který bezprostředně následuje za elementem tabulky pro platný KÓD HTML (podle specifikace 5.1)
  • Jednotná sémantika: Funkce do_shortcode() Je apply_shortcode() Nahrazen
  • Favicons: Žá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

Více se o tom dozvíte , stejně jako další úpravy, v části oficiální oznámení Chcete-li WordPress 5.4. Poznámky k testování WordPress 5.4 najdete zde.

Jaké otázky týkající se WordPress 5.4 máte? Použijte funkci komentáře. Chcete vědět o nových příspěvcích na WordPress informováni? Tak nás následujte TwitterFacebook nebo přes náš Bulletin.

Podobné články

Komentáře k tomuto článku

Napsat komentář

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