Az Avada fejléc, lábléc és oszlopelrendezés -készítő használata

Saját oldalkészítőnk, az Avada Builder most két interfészben érhető el: az Avada Builder, amely a mi hátsó drótváz-oldalkészítőnk, és az Avada Live, amely a mi front-end építőnk, amelyet csak nemrég mutattak be az Avada 6.0-val .

A konténerek, oszlopok és elemek egyszerű rendszerének használatával az Avada Builder mindkét verziója lehetővé teszi, hogy egyszerűen tervezzen gyönyörű elrendezéseket webhelyéhez. Az Avada Builder egy fantasztikus eszköz a modern webtervezők és a webhelytulajdonosok számára, mivel teljes ellenőrzést biztosít számukra az oldal tartalmának és az elrendezésnek. Az Avada Builder mindkét verziója ugyanazt a kódot generálja. Teljesen felcserélhetők, lehetővé téve mindkét világ legjavát a jelenleg elérhető Avada Builderrel.

Az Elrendezéskészítő oldalon találhatja meg az összes elrendezését és feltételes elrendezését, amelyeket az alapértelmezés szerint létrehozott globális elrendezés mellett szeretne létrehozni. Itt található az a terület is, ahol elrendezési szakaszokat rendel hozzá az elrendezésekhez, és megadja a feltételeket a feltételes elrendezések életbe lépéséhez.

Az Elrendezéskészítő az Avada irányítópultról érhető el, ha a legördülő menü Elrendezések> Elrendezéskészítő elemét választja. Az elrendezések leírásának egyik legegyszerűbb módja az, ha azt mondjuk, hogy ezek olyan tárolók, amelyek az oldal négy elrendezési szakaszát tartalmazzák - a fejléc, az oldalcímsor, a tartalom és a lábléc. Ha többet szeretne megtudni az elrendezési szakaszok és az elrendezések közötti különbségekről, olvassa el ezt a dokumentumot: Az elrendezések és az elrendezési szakaszok megértése (PDF). Folytassa az olvasást, hogy többet megtudjon arról, hogy mit tehet ezen az oldalon.

Két rész a Layout Builder oldal tetején található. Az elrendezési szakaszok feltöltésének vagy a feltételes elrendezések létrehozásának technikája az első részben található (tipp: ezt az X gombbal zárhatja be), és a képernyő jobb oldalán található egy terület, ahonnan közvetlenül hozzon létre új elrendezéseket (lásd alább). Írja be az új elrendezés nevét, majd kattintson az Új elrendezés létrehozása gombra a folyamat befejezéséhez. E módszer használatakor üres elrendezés jön létre; nincsenek elrendezési szakaszok vagy feltételek megadva.

Az elrendezések készítésekor automatikusan importálódnak az Elrendezéskészítő oldalra. Az elrendezést az oldal tetején található Átnevezés gombra kattintva nevezheti át. A fogaskerék ikonra kattintva megállapíthatja az elrendezés feltételeit, és törölhet egy elrendezést az oldal tetején található Lomtár ikonra kattintva. A feltételeket az összes elrendezés aljára kattintva is megtekintheti és hozzárendelheti, kivéve a globális elrendezést.

Minden elrendezésen belül láthatja az adott elrendezéshez rendelt négy elrendezési szakaszt, egyet a négy elrendezéshez. Minden elrendezési szakaszban megjelenik egy + ikon, amely lehetővé teszi, hogy hozzárendeljen egy elrendezési szakaszt az elrendezés adott szakaszához, amikor az egeret ráhelyezi. Lehetősége van arra, hogy egy meglévő elrendezési szakaszt hozzárendeljen ehhez a szakaszhoz, vagy hozzon létre egy teljesen új szakaszt a semmiből.

A szakaszok elrendezésének használata

Az Avada Layouts részeként mostantól teljesen testreszabható lábléceket hozhat létre webhelyéhez, kihasználva az Avada Builder teljes kreatív képességét ennek eléréséhez.

A lábléc elrendezése egy elrendezéshez hozzáadott elrendezési szakasz. Az ex amp le, Egyedi lábléc igényel lábléc elrendezés szakasz, amely adhatunk akár a globális vagy egyéni elrendezést. A következő részben megvizsgáljuk az Egyéni lábléc elrendezés szakasz létrehozását, de először nézzük az Avada elrendezések bemutatása című részt.

A WordPress oldalsávon vagy az Avada irányítópulton válassza az Avada> Elrendezések lehetőséget. Az Avada elrendezései és elrendezési szakaszai itt jönnek létre és kezelhetők. Amint az alább látható, a globális elrendezés kezdetben üres, és nincsenek hozzárendelt elrendezési szakaszok.

Az elrendezés testreszabása

Ez a szakasz hozzáadható a Globális elrendezéshez vagy a Feltételes elrendezéshez, csak bizonyos egyéni bejegyzéstípusokon vagy egyes oldalakon. A globális elrendezés már jelen van, de először ki kell dolgoznunk egy feltételes elrendezést.

Az Elrendezések oldalon adjon meg egy nevet, majd kattintson az Új elrendezés létrehozása gombra az alábbiak szerint.

Hozzon létre egy lábléc -elrendezési részt, ha hozzá szeretné adni egy meglévő elrendezéshez vagy a globális elrendezéshez.

A Layout Section Builder képernyőn válassza ki az Layout Section típusát, adjon meg egy nevet (ebben az amp Footer, esetleg Global Footer), majd kattintson az Create Layout Section létrehozására, az alábbiak szerint.

A következő kép bemutatja, hogyan hozhat létre elrendezési részt közvetlenül az elrendezésből. A webhely elrendezési szakaszát hozzá kell adni az elrendezéshez. Kezdetben egyszerűen létezik egy globális elrendezés. Tehát globális egyéni lábléc létrehozásához adja hozzá ezt az elrendezést. Egyéni lábléc elrendezés szakasz, majd adjon hozzá feltételeket az Egyéni lábléc elrendezés szakaszhoz, hogy az elrendezés a feltételeknek megfelelően jelenjen meg.

Nincs ezzel semmi baj, de elengedhetetlen, hogy figyelembe vegyük a helyzetet. Ha az elrendezés jelenleg aktív (azaz feltételei vannak, vagy a globális elrendezés), akkor minden új elrendezési rész azonnal aktív és üres lesz. Ésszerűbb, ha először egy egyéni láblécet ad hozzá a globális elrendezéshez az Elrendezés szakasz készítő oldalán, majd adja hozzá a globális elrendezéshez.

Alternatív megoldásként hozzáadhatunk egy láblécet, fejlécet vagy oszlop elrendezési szakaszát egy feltételes elrendezéshez, majd létrehozhatjuk azt. A feltételeket a feltételek hozzáadásáig nem használják. Amint azt az alábbi ábra mutatja, módosíthatjuk a lábléc elrendezési szakaszát, ha az egérmutatót fölé húzzuk, és a szerkesztés ikonra kattintunk.

Lábléc elrendezés szakasz hozzáadása a feltételes elrendezéshez

Egyedi elrendezés szerkesztés

Az alapértelmezett WordPress -szerkesztő új elrendezési rész szerkesztésekor jelenik meg; innen használhatja az Avada Builder vagy az Avada Live alkalmazást. Itt hozhatók létre egyéni elrendezési szakaszok. További információkért lásd: Elrendezési rész tartalmának létrehozása, de röviden itt bármit létrehozhat.

Az egyéni lábléc bármit tartalmazhat, amit az Avada Builderben készíthet. Számos oszlopot, fényképet stb. Ez óriási rugalmasságot tesz lehetővé. Az Elrendezés szakaszban jelenik meg a lábléc anyaga. Az anyag az Építőtől származik, és az Ön kreativitása az egyetlen korlátozás.

Lásd az alábbi, a Taxi Demóhoz készült eredeti láblécet; Ez a téma beállításainak és a lábléc -modulok megváltoztatásával történt.

Taxi Demo> Basic lábléc”src =” https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Nézze meg az Avada Layouts egyéni globális láblécét.

Az egyéni fejléc asztali verziója itt látható, de az egyéni fejléc hatókörének helyes felfogásához meg kell látogatnia az élő webhelyet, amelyet itt érhet el.

Feltételes elrendezésű kialakítás

Nincsenek feltételek a globális elrendezésben. Az elrendezési szakaszok hozzáadása minden oldalon használatos lesz, mert globális. Ha csak egyéni láblécre volt szüksége webhelye néhány oldalán, például egyetlen blogcikkben, akkor feltételes elrendezést kell használnia.

A feltételes elrendezés csak meglévő elrendezési szakaszokat tartalmazhat. Ezután az Elrendezés Válasszon láblécet lapon görgessen a Létező lehetőséghez, ahol hozzáadhatja az Elrendezés részt, amint az alább látható.

Egyéni elrendezési szakasz hozzárendelése

Be kell állítania a feltételeket minden feltételes elrendezéshez. Az elrendezés a feltételek megadása után aktív; ezért ha ezt az Elrendezés szakasz létrehozása előtt teszi meg, akkor a feltételeknek megfelelő oldalak üresek lesznek.

Feltétel hozzáadásához válassza az Elrendezés alsó menüjében a Feltétel hozzáadása lehetőséget. Megjelenik egy párbeszédpanel, amint az alább látható. A feltételes elrendezésekkel kapcsolatos további információkért lásd a Feltételes elrendezések megértése című cikket, de ehhez a korábbi amp a Bejegyzések feltételei lapon az Összes bejegyzés lehetőséget választanánk, amint az alább látható.

Oszlopok hozzáadása az Avada Layout builderből

Az oszlop elem, mint a konténer elem, alapvető szerkezeti eleme az Avada telephely tervezésekor.

Oszlopok hozzáadása viszonylag egyszerű az Avada Layout builder segítségével.

  • Kattintson a „ + Tároló ” gombra, hogy hozzáadjon egy tárolót az oldalhoz. Tároló beszúrásakor a rendszer felkéri, hogy válasszon oszlopot vagy oszlopelrendezést. Létrehozhat egy üres tárolót, de általában ebben a lépésben adja hozzá az oszlopokat.
  • Ha új oszlopokat szeretne hozzáadni egy meglévő tárolóhoz, vigye az egérmutatót a tároló fölé, és kattintson a „ + Oszlop ” gombra. Új oszlop hozzáadásához kattintson ide.
  • Az oszlop bal felső sarkában kattintson az "Oszlop átméretezése" ikonra. Akkora lesz, mint most az oszlopod. Például amp oszlop '1/ az Oszlop átméretezése opció alatt.
  • Húzza át az oszlopokat az átrendezéshez. Az oszlopokat is áthúzhatja a tárolókba.

Oszlop csak azonos szélességű tárolóelem belsejében helyezhető el; Ez általában a webhely szélessége, amelyet a webhelyhez állított be. Ha tehát a webhely szélességét 1200 képpontra állítja, akkor egy 1/2 oszlop 600 képpont széles lesz. Az előre beállított oszlopméretek az alábbiakban láthatók, amikor hozzáadják az oldalhoz.

Az Avada -ban külön, nagy, közepes és apró elrendezéseknél állíthatja be az oszlopszélességeket (és még ennél is többet), hogyan állíthatja be az oszlopok megjelenítési sorrendjét és méretét az adaptív elrendezésekben.

Az egyéni szélességek az Oszlopok > Tervezés > Szélesség . Amint az alább látható, a százalékos szám használatával megadhat egyéni szélességet. Így a pozicionálás korlátlan

Az Auto egy új szélességi lehetőség. Rögzített szélesség helyett az oszlop a legjelentősebb elem helyét foglalja el benne. Tehát csak bizonyos esetekben működik. Módosíthatja a szülőoszlopot Auto értékre, és az oszlop átméreteződik az elem szélességére.

Az Avada adalékkészleteket is hozzáad a tárolókhoz és oszlopokhoz. A Builder hátoldalán bármelyik oszlopon láthatja a reszponzív ikonokat, amint az az alábbi képen látható. A kezelőfelület-készítő megjeleníti a lehetőségekre reagáló ikonokat.

Csak az új Flex konténerek mutatnak reszponzív opciókészleteket. A régi tárolók oszlopai nem érhetők el.

Következtetés

Az Avada Layouts -nak köszönhetően az egyéni lábléc, fejléc és oszlopok hozzáadásának képessége ma már valóság és szinte korlátlan lehetőség. Nem csak az Avada Builder erejét használhatja fel gyakorlatilag bármilyen lábléc vagy fejléc létrehozásához, amit el tud képzelni, de a feltételes elrendezések erejét is felhasználhatja, hogy megjelenítse vagy elrejtse azokat bármely oldalon, kategóriában, egyéni bejegyzés típusában vagy bármely kombinációjában feltételeket, amelyekre gondolhat az Avada Builder használatával.

Ami a WordPress elrendezéseket illeti, az Avada Layouts egy játékváltó a szó legszorosabb értelmében. Az a tény, hogy ez lehetővé teszi a tervezés szabadságát és a telepítési rugalmasságot, azt jelenti, hogy a láblécek létrehozásának folyamata soha nem lesz ugyanaz.

Hagy egy megjegyzést

Az e-mail címed nem kerül nyilvánosságra. A kötelező mezők meg vannak jelölve *