Nastavte obrázek na pozadí pro váš web WordPress

každý obrázek nebo video, které používáte na svém webu, definuje vaši značku pro vaše publikum. Obrázky na pozadí na vašem webu jsou tedy důležité a měli byste je navrhnout nebo vybrat s ohledem na styl vaší značky a cílové publikum.

v tomto tutoriálu se dozvíte několik způsobů, jak nastavit obrázek na pozadí na vašem webu WordPress. Provedu vás procesem podrobného nastavení obrázku na pozadí WordPress, abyste to mohli snadno udělat sami.

ať už hostujete svůj web WordPress s WordPress.com nebo používáte samostatně spravovaný server, tento tutoriál je pro vás. Naučíte se následující metody nastavení obrázku na pozadí pro váš web WordPress:

  • přidejte obrázek na pozadí s nastavením motivu WordPress
  • přidejte obrázek na pozadí pomocí pluginů WordPress
  • přidejte fotografie na pozadí pomocí CSS

Možnost 1. Přidejte obrázek na pozadí s nastavením motivu WordPress

mnoho bezplatných témat WordPress vám umožní nastavit obrázek na pozadí. Používám téma dvacet dvacet jedna, což je jednoduché téma pro blogy, portfolia, a malé podniky. Toto téma také umožňuje mít obrázek na pozadí.

přihlaste se do sekce správce vašeho webu WordPress. Většinu nastavení WordPress můžete zpracovat zde.

  • WordPress
    jak se přihlásit do vašeho WordPress webu Admin Dashboard
    Adi Purdila

klikněte na vzhled, který obsahuje všechna nastavení vzhledu vašeho webu. Budete vyzváni k výběru motivu. Jako téma vyberte dvacet dvacet jedna (nebo jakékoli jiné téma, které vám umožní mít obrázek na pozadí).

nyní najeďte myší na nabídku vzhled a klikněte na pozadí. Zobrazí se okno přizpůsobení motivu a umožní vám vybrat obrázek na pozadí.

 obrázek na pozadí obrázek na pozadí obrázek na pozadí

nyní Vyberte obrázek a vyberte obrázek z knihovny WordPress nebo nahrajte obrázek.

můžete nastavit podrobnosti o obrázku na pozadí, jako je alt text, název, titulek a popis. Pokud se zaměřujete na SEO, je vždy skvělý nápad přidat alt text.

 podrobnosti o obrázku na pozadí podrobnosti o obrázku na pozadí podrobnosti o obrázku na pozadí

Jakmile vyberete obrázek a uložíte nastavení, váš obrázek na pozadí WordPress se změní. Nyní můžete prozkoumat různé přednastavené možnosti (vyplnit obrazovku, přizpůsobit obrazovku atd.), což vám umožní, aby váš obrázek na pozadí vypadal přesně tak, jak chcete.

Nastavení předvolebNastavení předvolebNastavení předvoleb

Nezapomeňte kliknout na tlačítko Uložit změny v levém horním rohu nebo vaše změny nebudou uloženy.

možnost 2. Přidat obrázek na pozadí pomocí pluginů WordPress

použití pluginů k provedení změn ve vzhledu vašeho webu se doporučuje pouze v případě, že máte web WordPress spravovaný samostatně nebo pokud jste investovali do placeného plánu z WordPress.com. pokud se rozhodnete používat pluginy s vaším zdarma WordPress.com účet, vaše doména se změní z. wordpress.com na .wpcomstaging.s, což není ideální.

pluginy nabízejí mnoho funkcí a funkcí pro váš web WordPress. Například pomocí pluginu na pozadí můžete přidat různá pozadí do více oblastí svého webu: příspěvky, stránky a kategorie. Můžete také nastavit video YouTube jako pozadí s jedním pluginem. Pluginy mohou také změnit velikost obrázků a videí pro telefony, aby vaše publikum mohlo snadno využívat vaše webové stránky ze svých telefonů.

  • WordPress
    co je Plugin WordPress?
    Rachel McCollin
  • WordPress
    17 Nejlepší video pozadí pluginy pro WordPress
    Nona Blackman

pro tento tutoriál používáme velmi základní bezplatný plugin. Říká se tomu jednoduchý plugin pro obrázek na pozadí celé obrazovky.

jakmile aktivujete plugin, najeďte myší na vzhled. Nyní klikněte na novou možnost, Obrázek na celou obrazovku BG.

Fullscreen bg ImageFullscreen bg Image Fullscreen bg Image

poté klikněte na Vybrat obrázek a nahrajte požadovaný obrázek jako obrázek na pozadí WordPress. Můžete si také vybrat obrázek z knihovny médií, pokud jste tam dříve přidali preferovaný obrázek na pozadí.

 Vyberte obrázekVyberte obrázekVyberte obrázek

pokud si přejete, můžete přidat podrobnosti, jako je alt text, titulek a popis obrázku. Klikněte na Použít obrázek a poté na Uložit možnosti.

Nyní přejděte na svůj web a podívejte se, jak vypadá váš obrázek na pozadí WordPress.

možnost 3. Přidejte fotografie na pozadí pomocí CSS

Chcete-li přidat obrázek na pozadí pomocí CSS, budete muset mít vlastní web WordPress nebo se přihlásit k placenému plánu WordPress.com. vlastní CSS vám nejen umožní přidat obrázek na pozadí, ale můžete také provést různé změny ve vzhledu vašeho webu, aby vypadal přesně tak, jak chcete.

přejděte na panel WordPress a klikněte na vzhled > další CSS.

 další CSS další CSS další CSS

Nyní přidejte tyto řádky kódu do pole CSS a nastavte obrázek na pozadí WordPress.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

nahraďte http://theimageurl adresou obrázku, který chcete použít jako obrázek na pozadí WordPress.

k jednotlivým příspěvkům na webu WordPress můžete také přidat vlastní pozadí a obrázky. K tomu budete potřebovat tento kód:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

stejně jako dříve budete muset http://anotherimageurl nahradit adresou URL obrázku, který chcete použít. Budete také muset nahradit slug názvem Existující kategorie na vašem webu.

Jakmile provedete změny v CSS, Nezapomeňte kliknout na tlačítko Uložit změny pro uložení všech úprav. Nyní můžete navštívit svůj web a zobrazit nový obrázek na pozadí!

věnujte pozornost velikosti obrázku

než nahrajete jakýkoli obrázek na svůj web WordPress, zaměřte se na jeho velikost. Je lákavé přidat kvalitní vizuál. To by však mohlo zvýšit rychlost načítání vašeho webu. Nezní to jako velký problém; čím pomalejší je však váš web, tím vyšší je míra okamžitého opuštění, což znamená, že více lidí opustí váš web před čtením nebo zobrazením jeho obsahu. To zase ovlivňuje vaše konverze. Google uvedl, že dvě sekundy jsou ideální rychlostí webu, zejména pokud provozujete firmu.

na druhou stranu však přidání nekvalitních obrázků jen kvůli menší velikosti může také negativně ovlivnit uživatelský dojem. Ideální praxí je tedy udržovat rovnováhu a přidávat kvalitní obrázky, ale pouze v případě potřeby—to je, když přidávají hodnotu vašemu obsahu a pouze k potřebnému rozlišení.

shrnutí

v tomto tutoriálu jsem vám ukázal tři způsoby nastavení obrázku na pozadí WordPress.

  1. přidání obrázku na pozadí prostřednictvím nastavení vzhledu motivu
  2. použití pluginu pro přidání obrázku na pozadí
  3. přidání vlastního CSS

možná nebo možná nebudete potřebovat obrázek na pozadí pro váš web WordPress. Pokud se však rozhodnete mít obrázek na pozadí, vězte, že je to významný prvek, který určuje styl vaší značky pro vaše publikum. Ujistěte se tedy, že obrázek na pozadí WordPress odráží image vaší značky.

Leave a Reply