Chcete na svůj web WordPress přidat obrázek na pozadí?
Pomocí obrázků na pozadí můžete udělat svůj web atraktivnějším a esteticky příjemnějším.
V tomto článku vám ukážeme, jak snadno přidat obrázek na pozadí na svůj web WordPress.
Pokud dáváte přednost písemným pokynům, pokračujte ve čtení.
Metoda 1. Přidejte obrázek na pozadí pomocí nastavení motivu WordPress
Les Nejoblíbenější WordPress motivy přicházejí s vlastní podporou pozadí. Tato funkce umožňuje snadno nastavit obrázek na pozadí na vašem webu WordPress.
Pokud je vaše WordPress téma podporuje vlastní funkci pozadí, doporučujeme použít tuto metodu k přidání obrázku na pozadí na váš web.
Pokud však vaše WordPress téma nepodporuje tuto funkci, nebo pokud se vám nelíbí způsob, jakým implementuje obrázky na pozadí, můžete vyzkoušet další možnosti uvedené v našem tutoriálu.
Nejprve musíte stránku navštívit Vzhled »Přizpůsobit ve správci WordPressu. Tím se spustí Customizer WordPress téma kde můžete změnit různá nastavení tohoto motivu při prohlížení náhledu v reálném čase.
Pak musíte kliknout na možnost 'Obrázek na pozadí'. Panel se vysune a zobrazí vám možnosti nahrání nebo výběru obrázku na pozadí vašeho webu.
Pokračujte kliknutím na tlačítko Vybrat obrázek.
Zobrazí se vyskakovací okno WordPress, kde můžete nahrát obrázek z počítače. Rovněž budete moci vybrat obrázek dříve stažený z knihovny médií.
Po nahrání nebo výběru obrázku, který chcete použít na pozadí, musíte kliknout na tlačítko Vybrat obrázek.
Tím se zavře vyskakovací okno pro nahrávání médií a v přizpůsobení motivu WordPress se zobrazí náhled vybraného obrázku.
Pod obrázkem uvidíte také možnosti obrázku na pozadí. V části „ PřednastaveníMůžete si vybrat, jak se má obrázek na pozadí zobrazit: výplň, přizpůsobit obrazovku, opakovat nebo přizpůsobit.
Polohu obrázku na pozadí můžete také vybrat kliknutím na šipky níže. Kliknutím na střed obrázek zarovná obrázek ke středu obrazovky.
Nezapomeňte kliknout na tlačítko « publikovat Uložení nastavení. To je vše, úspěšně jste na svůj web WordPress přidali obrázek na pozadí.
Pokračujte a navštivte svůj web, abyste si ho mohli prohlédnout v akci.
Metoda 2. Přidat vlastní obrázek na pozadí v WordPress pomocí pluginu
Tato metoda je mnohem flexibilnější. Funguje s jakýmkoli tématem WordPress a umožňuje konfigurovat více obrázků na pozadí.
Můžete také nastavit různá pozadí pro jakýkoli příspěvek, stránku, kategorii nebo jakoukoli jinou část vašeho webu WordPress.
Automaticky vytvoří všechny vaše obrázky na pozadí na celou obrazovku a bude reagovat. To znamená, že váš obrázek na pozadí se automaticky změní velikost na menších zařízeních.
Nejprve musíte nainstalovat a aktivovat plugin Full Screen Background Pro. Další podrobnosti najdete v našem podrobném průvodci jak nainstalovat plugin WordPress.
Po aktivaci musíte stránku navštívit Vzhled »Celá obrazovka BG Obrázek konfigurovat nastavení pluginu.
Budete požádáni o přidání licenčního klíče. Tyto informace můžete získat z e-mailu, který jste obdrželi po zakoupení pluginu, nebo z vašeho účtu na webu pluginu.
Pak musíte kliknout na 'Uložit nastavení'pro uložení změn. Nyní jste připraveni začít přidávat obrázky na pozadí na svůj web WordPress.
Pokračujte a klikněte na tlačítko Přidat nový obrázek Na stránce nastavení pluginu. Tím se dostanete na obrazovku stahování obrázků na pozadí.
Klikněte na tlačítko 'Zvolte Obrázek'ke stažení nebo výběru obrázku. Jakmile vyberete obrázek, uvidíte na obrazovce náhled obrázku v reálném čase.
Pak musíte zadat název tohoto obrázku. Tento název bude používán interně, takže jej můžete použít kdekoli.
Nakonec musíte vybrat, kam chcete tento obrázek použít jako obrázek na pozadí.
Full Screen Background Pro také umožňuje nastavit obrázky na pozadí pro celý web, nebo si můžete vybrat z různých částí vašeho webu, jako jsou kategorie, archivy, domovská stránka nebo blog.
Nezapomeňte uložit pro uložení obrázku na pozadí.
Na stránce můžete přidat libovolný počet obrázků Apparence »Celá obrazovka BG
Pokud definujete více obrázků pro globální použití, zobrazí se plugin automatiquement obrázky na pozadí jako prezentace.
Můžete nastavit dobu, po kterou má obrázek zmizet, a čas, po kterém se objeví nový obrázek na pozadí.
Čas, který sem zadáte, je v milisekundách. Pokud chcete, aby se obrázek na pozadí po 20 sekundách vybledl, budete muset zadat 20000 XNUMX.
Nezapomeňte kliknout na tlačítko Uložit možnosti uložit vaše změny.
Obrázky na pozadí pro příspěvky, stránky a kategorie
Full Screen Background Pro také umožňuje nastavit obrázky na pozadí pro příspěvky, stránky, kategorie, značky a další.
Stačí změnit příspěvek / stránku, kde chcete zobrazit jiný obrázek na pozadí. Na stránce pro úpravy článku si všimnete nové skupiny " Obrázek na celou obrazovku »V editoru článku.
Chcete-li použít obrázek na pozadí pro konkrétní kategorii, musíte stránku navštívit Vzhled »Obrázek na celou obrazovku, poté klikněte naZvolte Obrázek ".
Po nahrání obrázku můžete jako kontext, ve kterém chcete zobrazit obrázek na pozadí, vybrat „kategorii“.
Zadejte ID konkrétní kategorie nebo Slug, kde chcete obrázek zobrazit.
Nezapomeňte uložit obrázek a uložit nastavení.
Metoda 3. Přidejte vlastní obrázky na pozadí kdekoli v WordPress pomocí kódu CSS
Ve výchozím nastavení přidává WordPress více tříd CSS k různým prvkům HTML na vašem webu WordPress. Pomocí těchto tříd CSS generovaných WordPress můžete snadno přidat vlastní obrázky na pozadí na příspěvky, kategorie, autory a další stránky.
Pokud máte například na svém webu kategorii s názvem TV, WordPress automaticky přidá tyto třídy CSS do značky těla, když si někdo prohlíží stránku kategorie TV.
Můžete použít kontrolní nástroj abyste přesně viděli, které třídy CSS přidává WordPress do značky těla.
Můžete použít kteroukoli třídu CSS, abyste stylizovali tuto stránku kategorie jinak.
kategorie-televizní kategorie-4
Přidejte na stránku archivu kategorií vlastní obrázek na pozadí. Tento vlastní CSS budete muset přidat do svého motivu WordPress.
body.category-tv { background-image: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); poloha na pozadí: střed; background-size: cover; background-repeat: no-repeat; připojení na pozadí: pevné; }
K jednotlivým příspěvkům a stránkám můžete také přidat vlastní pozadí. WordPress přidá třídu CSS s ID příspěvku nebo stránky do těla značky. Můžete použít stejný kód CSS, stačí nahradit .category-tv třídou CSS konkrétního příspěvku.
Objevte také některé prémiové doplňky WordPress
Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.
Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.
1. Snadné vlastní JS a CSS
Ce WordPress Plugin premium je výkonný editor kódu CSS a JavaScript, který vám umožňuje přidat je do jakékoli části vašeho webu. Umožňuje vám ponechat si přizpůsobení i po velké aktualizaci vašeho motivu WordPress. 
Máte možnost omezit pole použití svého osobního kódu. Například můžete svůj kód použít pouze pro článek ve formátu videa.
Podívejte se na naše články o Jak vyžadovat souhlas s podmínkami použití na WordPress
Nebo můžete omezit svůj kód na konkrétní téma WordPress; Což je užitečné, pokud aktuálně měníte témata pro svůj blog WordPress.
Stáhnout | Demo | Web hosting
2. Žlutá tužka: Editor stylů Visual CSS
Yellow Pencil je editor vizuálních stylů, který můžete použít s jakýmkoli motivem k přizpůsobení vašeho webu během několika minut (písma, barvy, animace atd.).
Ce WordPress Plugin premium vytvoří CSS styly podle pozadí zatímco hrajete s barvami, jako by to byla hra. Byla navržena pro začátečníky i zkušené uživatele.
Objevte také naše 5 pluginy WordPress zobrazovat oznámení
Nejsou vyžadovány žádné znalosti kódování. Nicméně, WordPress Plugin má dobrý editor CSS pro ty, kteří rádi kódují. Pomocí tohoto editoru můžete živě kódovat a přizpůsobovat své CSS.
Stáhnout | Demo | Web hosting
3. Widget pro poslední komentáře na Facebooku
Tento widget vám umožňuje zobrazit seznam nejnovějších komentářů Facebooku z vašeho blogu WordPress na první stránce nebo kdekoli, kde je widget používaný webem.
Jako funkce budete mít mimo jiné: zobrazení všech nejnovějších komentářů na vašem webu nebo blogu WordPress,Automatické nebo ruční schválení komentářů, které se mají zobrazit na widgetu,zaslání e-mailového upozornění, když osoba komentuje prostřednictvím pluginu komentářů na Facebooku, dobrý SEO, kompatibilita s jakékoli téma WordPress, omožnosti přizpůsobení widgetu a mnohem více.
Stáhnout | Demo | Web hosting
Doporučené zdroje
Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.
- Jak skrýt widget WordPress v mobilu
- Zásuvné moduly 10 WordPress ke zlepšení vizuální stránky vašeho webu
- Jak ručně migrovat web WordPress: Průvodce
- 7 pluginů WordPress pro tlačítka s výzvou k akci na WordPress
Proč investovat do čističky vzduchu?
Tady ! To je pro tento tutoriál vše. Doufáme, že vám tento článek pomohl naučit se, jak přidat obrázek na pozadí ve WordPressu. Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci projektů vytváření internetových stránek, nahlédněte do našeho průvodce Vytvoření blogu WordPress.
Pokud máte návrhy nebo připomínky, nechte je v naší sekci commentaires.
...
