Állítson be háttérképet a WordPress webhelyéhez

minden, a webhelyén használt kép vagy videó meghatározza márkáját a közönség számára. Tehát a webhely háttérképei fontosak, és meg kell terveznie vagy választania őket, szem előtt tartva a márka stílusát és a célközönséget.

ebben az oktatóanyagban számos módot tanulhat meg a háttérkép beállítására a WordPress webhelyén. Végigvezetem a WordPress háttérképének részletes beállításának folyamatán, hogy könnyedén meg tudja csinálni.

függetlenül attól, hogy a WordPress webhelyet tárolja-e WordPress.com vagy önkezelt szervert használ, ez az oktatóanyag az Ön számára készült. Megtanulja a következő módszereket a háttérkép beállításához a WordPress webhelyéhez:

  • háttérkép hozzáadása a WordPress téma beállításaival
  • háttérkép hozzáadása a WordPress plugins használatával
  • háttérfotók hozzáadása a CSS használatával

1.Lehetőség. Adjon hozzá háttérképet a WordPress téma beállításaival

sok ingyenes WordPress téma lehetővé teszi a háttérkép beállítását. A Twenty Twenty-One témát használom, amely egy egyszerű téma a blogok, portfóliók és kisvállalkozások számára. Ez a téma is lehetővé teszi, hogy egy háttérképet.

jelentkezzen be a WordPress webhely adminisztrációs szakaszába. A WordPress beállításainak nagy részét innen kezelheti.

  • WordPress
    hogyan lehet bejelentkezni a WordPress webhelyére Admin Dashboard
    Adi Purdila

kattintson a megjelenés elemre, amely tartalmazza a webhely megjelenésének összes beállítását. Meg fogják kérni, hogy válasszon egy témát. Válasszon húsz Huszonegy témát (vagy bármely más témát, amely lehetővé teszi háttérképet).

most vigye az egérmutatót a megjelenés menü fölé, majd kattintson a háttér elemre. Megjelenik a Téma testreszabása ablak, amely lehetővé teszi a háttérkép kiválasztását.

háttérképháttérképháttérkép

Most válassza ki a képet, és válasszon ki egy képet a WordPress könyvtárából, vagy töltsön fel egy képet.

beállíthatja a háttérkép részleteit, például az alt szöveget, a címet, a feliratot és a leírást. Ha a hangsúly a SEO, ez mindig egy jó ötlet, hogy adjunk alt szöveget.

a háttérkép részleteia háttérkép részleteia háttérkép részletei

Miután kiválasztotta a képet, és elmentette a beállításokat, a WordPress háttérképe megváltozik. Most felfedezheti a különböző előre beállított lehetőségeket (képernyő kitöltése, képernyőre illesztés stb.), amely lehetővé teszi, hogy a háttérkép pontosan úgy nézzen ki, ahogy szeretné.

előre beállított beállításokelőre beállított beállításokelőre beállított beállítások

ne feledje, hogy kattintson a Módosítások mentése gombra a bal felső sarokban, vagy a módosítások nem kerülnek mentésre.

2.lehetőség. Háttérkép hozzáadása a WordPress Plugins használatával

a pluginek használata a webhely megjelenésének megváltoztatásához csak akkor ajánlott, ha saját kezű WordPress webhelye van, vagy ha fizetett tervbe fektetett be WordPress.com. ha úgy dönt, hogy plugineket használ az ingyenes WordPress.com fiók, a domain megváltozik .wordpress.com hogy .wpcomstaging.val vel, ami nem ideális.

a Bővítmények sok funkciót és funkciót kínálnak a WordPress webhelyéhez. Például egy háttér plugin segítségével különböző háttereket adhat hozzá a webhely több területén: Hozzászólások, oldalak és kategóriák. Egy plugin segítségével beállíthat egy YouTube-videót háttérként is. A beépülő modulok átméretezhetik a képeket és videókat a telefonokhoz, hogy a közönség könnyen élvezhesse webhelyét a telefonjáról.

  • WordPress
    mi az a WordPress Plugin?
    Rachel McCollin
  • WordPress
    17 legjobb videó háttér Plugins WordPress
    Nona Blackman

ehhez az oktatóanyaghoz egy nagyon alapvető ingyenes plugint használunk. Ez az egyszerű teljes képernyős háttérkép plugin.

miután aktiválta a plugint, vigye az egérmutatót a megjelenés fölé. Most kattintson az Új lehetőségre, teljes képernyős BG kép.

teljes képernyős BG képteljes képernyős BG képteljes képernyős BG kép

Ezután kattintson a kép kiválasztása elemre, és töltse fel a kívánt képet WordPress háttérképként. Kiválaszthat egy képet a Médiakönyvtárból is, ha korábban hozzáadta a kívánt háttérképet.

Válasszon képetVálasszon képetVálasszon képet

ha szeretné, hozzáadhatja a részleteket, például az alt szöveget, a feliratot és a kép leírását. Kattintson a kép használata, majd a Beállítások mentése elemre.

most keresse fel webhelyét, hogy megnézze, hogyan néz ki a WordPress háttérképe.

3.lehetőség. Háttérfotók hozzáadása a CSS használatával

ismét háttérkép hozzáadásához a CSS használatával rendelkeznie kell egy saját üzemeltetésű WordPress-oldallal, vagy fel kell fizetnie egy fizetett tervre WordPress.com. az egyéni CSS nem csak háttérkép hozzáadását teszi lehetővé, hanem különféle változtatásokat is végezhet webhelye megjelenésében, hogy pontosan úgy nézzen ki, ahogy szeretné.

keresse meg a WordPress irányítópultját, és kattintson a megjelenés > további CSS elemre.

további CSStovábbi CSStovábbi CSS

most adja hozzá ezeket a kódsorokat a CSS mezőbe a WordPress háttérkép beállításához.

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

cserélje le a http://theimageurl – ot annak a képnek az URL-jére, amelyet WordPress háttérképként használni szeretne.

egyéni háttereket és képeket is hozzáadhat a WordPress webhelyén található egyes bejegyzésekhez. Ehhez szüksége lesz erre a kódra:

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

csakúgy, mint korábban, a http://anotherimageurl – et le kell cserélnie a használni kívánt kép URL-jével. A slug – ot le kell cserélnie egy meglévő kategória nevére a webhelyén.

miután végzett a CSS módosításaival, ne felejtse el kattintani a Változtatások mentése gombra az összes módosítás tárolásához. Most akkor látogasson el a webhelyre, hogy megtekinthesse az új háttérképet!

figyeljen a kép méretére

mielőtt bármilyen képet feltöltene a WordPress webhelyére, összpontosítson annak méretére. Csábító, hogy adjunk egy kiváló minőségű vizuális. Ez azonban növelheti webhelye betöltési sebességét. Nem hangzik nagy ügynek; minél lassabb azonban a webhelye, annál nagyobb a visszafordulási arány, vagyis többen hagyják el webhelyét, mielőtt elolvasnák vagy megnéznék annak tartalmát. Ez viszont befolyásolja a konverziókat. A Google azt mondta, hogy két másodperc az ideális webhelysebesség, különösen, ha vállalkozást vezet.

ugyanakkor a rossz minőségű képek hozzáadása csak a kisebb méret érdekében szintén negatívan befolyásolhatja a felhasználói élményt. Tehát az ideális gyakorlat az egyensúly fenntartása és jó minőségű képek hozzáadása, de csak akkor, ha szükséges—vagyis amikor értéket adnak a tartalomhoz, és csak a szükséges felbontáshoz.

Összegzés

ebben az oktatóanyagban megmutattam a WordPress háttérkép beállításának három módját.

  1. háttérkép hozzáadása a téma megjelenési beállításain keresztül
  2. plugin használata a háttérkép hozzáadásához
  3. egyéni CSS hozzáadása

lehet, hogy nincs szüksége háttérképre a WordPress webhelyéhez. Ha azonban háttérképet választ, akkor tudja, hogy ez egy jelentős elem, amely meghatározza a márka stílusát a közönség számára. Tehát győződjön meg arról, hogy a WordPress háttérképe tükrözi a márka imázsát.

Leave a Reply