Obsah
![Obrázek na pozadí WordPress pro domovskou stránku s dalšími prvky.](https://www.ait-themes.club/wp-content/uploads/2021/08/citadela-fooddelivery-alternative.jpg)
Existuje více způsobů, jak přidat obrázky na pozadí ve WordPressu. Od základních až po nejpokročilejší se změnou kódu tématu. Jsme však rádi, že vám můžeme představit uživatelsky přívětivý nástroj ideální pro správce webových stránek bez znalostí kódování a designu. Zásuvný modul Citadela Pro obsahuje mnoho funkcí a nastavení pro přizpůsobení webových stránek.
Vyzkoušejte výkonné bloky, nastavení a funkce v zásuvném modulu Citadela Pro. Můžete prozkoumat dokonalý nástroj, který vám umožní přidávat obrázky na pozadí do stránek, příspěvků a vlastních typů příspěvků ve WordPressu.
Cluster je blok Gutenberg ve WordPressu, který umožňuje přidat obrázek na pozadí. Tento multifunkční prvek umožňuje změnit pozadí WordPressu z jeho výchozího nastavení. Můžete nejen přidat obrázek na pozadí, ale také jej můžete kombinovat s dalšími bloky. Získáte tak mnoho variant a všestrannost.
V kombinaci s Blok nadpisu stránky, získáte snadno báječně vypadající webové stránky. Můžete přidat další bloky Gutenberg a přizpůsobit obrázek na pozadí ve WordPressu. Také můžete uložit sadu bloků jako opakovaně použitelné bloky a přidat motiv kdekoli na webu. Pozadí webu WordPress tak můžete změnit najednou.
Jak přidat obrázek na pozadí ve WordPressu pomocí bloku Gutenberg
![Jak přidat obrázek na pozadí ve WordPressu pomocí bloku Gutenberg](https://www.ait-themes.club/wp-content/uploads/2022/05/Gutrenberg-block-Background-Image-WordPress-1024x540.png)
![Úvodní stránka s vlastním názvem stránky a obrázkem na pozadí stránky WordPress](https://www.ait-themes.club/wp-content/uploads/2019/12/Background-Image-WordPress-1024x536.png)
![](https://www.ait-themes.club/wp-content/uploads/2021/10/logo-pro-customization-min.png)
Začněte hned teď
Jednorázová platba. 30denní záruka vrácení peněz.
Obrázek na pozadí WordPress prostřednictvím bloku Cluster
Představujeme vám praktický blok, který jsme vytvořili pro blok WordPress Gutenberg pro obrázek na pozadí - Cluster block. Je součástí naší vlastní skupiny bloků. Plugin Citadela Pro má mnoho funkcí, které vám pomohou vytvořit krásné webové stránky. Všechny vlastní bloky AitThemes jsou k dispozici v sekci Zásuvný modul Citadela Pro.
![](https://www.ait-themes.club/wp-content/uploads/2020/09/cluster-block-settings-1024x785.jpg)
Přečtěte si prosím Dokumentace k bloku clusteru pro detailní nastavení.
Shlukový blok umožňuje seskupit více bloků do jednoho. S celou seskupenou skupinou můžete efektivně pracovat jako s jedním blokem. Šířku clusteru lze nastavit na celou šířku stránky, což znamená, že máte k dispozici mimořádně velký prostor pro přidávání různých bloků.
Shluk se neroztáhne na celou šířku, pokud:
- Máte aktivní postranní panel
- Pokud používáte sloupce, které omezují prostor pro Cluster.
Protože některé základní bloky WordPressu lze zarovnat pouze na šířku obsahu, nabízí blok Cluster větší variabilitu při vytváření webových stránek. Skvělou vlastností také je, že můžete WordPressu nastavit obrázek na pozadí, změnit jeho barvu nebo nastavit překrytí obrázku na pozadí. Pozadí lze tedy nakonfigurovat podle designu webu.
V tomto článku vám ukážeme:
- Jak přidat blok Cluster do editoru WordPress
- Seskupení uvnitř clusteru
- Základní nastavení na panelu nástrojů
- Barva záhlaví a oddělovače
- Jak přidat obrázek na pozadí pod seskupené bloky
- Co je překrytí pozadí
- Jaký je rozdíl mezi blokem Group a blokem Ait Cluster?
Jak přidat blok Cluster
Clusterový blok je prémiový blok a je k dispozici pouze po instalaci a aktivaci. Citadela Bloky plugin. Po instalaci pluginu se blok Cluster automaticky přidá do editoru bloků WordPressu a můžete s ním okamžitě začít pracovat.
Clusterový blok lze přidat do příspěvků i stránek. Stačí kliknout na znak "+" v horní liště nebo kdekoli na ploše editoru. Poté stačí vyhledat blok Cluster.
![Přidání bloku Cluster do editoru WordPressu kliknutím na "+"](https://www.ait-themes.club/wp-content/uploads/2019/09/gutenberg-cluster-add.jpg)
Druhou možností přidání bloku Cluster je zadání "/" a názvu bloku. Clusterový blok je pak připraven k použití.
![Přidání bloku Cluster s lomítkem "/"](https://www.ait-themes.club/wp-content/uploads/2019/10/gutemberg-cluster-shortcut-2.jpg)
Seskupování bloků pomocí Clusteru
Hlavní funkcí bloku Cluster je seskupení více bloků do jednoho. Podívejme se, jak to funguje. Pokud vložíte blok Cluster do stránky, okamžitě se zobrazí zástupný symbol. "Zde vložte další bloky". Pokud na něj kliknete, zobrazí se seznam všech dostupných bloků. Požadovaný blok můžete také vyhledat pomocí vyhledávacího řádku v horní části seznamu.
![Proces výběru vnořených bloků](https://www.ait-themes.club/wp-content/uploads/2019/10/gutemberg-cluster-nested-block.jpg)
Všechny vnořené bloky budou mít k dispozici všechny výchozí možnosti a nastavení. Pokud například vložíte blok Obrázek, budete mít možnost nahrát obrázek nebo jej vybrat z knihovny médií.
Pomocí bloku Cluster můžete například na svých webových stránkách vytvořit poutavou sekci pro prezentaci své nejnovější práce. Přidejte obrázky ze svého portfolia a poté pod ně nastavte obrázek na pozadí. Právě jste vytvořili pěkný odkaz na své portfolio.
![Blok obrázku vnořený do bloku Cluster](https://www.ait-themes.club/wp-content/uploads/2019/10/cluster-image-block-1.jpg)
Clusterový blok lze také použít k vytvoření atraktivní prezentace produktu. Jako pozadí sekce můžete nastavit obrázek produktu a zvolit jeho barvu. Servisní blok lze také vnořit do bloku Cluster.
![Servisní blok vnořený do bloku Cluster](https://www.ait-themes.club/wp-content/uploads/2019/10/service-cluster-page.jpg)
Více bloků v jednom
Pokud chcete do Clusteru přidat více vnořených bloků, můžete použít blok Sloupce. Pomocí bloku Sloupce můžete přidat několik bloků vedle sebe. Každý sloupec může mít jiný typ obsahu, například obrázek, odstavec, seznam nebo tlačítko.
Typickým příkladem více sloupců v kombinaci s blokem Cluster je jednostránkový web.
![Blok Sloupce vnořený do bloku Cluster](https://www.ait-themes.club/wp-content/uploads/2019/10/gutenberg-cluster-columns.jpg)
Základní nastavení na panelu nástrojů: Možnosti zarovnání obsahu
Ve výchozím nastavení je šířka bloku Cluster nastavena na velikost obsahu. Toto chování můžete změnit v panelu nástrojů. K dispozici jsou následující možnosti:
- Velikost obsahu - výchozí možnost, blok Cluster má stejnou šířku jako obsah.
- Široká velikost - obsah uvnitř Clusteru je širší než šířka obsahu.
- Velikost na celou šířku - v tomto případě je šířka clusteru od jedné strany okna prohlížeče ke druhé.
Je důležité si uvědomit, že toto nastavení ovlivní obsah Clusteru pouze v případě, že ho vaše aktuálně aktivní téma podporuje. Všechny vnořené bloky lze konfigurovat na základě dostupnosti jejich možností.
Nastavení barvy záhlaví a oddělovače
Změna barvy záhlaví
Od verze WP 5.3 můžete barvu záhlaví přepínat prostřednictvím bloku Záhlaví. Jedná se o velmi užitečnou funkci - zejména pokud máte tmavý layout a barevné schéma, je lepší změnit výchozí barvu textu (která je černá) na světlejší.
Až do nové verze nebylo možné změnit barvu nadpisu, což způsobovalo problémy s jeho viditelností na tmavém podkladu. Proto se často stávalo, že nadpis splýval s obrázkem nebo fotografií na pozadí WordPressu, kterou jste přidali. Nyní si můžete vybrat správnou barvu nadpisu, aby váš web zářil.
Nová barva pro oddělovač použitý na vašich webových stránkách
Když do systému WP přidáte obrázek na pozadí nebo jiný typ obsahu, může se stát, že jej budete potřebovat oddělit od zbytku webu. K tomuto účelu můžete použít speciální blok nazvaný Separátor. Vložením Oddělovače můžete:
- Oddělené specifické bloky
- Rozdělení celého textu na menší části
- Zvýrazněte důležité části
- Zajištění lepší čitelnosti obsahu
- Zjednodušte navigaci na svých webových stránkách
Kromě toho můžete nyní změnit barvu oddělovacího řádku pomocí aktualizovaného WordPressu. Barevný oddělovač je ideální pro doplnění barevného schématu vašich webových stránek.
Jak přidat obrázek na pozadí pod seskupené bloky
Skutečná síla bloku Cluster spočívá v tom, že můžete přidat obrázek na pozadí a nastavit barvu pozadí pod seskupenými bloky. Vše lze snadno nakonfigurovat v inspektoru WordPressu. Pojďme se podívat, jak na to.
- Klikněte na Obrázek na pozadí a aktivujte funkci "Zobrazit obrázek na pozadí".
- Klikněte na "Vybrat obrázek". Otevře se knihovna médií. Můžete vybrat existující obrázek nebo do knihovny nahrát nový obrázek.
- Obrázek na pozadí lze také nastavit na pevnou hodnotu. To znamená, že při posouvání stránky se pozadí nebude pohybovat s obsahem a jeho pozice bude pevná.
- Pomocí nástroje "Focal Point Picker" můžete také zvolit, která část obrázku na pozadí se má zobrazit. Část obrázku je možné vybrat také pomocí procent.
![Jak přidat obrázek na pozadí pod seskupené bloky](https://www.ait-themes.club/wp-content/uploads/2019/10/gutenberg-cluster-set-bgimage-2.jpg)
![](https://www.ait-themes.club/wp-content/uploads/2021/10/logo-pro-customization-min.png)
Začněte hned teď
Jednorázová platba. 30denní záruka vrácení peněz.
Překrytí pozadí
Jednou z pokročilých možností v nástroji Cluster je Překrytí obrázku na pozadí. Můžete si vybrat jednu z výchozích barev nebo zvolit vlastní barvu pomocí nástroje pro výběr barev. Je také možné nastavit neprůhlednost barvy. Tato nastavení bloku Cluster vám pomohou vytvořit opravdu atraktivní prezentaci webových stránek.
![Překrytí obrázku na pozadí WordPress](https://www.ait-themes.club/wp-content/uploads/2019/10/gutenberg-image-overlay-cluster.jpg)
V jádře je k dispozici nový blok Group
Jaký je rozdíl mezi blokem Group a blokem AitThemes Cluster?
Náš vlastní blok Cluster byl vydán dříve než blok Group a poskytuje komplexnější řešení. Blok Group můžete použít pro seskupení více bloků, ale stále má omezené funkce. Například v bloku nemůžete nastavit barevné překrytí - můžete zvolit pouze základní barvu pozadí, která bude kolem obrázku, nikoli přes něj.
Úprava obrázků na pozadí je v našem bloku Cluster hračka.
Můžete nahrát do svého WordPressu obrázek na pozadí, nastavit pro něj barvu pozadí a také překrytí barvou pozadí (a přizpůsobit i neprůhlednost překrytí!). Zabere to jen několik minut.
díky ait téma pro pomoc všem webovým mistrům
váš web je dobrý
Děkujeme za pochvalu.
Na zdraví!
Zlatko
Je možné, aby si návštěvník vašeho webu pomocí bloků Cluster mohl vybrat obrázek na pozadí a překryvný obrázek z nabídky obrázků?
Ahoj Johne,
Děkujeme za zájem o produkty Citadela. Ano, pro nastavení pozadí si můžete vybrat z různých možností. Podrobné informace naleznete na adrese: https://www.ait-themes.club/citadela-doc/cluster-block/.
S pozdravem!
Zlatko
Tým AIT