Hogyan állítsuk be a kép hátterét a WordPressben

Több módja is van annak, hogyan adjunk hozzá háttérképeket a WordPressben. Az alaptól a legfejlettebbig a téma kódjának megváltoztatásával. Azonban örömmel mutatunk be egy felhasználóbarát eszközt, amely ideális a kódolási és tervezési ismeretek nélküli weboldal-adminisztrátorok számára. Citadela Pro plugin számos funkcióval és beállítással rendelkezik a weboldal testreszabásához.

Próbálja ki az Citadela Pro plugin hatékony blokkjait, beállításait és funkcióit. Felfedezheti a tökéletes eszközt, amely lehetővé teszi, hogy háttérképeket adjon a WordPress oldalakhoz, bejegyzésekhez és egyéni bejegyzéstípusokhoz.

A Cluster egy Gutenberg blokk a WordPressben, amely lehetővé teszi egy háttérkép hozzáadását. A többfunkciós elem lehetővé teszi, hogy megváltoztassa a WordPress hátterét az alapértelmezettől. Nem csak háttérképet adhat hozzá, hanem más blokkokkal is kombinálhatja. Sok variációra és sokoldalúságra tesz szert.

Kombinálva a Oldal cím blokk, akkor egy mesés megjelenésű honlapot kaphat könnyedén. Több Gutenberg blokkot is hozzáadhat, és testre szabhatja a WordPress háttérképét. Emellett blokkok készletét mentheti el, mint újrafelhasználható blokkokat, és bárhol hozzáadhat egy témát a weboldalán. Így egyszerre megváltoztathatja a WordPress weboldal hátterét.

Hogyan adjunk hozzá háttérképet a WordPressben a Gutenberg blokk használatával?

WordPress háttérkép a Cluster blokkon keresztül

Bemutatjuk neked praktikus blokk, hogy mi készült WordPress Gutenberg blokk háttér kép - Cluster blokk. Ez a saját blokkcsoportunk része. Az Citadela Pro plugin számos olyan funkcióval rendelkezik, amelyek segítenek gyönyörű weboldalak létrehozásában. Minden AitThemes egyéni blokkok állnak rendelkezésre a Citadela Pro plugin.

Kérjük, olvassa el Cluster Block dokumentáció a részletes beállításokhoz.

A klaszterblokk lehetővé teszi, hogy több blokkot egybe csoportosítson. A teljes klaszterezett csoporttal úgy dolgozhat, mintha az egy blokk lenne. A klaszter szélessége teljes oldalszélességre állítható, ami azt jelenti, hogy extra nagy hely áll rendelkezésére a különböző blokkok hozzáadásához.

A klaszter nem nyúlik ki teljes szélességében, ha:

• Aktív oldalsávja van
• Ha olyan oszlopokat használ, amelyek korlátozzák a helyet a Cluster

Mivel néhány alapvető WordPress blokk csak a tartalom szélességéhez igazítható, a Cluster blokk nagyobb variabilitást kínál a weboldal építésében. Nagyszerű tulajdonsága az is, hogy beállíthat a WordPress egy háttérképet, megváltoztathatja annak színét vagy beállíthatja a háttérkép átfedését. Háttér tehát beállítható a weboldal kialakításához.

Ebben a cikkben megmutatjuk Önnek:

• Hogyan adjunk hozzá Cluster blokkot a WordPress szerkesztőhöz
• Csoportosítás a klaszteren belül
• Alapvető beállítások az eszköztáron
• Címsor és elválasztó szín
• Hogyan adjunk háttérképet a csoportosított blokkok alá
• Mi az a Háttér overlay
• Mi a különbség a Group block és az Ait Cluster block között?

Hogyan adjunk hozzá Cluster blokkot

A klaszter blokk prémium blokk, és csak akkor érhető el, ha telepíti és aktiválja a Citadela blokkok plugin. A plugin telepítése után a Cluster blokk automatikusan hozzáadódik a WordPress blokkszerkesztőjéhez, és azonnal elkezdhet vele dolgozni.

A klaszterblokk mind a posztokba, mind az oldalakba beilleszthető. Egyszerűen kattintson a "+" jelre a felső sávban vagy bárhol a szerkesztő asztalán. Ezután csak keresse meg a Cluster blokkot.

A második lehetőség a Cluster blokk hozzáadására a "/" és a blokk neve beírása. A klaszterblokk ezután készen áll a használatra.

Blokkok csoportosítása Cluster használatával

A Cluster blokk fő jellemzője, hogy több blokkot csoportosít egybe. Nézzük meg, hogyan működik. Ha beilleszted a Cluster blokkot az oldaladra, azonnal látni fogsz egy helyőrzőt. "Insert more blocks here". Ha rákattintasz, megjelenik az összes elérhető blokk listája. A lista tetején található keresősáv segítségével is kereshet a kívánt blokkra.

Minden beágyazott blokkban az összes alapértelmezett opció és beállítás elérhető lesz. Ha például képblokkot illeszt be, lehetősége lesz képet feltölteni vagy a Médiatárból kiválasztani.

A Cluster blokk használatával például szemet gyönyörködtető szekciót hozhat létre a weboldalán a legújabb munkáinak bemutatására. Adjon hozzá képeket a portfóliójából, majd állítson be alatta háttérképet. Ezzel egy szép linket hozott létre a portfóliójához.

A klaszterblokkok vonzó termékbemutatók létrehozására is használhatók. A termékképet beállíthatja a szekció háttereként, és kiválaszthatja annak színét. Szervizblokk is beágyazható a Cluster blokkba.

Több blokk egyetlen blokkban

Ha több egymásba ágyazott blokkot szeretne hozzáadni a Clusterhez, használhatja a Columns blokkot. A Column blokk használatával több blokkot adhat egymás mellé. Minden oszlop különböző típusú tartalmat tartalmazhat, például képet, bekezdést, listát vagy gombot.

A több oszlop és a Cluster blokk kombinációjának tipikus példája az egyoldalas weboldal.

Alapvető beállítások az eszköztáron: Tartalom igazítási beállítások

Alapértelmezés szerint a Cluster blokk szélessége a tartalom méretére van beállítva. Ezt a viselkedést az eszköztáron módosíthatja. A következő beállítások állnak rendelkezésre:

• Tartalom mérete - alapértelmezett beállítás, a Cluster blokk szélessége megegyezik a tartalom szélességével.
• Széles méret - a Clusterben lévő tartalom szélesebb, mint a tartalom szélessége.
• Teljes szélességű méret - ebben az esetben a Cluster szélessége a böngészőablak oldalától oldaláig terjed.

Fontos megjegyezni, hogy ez a beállítás csak akkor lesz hatással a Cluster tartalomra, ha a jelenleg aktív téma támogatja azt. Minden egymásba ágyazott blokk konfigurálható az opcióik elérhetősége alapján.

Címsor és elválasztó színbeállítások

Cím színváltoztatása

A WP 5.3 óta a fejléc színét a Fejléc blokkban változtathatja meg. Ez egy nagyon hasznos funkció - különösen, ha sötét elrendezésed és színsémád van, jobb, ha az alapértelmezett szövegszínt (ami fekete) világosabb színre változtatod.

Az új kiadásig nem lehetett megváltoztatni a fejléc színét, ami problémákat okozott a láthatóságával sötét alapon. Ezért gyakran előfordult, hogy a címsor összemosódott a WordPress háttérképpel vagy a hozzáadott fotóval. Most már kiválaszthatja a megfelelő címsorszínt, hogy webhelye ragyogjon.

Új szín az Ön weboldalán használt elválasztóhoz

Amikor a WP-hez háttérképet vagy bármilyen más típusú tartalmat adsz hozzá, néha szükséged lehet arra, hogy elkülönítsd a weboldal többi részétől. Erre a célra használhatod a Separator nevű speciális blokkot. Az elválasztó beillesztésével a következőket teheti:

• Különálló specifikus blokkok
• A teljes szöveg kisebb részekre bontása
• A fontos részek kiemelése
• A tartalom jobb olvashatóságának biztosítása
• Egyszerűsítse a navigációt a weboldalán

Ezen kívül most már megváltoztathatja a választóvonal színét a frissített WordPress. A színes elválasztóvonal tökéletesen kiegészíti a webhely színsémáját.

Hogyan adjunk háttérképet a csoportosított blokkok alá

A Cluster blokk igazi ereje az, hogy háttérképet adhat hozzá és beállíthatja a háttérszínt a csoportosított blokkok alá. Minden könnyen konfigurálható a WordPress inspektoron belül. Nézzük meg, hogyan kell ezt megtenni.

1. Kattintson a Háttérképre, és aktiválja a "Háttérkép megjelenítése" funkciót.
2. Kattintson a "Kép kiválasztása" gombra. Megnyílik a Médiatár. Kiválaszthatja a meglévő képet, vagy új képet tölthet fel a könyvtárba.
3. A háttérkép fixre is beállítható. Ez azt jelenti, hogy ha görgeted az oldalt, a háttér nem mozog a tartalommal együtt, és a pozíciója fix marad.
4. Azt is kiválaszthatja, hogy a háttérkép melyik része jelenjen meg a "Fókuszpont kiválasztó" segítségével. Lehetőség van a kép egy részének kiválasztására is a százalékos arány segítségével.

Háttér átfedés

A Cluster egyik speciális beállítása a Háttérkép átfedés. Kiválaszthatja az alapértelmezett színek egyikét, vagy egyéni színt választhat a színválasztó segítségével. Lehetőség van a szín átlátszatlanságának beállítására is. Ezek a Cluster blokk beállítások segítenek igazán vonzó weboldal bemutatás létrehozásában.

Új csoport blokk elérhető a core-ban

Mi a különbség a Group block és az AitThemes Cluster block között?

Az egyedi Cluster blokkunk korábban jelent meg, mint a Group blokk, és összetettebb megoldást kínál. A Group blokkot több blokk csoportosítására használhatja, de még mindig korlátozott funkciókkal rendelkezik. Például a blokkban nem állítható be színátfedés - csak az alap háttérszínt választhatja ki, amely a kép körül lesz, nem pedig fölötte.

A háttérkép szerkesztése gyerekjáték a Cluster blokkunkban.

Feltöltheti a WordPress háttérképét, beállíthatja a háttérszínt és a háttérszínt is (és testreszabhatja az átlátszóságot is!). Mindössze néhány percet vesz igénybe.