Tartalomjegyzéket kell létrehozni vagy hozzáadni Elementor ?

Hosszú cikk, például eszközök vagy helyek listája írásakor hozzáadhat egy tartalomjegyzéket. A WordPress-ben egy csomó bővítmény található, amelyekhez felhasználhatja hozzon létre egy tartalomjegyzéket cikkére.

De azzal Elementor, nem kell telepítenie a tartalomjegyzék bővítményt, ha tartalomjegyzéket szeretne hozzáadni. Elementor rendelkezik egy alapértelmezett widgettel, amely lehetővé teszi, hogy tartalomjegyzéket adjon hozzá a hosszú cikkhez. Itt fogjuk kitérni.

Tartalomjegyzék egy új widget a közelmúltban az Elementor vezette be. Ezzel a widgettel további oldalnavigációt biztosíthat hosszú cikkéhez, amely lehetővé teszi a Látogatók könnyedén ugorhat a cikk részei között.

Az Elementor Tartalomjegyzék widget segítségével kiválaszthatja a tartalomjegyzékben megjelenítendő pontos fejléccímkéket. Az oldalon egy adott tárolóból is használhat fejléceket.

Megjegyzés: A Tartalomjegyzék egy pro widget. A használatához telepítenie kell az Elementor pro verzióját.

A Tartalomjegyzék widget használata az Elementorban

Két ideális módja van a Tartalomjegyzék widget használatának az Elementorban. Először is használhatja oldalakon és bejegyzéseken (teljesen az Elementorral létrehozott oldalakon és bejegyzéseken). Alternatív megoldásként létrehozhatja a Tartalomjegyzék modult az egyedi bejegyzéssablonján. weboldal WordPress.

Olvassa el: Fájl feltöltési űrlap létrehozása az Elementor alkalmazásban

Természetesen az egyedi posta sablont az Elementorral kell elvégezni. A Tartalomjegyzék widgetnek az egyetlen bejegyzés sablonján történő megvalósításával automatikusan létrehoz egy tartalomjegyzéket a bejegyzésén, mindaddig, amíg a bejegyzés tartalmazza a fejléccímkéket az Ön által megadott fejlécszintek alapján.

Adja hozzá a Tartalomjegyzék widgetet egyetlen bejegyzéssablonhoz

Ebben a cikkben megmutatjuk, hogyan adhatja hozzá a Tartalomjegyzék widgetet egyetlen bejegyzéssablonhoz. Létrehozhat egy új bejegyzési sablont vagy szerkesztheti a meglévő sablont. Ebben a példában egy új post sablont hozunk létre.

A kezdéshez jelentkezzen be a WordPress irányítópultjára, és navigáljon a Sablonok -> Theme Builder. A Theme Builder oldalon navigáljon a következőre: Egyetlen fül és kattintson a gombra EGYESÍTÉS sablon létrehozásához.

A Válassza ki a szakaszban modellek típusa, választ Hozzászólás egyedi. Adjon nevet a modelljének, és kattintson a gombra Hozza létre a modellt.

A semmiből elkészítjük az egyetlen post sablont; zárja be a sablonkönyvtárat.

Lásd még: A reCAPTCHA hozzáadása az Elementor űrlaphoz

Adjon hozzá egy új részt az Elementor szerkesztőmezőjében található plusz gombra kattintva, és válassza ki a három oszlop szerkezetét.

Állítsa be az oszlopok szélességét körülbelül 28%: 61%: 10% összehasonlítással.

Tartalomjegyzék hozzáadása az Elementor programba

Adjon hozzá olyan gyakori elemeket, mint a bejegyzés címe, a bejegyzés adatai és a bejegyzés tartalma a második oszlophoz, és szabja személyre. Ha elkészült, adja hozzá a Tartalomjegyzék widgetet az első oszlophoz.

A szakaszban adja meg a tartalomjegyzék címét Cím és állítsa be a szakaszba beilleszteni kívánt fejlécszinteket Horgonyok címkék szerint.

Ha ismeri a CSS-t, kizárhatja a CSS-választókat, hogy megakadályozza őket a tartalomjegyzékben.

Olvassa el: Elosztó hozzáadása az Elementor szakasz létrehozásához

A szakasz Marker nézet, beállíthatja a tartalmi elemek (felsorolásjelek vagy számok) jelölését. Ha felsorolásjeleket választ, beállíthatja az ikont az ikonkönyvtárból.

nyílt További Opciók a többi beállítási lehetőség megjelenítéséhez és a kívánt beállítások kiválasztásához.

Tartalomjegyzék hozzáadása az Elementor programba

Most menjen a fülre Stílus a Tartalomjegyzék testreszabásához. A szakaszban beállíthatja a háttér színét, a szegély színét, a szélesség szélességét és a szegély sugarát Box.

A fejléc színének, a fejléc tipográfiájának és a fejléc szövegének beállításához lépjen a szakaszra Fejléc.

A szakasz Lista, Beállíthatja az aktív elem szövegének színét, az elem szövegének színét, amikor az egeret rá viszi, és az elemek szövegét normál módban. Itt beállíthatja a marker színét és a tartalmi elemek tipográfiáját is.

Lásd még: Az Elementor telepítése a WordPressre

Ha hasznosabbá szeretné tenni a tartalomjegyzéket, akkor láthatóvá teheti, amikor Látogatók görgesd le az egeret. Ehhez nyissa meg a lapot fejlett és hozzáférjen az opcióhoz Mozgáshatás. Define a Ragacsos felül és állítsa az eltolást 80 körülire. Ha akarja, a szakaszban beállíthatja a bemeneti animációt is Bejárati animáció.

Addig játszhat a bal oldali panelen, amíg meg nem elégedett a tartalomjegyzékkel. Ha elkészült, kattintson a gombra Publier és állítsa be a megjelenítés feltételét.

Itt van egy példa az általunk készített tartalomjegyzékre.

Tartalomjegyzék hozzáadása az Elementor programba

Ha a fent létrehozott egyetlen post sablon megjelenítési feltételét állítja be Minden egyes, automatikusan lesz tartalomjegyzéke minden alkalommal, amikor olyan hosszú cikket ír, amely tartalmazza a fejléccímkéket a megadott fejlécszintnek megfelelően.

A végén

Tartalomjegyzék hozzáadása egy hosszú cikkhez a legjobb felhasználói élmény a tiédhez Látogatók. Könnyen átkerülhetnek a cikk egyik szakaszából a másikba, ha rákattintnak a tartalomjegyzék elemeire. Az Elementor új widgetjével nem kell további beépülő modult telepítenie ahhoz, hogy tartalomjegyzéket adjon egy cikkhez.

Használhatja a Tartalomjegyzék widgetet, miközben oldalt vagy bejegyzést hoz létre az Elementor segítségével. Alternatív megoldásként a Table Of Contents widgetet is hozzáadhatja egyetlen bejegyzéssablonjához weboldal WordPress, hogy amikor fejléccímkékkel ellátott hosszú bejegyzést ír, a tartalomjegyzék automatikusan létrejön.

Szerezd meg az Elementor Pro alkalmazást most!

Következtetés

Itt van ! Ennyi ehhez a cikkhez, amely bemutatja, hogyan kell hozzáadni az Elementor tartalomjegyzékét. Ha bármilyen kérdése van, hogyan juthat el ftudassa velünk a észrevételek.

Ön is konzultálhat forrásaink, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához, olvassa el a WordPress blog létrehozása vagy az egyiket Divi: minden idők legjobb WordPress témája.

De időközben ossza meg ezt a cikket a különböző közösségi hálózatokon.

...