Ako nastaviť pozadie obrázka vo WordPress

Existuje viac spôsobov, ako pridať obrázky na pozadie v systéme WordPress. Od základných až po najpokročilejšie so zmenou kódu témy. Sme však radi, že môžeme predstaviť používateľsky prívetivý nástroj ideálny pre správcov webových stránok bez znalostí kódovania a dizajnu. Citadela Pro plugin obsahuje mnoho funkcií a nastavení na prispôsobenie webových stránok.

Vyskúšajte výkonné bloky, nastavenia a funkcie v zásuvnom module Citadela Pro. Môžete preskúmať dokonalý nástroj, ktorý vám umožní pridávať obrázky na pozadí do stránok WordPress, príspevkov a vlastných typov príspevkov.

Cluster je blok Gutenberg vo WordPress, ktorý umožňuje pridať obrázok na pozadie. Multifunkčný prvok umožňuje zmeniť pozadie WordPress z jeho predvoleného nastavenia. Môžete nielen pridať obrázok na pozadie, ale môžete ho aj kombinovať s inými blokmi. Získate tak množstvo variácií a všestrannosť.

V kombinácii s Blok s názvom stránky, ľahko získate báječne vyzerajúce webové stránky. Môžete pridať ďalšie bloky Gutenberg a prispôsobiť obrázok na pozadí vo WordPress. Taktiež si môžete uložiť sadu blokov ako opakovane použiteľné bloky a pridať motív kdekoľvek na svojom webovom sídle. Pozadie webovej stránky WordPress tak môžete zmeniť naraz.

Ako pridať obrázok na pozadie vo WordPress pomocou bloku Gutenberg

Obrázok na pozadí WordPress prostredníctvom bloku Cluster

Predstavujeme vám praktický blok, ktorý sme vytvorili pre blok WordPress Gutenberg pre obrázok na pozadí - Cluster block. Je súčasťou našej vlastnej skupiny blokov. Plugin Citadela Pro má mnoho funkcií, ktoré vám pomôžu vytvoriť krásnu webovú stránku. Všetky vlastné bloky AitThemes sú k dispozícii v Citadela Pro plugin.

Prečítajte si, prosím. Dokumentácia klastrového bloku pre podrobné nastavenia.

Zhlukový blok umožňuje zoskupiť viacero blokov do jedného. S celou zoskupenou skupinou môžete efektívne pracovať ako s jedným blokom. Šírku zhluku možno nastaviť na celú šírku stránky, čo znamená, že máte k dispozícii mimoriadne veľký priestor na pridávanie rôznych blokov.

Klaster sa neroztiahne na celú šírku, ak:

• Máte aktívny bočný panel
• Ak používate stĺpce, ktoré obmedzia priestor pre Klaster

Keďže niektoré zo základných blokov WordPress možno zarovnať len na šírku obsahu, blok Cluster ponúka väčšiu variabilitu pri vytváraní webových stránok. Skvelou vlastnosťou je aj to, že môžete WordPress nastaviť obrázok na pozadí, zmeniť jeho farbu alebo nastaviť prekrytie obrázku na pozadí. Pozadie je teda možné nakonfigurovať podľa dizajnu webovej stránky.

V tomto článku vám ukážeme:

• Ako pridať blok Cluster do editora WordPress
• Zoskupenie vo vnútri klastra
• Základné nastavenia na paneli nástrojov
• Farba záhlavia a oddeľovača
• Ako pridať obrázok na pozadí pod zoskupené bloky
• Čo je prekrytie pozadia
• Aký je rozdiel medzi skupinovým blokom a blokom Ait Cluster

Ako pridať blok Cluster

Clusterový blok je prémiový blok a je k dispozícii len vtedy, ak si nainštalujete a aktivujete Citadela Bloky plugin. Po inštalácii pluginu sa blok Cluster automaticky pridá do editora blokov WordPress a môžete s ním okamžite začať pracovať.

Clusterový blok je možné pridať do príspevkov aj stránok. Stačí kliknúť na znak "+" v hornej lište alebo kdekoľvek na ploche editora. Potom stačí vyhľadať blok Cluster.

Druhá možnosť pridania bloku Cluster je zadaním "/" a názvu bloku. Clusterový blok je potom pripravený na použitie.

Zoskupovanie blokov pomocou funkcie Cluster

Hlavnou funkciou bloku Cluster je zoskupenie viacerých blokov do jedného. Pozrime sa, ako to funguje. Ak vložíte blok Cluster na svoju stránku, okamžite sa zobrazí zástupný symbol "Sem vložte ďalšie bloky". Ak naň kliknete, zobrazí sa zoznam všetkých dostupných blokov. Požadovaný blok môžete vyhľadať aj pomocou vyhľadávacieho panela v hornej časti zoznamu.

Všetky vnorené bloky budú mať k dispozícii všetky predvolené možnosti a nastavenia. Ak napríklad vložíte blok Obrázok, budete mať možnosť nahrať obrázok alebo ho vybrať z knižnice médií.

Pomocou bloku Cluster môžete napríklad vytvoriť pútavú sekciu na svojej webovej stránke, v ktorej budete prezentovať svoju najnovšiu prácu. Pridajte obrázky zo svojho portfólia a potom pod ne nastavte obrázok na pozadí. Práve ste vytvorili pekný odkaz na svoje portfólio.

Klastrový blok možno použiť aj na vytvorenie atraktívnej prezentácie produktov. Ako pozadie sekcie môžete nastaviť obrázok produktu a vybrať jeho farbu. Servisný blok môžu byť tiež vnorené do bloku Cluster.

Viacero blokov v jednom

Ak chcete pridať viacero vnorených blokov do Clusteru, môžete použiť blok Columns. Pomocou bloku Stĺpce môžete pridať niekoľko blokov vedľa seba. Každý stĺpec môže mať iný typ obsahu, napríklad obrázok, odsek, zoznam alebo tlačidlo.

Typickým príkladom viacerých stĺpcov v kombinácii s blokom Cluster je jednostránkový web.

Základné nastavenia na paneli nástrojov: Možnosti zarovnania obsahu

V predvolenom nastavení je šírka bloku Cluster nastavená na veľkosť obsahu. Toto správanie môžete zmeniť v paneli nástrojov. K dispozícii sú tieto možnosti:

• Veľkosť obsahu - predvolená možnosť, blok Cluster má rovnakú šírku ako obsah.
• Široká veľkosť - obsah vo vnútri Clusteru je širší ako šírka obsahu.
• Veľkosť na celú šírku - v tomto prípade je šírka klastra od strany k strane okna prehliadača.

Je dôležité poznamenať, že toto nastavenie bude mať vplyv na obsah Clusteru len vtedy, ak ho aktuálne aktívna téma podporuje. Všetky vnorené bloky možno konfigurovať na základe dostupnosti ich možností.

Nastavenia farieb nadpisov a oddeľovačov

Zmena farby nadpisu

Od verzie WP 5.3 môžete prepínať farbu záhlavia prostredníctvom bloku Heading. Je to veľmi užitočná funkcia - najmä ak máte tmavé rozloženie a farebnú schému, je lepšie zmeniť predvolenú farbu textu (ktorá je čierna) na svetlejšiu.

Do vydania novej verzie nebolo možné zmeniť farbu nadpisu, čo spôsobovalo problémy s jeho viditeľnosťou na tmavom podklade. Preto sa často stávalo, že nadpis splýval s pridaným obrázkom alebo fotografiou na pozadí WordPress. Teraz si môžete vybrať správnu farbu nadpisu, aby vaša stránka zažiarila.

Nová farba pre oddeľovač použitý na vašej webovej stránke

Keď do systému WP pridáte obrázok na pozadí alebo iný typ obsahu, niekedy ho budete musieť oddeliť od zvyšku webovej stránky. Na tento účel môžete použiť špeciálny blok s názvom Separátor. Vložením Oddeľovača môžete:

• Oddelenie špecifických blokov
• Rozdelenie celého textu na menšie časti
• Zvýraznite dôležité časti
• Zabezpečenie lepšej čitateľnosti obsahu
• Zjednodušenie navigácie na webovej lokalite

Okrem toho môžete teraz zmeniť farbu oddeľovacej čiary pomocou aktualizovaného systému WordPress. Farebný oddeľovač je ideálny na doplnenie farebnej schémy vašej webovej stránky.

Ako pridať obrázok na pozadí pod zoskupené bloky

Skutočná sila bloku Cluster spočíva v tom, že môžete pridať obrázok na pozadie a nastaviť farbu pozadia pod zoskupenými blokmi. Všetko sa dá jednoducho nakonfigurovať v inšpektore WordPress. Pozrime sa, ako to urobiť.

1. Kliknite na obrázok na pozadí a aktivujte funkciu "Zobraziť obrázok na pozadí".
2. Kliknite na "Vybrať obrázok". Otvorí sa knižnica médií. Môžete vybrať existujúci obrázok alebo nahrať nový obrázok do knižnice.
3. Obrázok na pozadí je možné nastaviť aj na pevnú hodnotu. Znamená to, že ak budete posúvať stránku, pozadie sa nebude pohybovať spolu s obsahom a jeho pozícia bude pevná.
4. Pomocou funkcie "Focal Point Picker" môžete tiež vybrať, ktorá časť obrázka na pozadí sa má zobraziť. Časť obrázka je možné vybrať aj pomocou percent.

Prekrytie pozadia

Jednou z pokročilých možností v aplikácii Cluster je Prekrytie obrázkov na pozadí. Môžete si vybrať jednu z predvolených farieb alebo si vybrať vlastnú farbu pomocou výberu farieb. Je tiež možné nastaviť nepriehľadnosť farby. Tieto nastavenia bloku Cluster vám pomôžu vytvoriť skutočne atraktívnu prezentáciu webovej stránky.

Nový skupinový blok dostupný v jadre

Aký je rozdiel medzi skupinovým blokom a blokom AitThemes Cluster?

Náš vlastný blok Cluster bol vydaný skôr ako blok Group a poskytuje komplexnejšie riešenie. Blok Group môžete použiť na zoskupenie viacerých blokov, ale stále má obmedzené funkcie. Napríklad v bloku nemôžete nastaviť farebné prekrytie - môžete si vybrať len základnú farbu pozadia, ktorá bude okolo obrázka, nie nad ním.

Úprava obrázkov na pozadí je v našom bloku Cluster hračka.

Môžete nahrať do svojho WordPress obrázok na pozadí, nastaviť farbu pozadia pre neho a tiež farbu pozadia prekrytie (a prispôsobiť prekrytie nepriehľadnosť tiež!). Zaberie to len niekoľko minút.