küzd a lábléc szerkesztésével a WordPress-ben?
a lábléc a WordPress témájának az a része, amely a webhely alján jelenik meg, általában minden egyes oldalon.
a lábléc szerkesztése bonyolult téma lehet, mert egyes témák másképp csinálják a dolgokat, mint más témák. Ez azt jelenti, hogy hogyan szerkesztheti a láblécet egy témában, lehet, hogy nem teljesen ugyanaz, mint egy másik témában.
szerencsére sok közös vonás van most, és a legtöbb téma hasonló módszereket kezdett használni.
ebben a bejegyzésben megmutatjuk, hogyan lehet szerkeszteni egy láblécet a WordPress-ben ezekkel a módszerekkel, amelyeknek nagyjából minden modern WordPress-témánál működniük kell.
és ha ez még nem elég, akkor még tovább megyünk, és megmutatjuk, hogyan hozhat létre saját 100%-ban egyéni láblécet vizuális, drag-and-drop szerkesztővel, valamint hogyan fecskendezhet be kódrészleteket a láblécbe.
az alábbi gombra kattintva egyenesen egy adott szakaszra ugorhat:
- lábléc szerkesztése a WordPress Customizer használatával a legtöbb felhasználónak itt kell kezdenie
- hozzon létre saját láblécet az Elementor page builder segítségével
- kódrészleteket fecskendezzen be a láblécébe
lábléc szerkesztése a WordPressben a Customizer segítségével
2021-ben a legtöbb a témák a testreszabás nevű natív WordPress funkciót használják a téma testreszabásának kezelésére, beleértve a lábléc szerkesztését is.
belül a Customizer, van néhány különböző módon fogja kezelni a webhely lábléc:
- WordPress widgetek – sok téma widget területeket hoz létre a láblécéhez. Szerkesztheti a lábléc tartalmát widgetek szerkesztésével vagy hozzáadásával.
- Theme settings – sok téma is ad saját Lehetőséget, hogy ellenőrizzék a lábléc. Ezek általában inkább az elrendezési beállításokra koncentrálnak. Például kiválaszthatja a láblécoszlopok számát, majd a widgetek segítségével hozzáadhat tartalmat ezekhez az oszlopokhoz.
- WordPress menük – egyes témák a WordPress beépített menürendszerét használják linkek hozzáadásához a lábléchez.
a téma lehet használni egy, kettő, vagy mindhárom lehetőséget, hogy az Ön felett a lábléc. Ebben a részben megmutatjuk, hogyan működnek mindannyian.
a WordPress Customizer megnyitásához nyissa meg a WordPress irányítópultján a megjelenés Xhamstercustomize (Testreszabás) részt. A jobb oldalon látnia kell a webhely élő előnézetét, a bal oldalon pedig a Beállítások oldalsávját.
most áttekintjük a lábléc szerkesztésének általános forgatókönyveit a WordPress alkalmazásban a testreszabó segítségével…
WordPress widgetek
2021-ben és azon túl sok WordPress téma a WordPress beépített widgetrendszerét használja a lábléc tartalmának vezérlésére.
ha meg szeretné tudni, hogy ez vonatkozik-e a témájára, válassza a Widgetek lehetőséget az oldalsáv beállításaiban. Ezután megjelenik a téma widget-helyeinek listája.
ha a téma támogatja a lábléc widgeteket, akkor legalább egy bejegyzést látnia kell a lábléc helyéhez. Az is gyakori, hogy több lábléc widget helyet lát. Ebben az esetben az egyes widget-helyek általában egy közös helyet képviselnek a láblécben.
például a Twenty Twenty téma két lábléc-widget-helyet tartalmaz – mindegyik két oszlopos lábléc-elrendezésének egy oszlopát képviseli:
ha ezen területek egyikét választja, hozzáadhat/eltávolíthat / szerkeszthet WordPress widgeteket a lábléc azon részének tartalmának vezérléséhez. A módosítások végrehajtásakor automatikusan látnia kell a lábléc frissítésének élő előnézetét:
ha további widget-opciókat szeretne hozzáadni, használhat egy WordPress widget-bővítményt új típusú widgetek hozzáadásához.
ha elégedett a lábléc megjelenésével, feltétlenül kattintson az oldalsáv tetején található Közzététel gombra a módosítások élesítéséhez.
Témabeállítások
egyes témák saját speciális opciókat tartalmaznak a lábléc testreszabásához. Például az ingyenes Neve témánk magában foglalja a saját drag-and-drop lábléc-készítőjét, amely lehetővé teszi saját egyedi lábléc-elrendezés létrehozását.
ezek a Beállítások valahol a téma opcióiban találhatók a testreszabó oldalsávjában. A Neve, ez szuper könnyű elérni a lábléc lehetőségek – csak válassza ki a legfelső szintű lábléc kiválasztása. Sok más téma azonban a lábléc beállításait egy másik szakasz almenüjébe helyezi.
jó trükk ezeknek a beállításoknak a gyors megtalálásához, ha az élő előnézetben a lábléc fölé viszi az egérmutatót. Ezután látnia kell egy kék ceruza ikont – ha rákattint az ikonra, egyenesen a lábléc beállításaihoz kell vezetnie:
innen használhatja a téma beállításait a lábléc testreszabásához. A Neve segítségével megkapja ezt az igazán ügyes drag-and-drop építőt, ahol vezérelheti a lábléc pontos elrendezését:
lehet, hogy a témája nem ad olyan rugalmas eszközt, de legalább néhány lehetőséggel rendelkeznie kell.
a módosítások végrehajtásakor a lábléc élő előnézete automatikusan frissül.
ha elégedett a megjelenésével, kattintson a Közzététel gombra.
WordPress menü
néhány WordPress téma a WordPress menürendszert használja lábléc menü létrehozásához. Ez lehetővé teszi a webhely láblécében megjelenő linkek szerkesztését, de nem teszi lehetővé egyéni tartalom hozzáadását a widgetekkel.
attól függően, hogy a téma épült, lehet, hogy használja a lábléc menü, hogy ellenőrizzék csak egy része a lábléc. Vagy, lehet, hogy a témádnak nincs is.
annak ellenőrzéséhez, hogy a témája rendelkezik-e ezzel a funkcióval, nyissa meg a menük területét a WordPress Testreszabóban. Ezután válassza ki az összes hely megtekintésének lehetőségét:
ha a témának van egy lábléc menüje, akkor látnia kell egy “lábléc menü” nevű helyet vagy valami hasonlót. Választhat egy meglévő menüt a webhelyéről, vagy kattintson a linkre egy új menü létrehozásához:
ha új menüt hoz létre, akkor közvetlenül a Testreszabóban felveheti a menüelemeket. Új tartalom hozzáadásakor automatikusan látnia kell az élő előnézet frissítését:
miután elkészült, feltétlenül kattintson a gombra a menü közzétételéhez.
Hogyan hozzunk létre egy egyedi WordPress láblécet a drag-and-drop segítségével
ha a lábléc szerkesztésének megtanulása a WordPressben nem elég az Ön számára, akkor egy lépéssel tovább léphet, és létrehozhat saját teljesen egyedi láblécet.
ne aggódjon – ehhez nincs szüksége speciális műszaki ismeretekre vagy kódkészségekre. Ehelyett vizuális, drag-and-drop szerkesztővel hozhatja létre a tökéletes láblécet webhelyéhez.
teljes mértékben szabályozhatja az elrendezést és a színeket, miközben hozzáadhatja saját szövegét, képeit, űrlapjait, gombjait, közösségi média integrációit és így tovább.
ennek eléréséhez két ingyenes bővítményt használhat:
- Elementor – ez a népszerű oldalépítő vizuális, drag-and-drop szerkesztési élményt nyújt. Tudjon meg többet az Elementor áttekintésünkben.
- Elementor – Header, Footer & Blocks Template – ez az ingyenes plugin segítségével Elementor tervezni a téma lábléc
a kezdéshez, győződjön meg róla, hogy telepíteni és aktiválni mindkét plugin. Ezután kövesse ezeket az utasításokat a lábléc szerkesztéséhez a WordPressben az Elementor használatával…
hozzon létre egy lábléc sablont
Miután mindkét plugin aktív, lépjen a megjelenéshez. Ezután kattintson az Új hozzáadása gombra egy új sablon létrehozásához:
a sablon típusa alatt válassza a lábléc lehetőséget. Ezután a többi beállítás segítségével szabályozhatja, hogy hol jelenítse meg a láblécet, és kinek kell látnia. Ha ezt a láblécet a webhely minden oldalához szeretné használni, Válassza ki a teljes webhelyen megjelenítendő lehetőséget.
ha elégedett a szabályokkal, kattintson a gombra a közzétételhez, akárcsak egy blogbejegyzés:
Tartalom hozzáadása Elementor
Ezután kattintson a nagy Szerkesztés Elementor gombra az Elementor felület elindításához. Most használhatja a vizuális drag-and-drop szerkesztőt a lábléc minden részének testreszabásához.
a kezdéshez adjon hozzá egy szakaszt a használni kívánt oszlopok számával:
ezután különböző típusú tartalmakat adhat hozzá az Elementor számos widgetjével. Az Elementor-Header, Footer & Blocks Template plugin néhány saját hasznos widgetet is hozzáad, például egy dedikált szerzői jogi widgetet:
ha elégedett a tervezéssel, mindenképpen mentse el. Ezután élőben lesz a webhelyén.
ha többet szeretne megtudni az Elementor használatáról, nézze meg ezeket a bejegyzéseket:
- Elementor review
- Hogyan építsünk céloldalt az Elementorral (ez nem jellemző a lábléc építésére, de megtanítja, hogyan kell használni az Elementor felületet)
egyéni kód hozzáadása a WordPress láblécéhez
előfordulhat, hogy háttérkódot szeretne hozzáadni a WordPress webhely láblécéhez, ahelyett, hogy megváltoztatná a látogatók megjelenését. Ezt a megközelítést általában szkriptek, elemzések, A/B tesztelő eszközök stb. Alapvetően minden olyan helyzet, amikor hozzá kell adnia néhány JavaScriptet a webhely láblécéhez.
a kód egyszerű befecskendezéséhez anélkül, hogy gyermek témát kellene létrehoznia és manuálisan szerkesztenie a lábléc sablonját, használhatja az ingyenes fejlécek és láblécek beillesztése plugint WordPress.org.
miután telepítette és aktiválta, akkor megy a Beállítások (Settings) bekezdésbe a Fejlécek és láblécek beszúrása és a szkriptek hozzáadása a WordPress láblécbe:
így lehet szerkeszteni egy láblécet a WordPress – ben!
összefoglalva, bemutattunk néhány különböző módszert, amelyekkel szerkesztheti a láblécet a WordPress programban.
a legtöbb embernek a WordPress Testreszabóval kell kezdenie, mivel a témának ott kell lennie a beépített lábléc testreszabási lehetőségeivel.
a témától függően használhat WordPress widgeteket, egyedi témabeállításokat és/vagy a WordPress menürendszert.
például az ingyenes Neve témánk saját lábléc-készítőt tartalmaz a WordPress Testreszabóban, amely widgeteket és menüket is tartalmaz.
ha a téma nem ad elegendő irányítást a lábléc felett, akkor egy másik lehetőség az, hogy saját maga készítse el a népszerű Elementor page builder plugin segítségével.
végül, ami a láblécbe való beillesztést illeti, nézze meg az összes weboldal három legfontosabb lábléc eleméről szóló bejegyzésünket.