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

Saját oldalkészítőnk, az Avada Builder mostantól két felületen érhető el: az Avada Builderben, amely a háttérben drótvázas oldalkészítőnk, és az Avada Live-ban, amely a front-end fejlesztőnk, amelyet csak nemrég vezettünk be az Avada 6.0-val. .

A tárolókból, oszlopokból és elemekből álló egyszerű rendszerünk segítségével az Avada Builder mindkét verziója lehetővé teszi, hogy egyszerűen gyönyörű oldalelrendezéseket tervezzen webhelye számára. Az Avada Builder egy fantasztikus eszköz a modern webdizájnerek és webhelytulajdonosok számára egyaránt, mivel teljes ellenőrzést biztosít az oldal tartalmának és elrendezésének minden aspektusa felett. Az Avada Builder mindkét verziója ugyanazt a kódot generálja. Teljesen felcserélhetők, így mindkét világból a legjobbat élvezheti a jelenleg elérhető Avada Builder segítségével.

A Layout Builder oldalon megtalálja az összes elrendezést és minden olyan feltételes elrendezést, amelyet az alapértelmezés szerint létrehozott Globális elrendezés mellett szeretne létrehozni. Szintén itt található az a terület, ahol az elrendezési szakaszokat hozzárendelheti az elrendezésekhez, és megadhatja a Feltételes elrendezések érvénybe lépéséhez szükséges feltételeket.

A Layout Builder az Avada irányítópultjáról érhető el, ha a legördülő menüből kiválasztja az Elrendezések > Elrendezéskészítő elemet. Az elrendezések leírásának egyik legegyszerűbb módja, ha azt mondjuk, hogy ezek olyan tárolók, amelyek egy oldal négy elrendezési szakaszát tartalmazzák – a fejléc szakaszt, az oldal címsor szakaszát, a tartalom szakaszt és a lábléc szakaszt. 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 (PDF) értelmezése. Folytassa az olvasást, ha többet szeretne megtudni arról, hogy mit tehet ezen az oldalon.

Két rész található a Layout Builder oldal legtetején. Az első részben ismertetjük az elrendezési szakaszok feltöltésének technikáját a Globális elrendezésben vagy a feltételes elrendezések létrehozását (tipp: ezt az X-el zárhatja be), a képernyő jobb oldalán pedig 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. Ennek a módszernek a használatakor egy üres elrendezés jön létre; nincs Elrendezés szakaszok vagy feltételek megadva.

Az elrendezések elkészítésekor a rendszer automatikusan importálja azokat az Elrendezéskészítő oldalra. Az oldal tetején található Átnevezés gombra kattintva átnevezheti az elrendezést. A fogaskerék ikonra kattintva is meghatározhatja az elrendezés feltételeit, az elrendezést pedig törölheti az oldal tetején található Bin ikonra kattintva. A feltételeket úgy is megtekintheti és hozzárendelheti, ha az összes elrendezés aljára kattint, kivéve a Globális elrendezést.

Mindegyik elrendezésen belül láthatja az adott elrendezéshez rendelt négy elrendezési szakaszt, egyet mind a négy elrendezéshez. Minden Elrendezés szakaszban megjelenik egy + ikon, amely lehetővé teszi, hogy hozzárendeljen egy Elrendezés szakaszt az Elrendezés adott szakaszához, amikor az egeret fölé viszi. Lehetősége van egy meglévő elrendezési szakaszt hozzárendelni ehhez a szakaszhoz, vagy teljesen új szakaszt létrehozni a semmiből.

A szakaszelrendezés használata

Az Avada Layouts részeként mostantól teljesen testreszabható láblécet hozhat létre webhelye számára, kihasználva az Avada Builder teljes kreatív képességét ennek megvalósítására.

A lábléc-elrendezés egy elrendezési szakasz, amely hozzáadódik az elrendezéshez. amp az egyéni lábléchez egy láblécelrendezés szakaszra van szükség, amely hozzáadható a globális vagy egyéni elrendezéshez. 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 meg az Avada elrendezések bemutatása című részt.

A WordPress oldalsávján 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 kapcsolódó elrendezési szakaszok.

Az elrendezés testreszabása

Ez a szakasz hozzáadható a Globális elrendezéshez vagy a Feltételes elrendezéshez, amely csak bizonyos egyéni bejegyzéstípusokon vagy egyedi oldalakon jelenik meg. A Global Layout már jelen van, de először ki kell fejlesztenünk egy feltételes elrendezést.

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

Hozzon létre egy lábléc-elrendezés szakaszt, 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 elrendezési szakasz típusát, adjon meg egy nevet (ebben amp lábléc, esetleg Globális lábléc), és kattintson az Új elrendezési szakasz létrehozása lehetőségre az alábbiak szerint.

A következő kép bemutatja, hogyan hozhat létre elrendezési szakaszt közvetlenül az elrendezésből. A webhely elrendezési szakaszait hozzá kell adni egy elrendezéshez. Kezdetben egyszerűen van egy Globális elrendezés. Tehát globális egyéni lábléc létrehozásához adja hozzá ehhez az elrendezéshez. Egyéni lábléc-elrendezés szakaszt, majd adjon 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 létfontosságú a helyzet mérlegelése. Ha az elrendezés jelenleg aktív (azaz feltételekkel rendelkezik, vagy Globális elrendezés), minden új elrendezési szakasz azonnal aktív és üres lesz. Ésszerűbb, ha először a Layout Section Builder oldalon keresztül ad hozzá egyéni láblécet egy globális elrendezéshez, majd adja hozzá a globális elrendezéshez.

Alternatív megoldásként hozzáadhatunk egy láblécet, fejlécet vagy oszlopelrendezés szakaszt egy feltételes elrendezéshez, majd létrehozhatjuk azt. A feltételek nem kerülnek felhasználásra, amíg a feltételeket hozzá nem adják. Az alábbiakban látható módon módosíthatjuk a lábléc elrendezése szakaszt, ha rámutatunk, és rákattintunk a szerkesztés ikonra.

Egyedi elrendezés szerkesztése

Az alapértelmezett WordPress-szerkesztő új elrendezési szakasz szerkesztésekor jelenik meg; innen használhatod az Avada Buildert vagy az Avada Live-t. Itt jönnek létre az egyéni elrendezésű szakaszok. További információkért tekintse meg az Elrendezés szakasz tartalmának létrehozása című részt, de röviden: itt bármit létrehozhat.

Az egyéni lábléc tartalmazhat bármit, amit az Avada Builderben létrehozhat. Számos oszlopa, fényképe stb. lehet; Ez óriási rugalmasságot tesz lehetővé. Az Elrendezés szakaszban jelenik meg a lábléc anyaga. Az anyag a Buildertől származik, és az egyetlen korlát a kreativitásod.

Tekintse meg alább a Taxi bemutatóhoz készült eredeti láblécet; Ez a témabeállítások és a lábléc widgetek módosításával történt.

Itt látható az egyéni fejléc asztali verziója, de az egyéni fejléc hatókörének helyes megértéséhez fel kell keresnie az élő webhelyet, amelyet itt érhet el.

Feltételes elrendezés

Globális elrendezésben nincsenek feltételek. Az elrendezési szakaszok hozzáadása minden oldalon megjelenik, mert globális. Ha csak webhelye egyes oldalain volt szüksége egyéni láblécre, például egyetlen blogcikkhez, akkor feltételes elrendezést kell használnia.

Egy feltételes elrendezés csak meglévő elrendezési szakaszokat tartalmazhat. Ezután az Elrendezés Lábléc kiválasztása lapján görgessen a Meglévő részhez, ahol hozzáadhatja az Elrendezés szakaszt, amint az alább látható.

Minden feltételes elrendezéshez be kell állítania a feltételeket. Az elrendezés a feltételek megadásakor azonnal aktív; Ezért, ha ezt az Elrendezés szakasz létrehozása előtt teszi meg, a feltételeknek megfelelő oldalak üresek lesznek.

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

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

Az oszlopelem, akárcsak a konténerelem, alapvető szerkezeti elem az Avada telephelyének tervezésekor.

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

  • Kattintson a ' + Tároló ' gombra, ha egy tárolót szeretne hozzáadni 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 '1/4' -ként jelenik meg az Oszlop átméretezése opció alatt.
  • Az oszlopok húzásával átrendezheti őket. Oszlopokat is áthúzhat a Tárolókba.

Oszlop csak azonos szélességű tárolóelemen belül helyezhető el; Ez általában a webhelyhez beállított webhely szélessége. Így, ha a webhely szélességét 1200 képpontra állítja, egy 1/2 oszlop 600 képpont széles lesz. Az előre beállított oszlopméretek az oldalhoz adva lent láthatók.

Az Avada alkalmazásban külön beállíthatja az oszlopok szélességét (és még többet is) nagy, közepes és apró elrendezéseken, hogyan állíthatja be az oszlopok megjelenítési sorrendjét és méretét az adaptív elrendezésekben.

az Oszlopok > Tervezés > Szélesség alatt találhatók . Amint az alább látható, a százalékos szám használatával egyéni szélességet adhat meg. Így a pozicionálás korlátlan

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

Az Avada érzékeny beállításkészleteket is hozzáad a tárolókhoz és oszlopokhoz. A Builder hátoldalán az alábbi képen láthatók a reagáló ikonok bármelyik oszlopon. A Front-End Builder megjeleníti a Reszponzív ikonokat az opcióknál.

Csak az új Flex tárolóknál jelennek meg az adaptív opciókészletek. A régi tárolókban lévő oszlopok nem érhetők el.

Következtetés

Az Avada Layoutsnak köszönhetően az egyéni lábléc, fejléc létrehozása és oszlopok hozzáadása mára valósággá vált, és szinte korlátlan lehetőség. Nemcsak az Avada Builder erejét használhatja fel gyakorlatilag bármilyen lábléc vagy fejléc létrehozására, hanem kihasználhatja a feltételes elrendezések erejét is, hogy megjelenítse vagy elrejtse azokat bármely oldalon, kategóriában, egyéni bejegyzéstípuson vagy ezek bármely kombinációján. Az Avada Builder használatára gondolhat.

Ami a WordPress elrendezéseket illeti, az Avada Layouts a szó legszó szerint megváltoztatja a játékot. Az a tény, hogy lehetővé teszi a tervezési szabadságot és a rugalmas telepítést, azt jelenti, hogy a láblécek létrehozásának folyamata soha nem lesz ugyanaz.

Hanson F.

Legutóbbi hozzászólások

A fejlécek és láblécek használata az Elementorral

A webhely fejlécei és láblécei alapvető elemek. A legtöbb esetben a fejléc navigációt biztosít…

2022. január 6

WordPress téma összehasonlítás: Astra vs OceanWP

A két legnépszerűbb WordPress téma a piacon az Astra és az OceanWP. Szakmai…

2022. január 2

A WordPress hírtéma összehasonlítása: Újság vs. Astra

Egy kiváló hírwebhely létrehozásához nem szükséges webtervezővé válni. Mi…

2021. október 25

Hozzon létre egy hírekkel kapcsolatos webhelyet Újság témával

A Newspaper téma az egyik legjelentősebb WordPress téma, amelyet a tagDiv, egy…

2021. október 18

Hogyan építsünk fel e-kereskedelmet az Avada WooCommerce builder segítségével

Amikor egy online áruház létrehozásáról van szó, a WooCommerce a legjobb beépülő plugin . Azt…

2021. október 4

A ragadós fejléc és a görgetőeffektusok használata az Elementorral

A fejléc általában az első dolog, amit az ember meglát, amikor felkeresi a webhelyét,…

2021. szeptember 21