WordPress kezdőknek Menük a navigációhoz; STRATO blog

wordpress

A WordPress blogban való jó navigáció - a tényleges blogbejegyzések mellett - a legfontosabb elem. A műhely lépésről lépésre bemutatja, hogyan hozhat létre navigációs menüket a WordPress programban, és hogyan integrálja azokat a blogjába.

A menük segítenek az olvasóknak eligazodni a blogodban. A jó navigációs felépítéssel biztosíthatja, hogy még a véletlenszerű látogatók is elolvassanak egynél több bejegyzést, és hogy a rendszeres olvasók könnyebben megtalálják például a régebbi bejegyzéseket. A könnyen használható, egyértelműen felépített navigációs menü ezért elengedhetetlen minden blog számára.

A WordPress megértése: A menük működése

Ahhoz, hogy megértsük, hogyan hozhatunk létre navigációs menüket a WordPress alkalmazásban, fontos, hogy először egy kis alapismerettel rendelkezzünk a WordPress működéséről. Miután megértette a menük mögött álló alapelvet, minden nagyon egyszerű.

A WordPress három dolgot teljesen külön kezel:

  • a menük szövegtartalma (az egyes menüpontok és sorrendjük)
  • a menük látványterve (betűméret, szín és így tovább)
  • az a hely, ahol a navigációs menü megjelenik a blogban

Mindhárom szempontot egymástól függetlenül konfigurálja. Ha mindhárom szempont elkészült, olvasói hibátlanul látják a menüket.

Ennek az elválasztásnak az az előnye, hogy sokkal rugalmasabb vagy. A legtöbb esetben nem kell aggódnia a menük helyzete vagy a részletes tervezés miatt. A témája már lefedi ezt a két szempontot.

1. lépés: a menü tartalmának létrehozása

Alapvetően annyi különböző navigációs menüt hozhat létre, amennyit csak akar, a WordPress alkalmazásban, amelyet aztán elhelyezhet a blogjában. A fő navigáció mellett további menük is hasznosak lehetnek például a lábléc számára, vagy a blog nagyobb részének további strukturálásához. Az első lépésben azonban először létrehozunk egy menüt, hogy aztán legyen valami, amit elhelyezhetünk.

Új menü létrehozásához kattintson az Új menü létrehozása linkre a Tervezés - Menük alatt. Ha már létezik olyan menü, amelyet a témája előre telepített, akkor ezt a lépést elmentheti és szerkesztheti a meglévő menüt.

Hozzon létre egy új navigációs menüt

Adjon értelmes nevet az új menünek, hogy később tudja meg, melyiket kívánja kiválasztani, ha több menüje van. Ezután kattintson a Létrehozás menüre.

A WordPress különféle lehetőségeket kínál új menüpontok hozzáadásához. Ezek például egyes oldalak vagy bejegyzések, de hivatkozások kategóriákra is. De beilleszthet olyan linkeket is, amelyeket szabadon definiálhat.

A WordPress különféle elemeket kínál beillesztésre a menüjébe.

Például, ha egy meglévő WordPress-bejegyzést szeretne hozzáadni a menühöz, kattintson a Bejegyzések elemre, jelölje be a kívánt bejegyzést a bejegyzések listájában, majd kattintson a Hozzáadás menüre. Ezt megismétli az összes rögzítendő menüelemnél. Természetesen ez oldalakkal vagy kategóriákkal is működik.

A menübeállítások alatt bejelölheti az Oldalak automatikus hozzáadása jelölőnégyzetet is, majd a WordPress automatikusan hozzáadja a menühöz, amikor új oldalt (nem: posztot) hoz létre a WordPress programban.

A jobb oldalon már beillesztett menüpontokat láthatja a „Menü felépítése” alatt.

Különlegesség a Linkek opció. Ahelyett, hogy a meglévő bejegyzések közül választana, itt bármilyen linket meghatározhat menüelemként, például a saját blogján kívüli linkeket. Írja be a hivatkozás URL-jét a Linkek mezőbe (például: https://www.strato.de/hosting/) és azt a szöveget, amelyet a menüben linkszövegként kell megjeleníteni (például: "Strato Hosting"). Ezután kattintson a Hozzáadás a menübe szokás szerint.

Veszély: A végén mindenképpen a Mentés menüre kell kattintania. Ellenkező esetben a változtatásokat nem fogadjuk el. Attól függően, hogy a menü mennyire kiterjedt, a menü mentése eltarthat egy ideig - ezért ne idegeskedj, ez normális.

Rendezze a menüpontokat

Ha a menüpontoknak más sorrendet vagy hierarchiát szeretne megadni, akkor ezt egyszerűen húzással végezheti el. Kattintson az egérrel a mozgatni kívánt bejegyzésre, és tartsa lenyomva az egérgombot. Húzza a bejegyzést az új helyére, és engedje fel ott az egérgombot. A változtatások állandóvá tételéhez itt is kattintson a Mentés menüre.

A fogd és vidd funkcióval más sorrendbe állíthatod a menüelemeket, de az egyes elemeket hierarchikusan másoknak is alárendelheted.

Ugyanígy megváltoztathatja a menü hierarchiáját, azaz egyes oldalakat másoknak rendelhet alá. Ezeket aztán egy almenü mutatja. Megállapítja, hogy egy menüelem automatikusan egy másik elem alelemévé válik, ha egy kicsit jobbra mozgatja a drag-and-drop használatával, majd elengedi ott.

Próbálja ki, hogy a témája menütervezése biztosítja-e és képes-e megjeleníteni az ilyen almenüket. Ellenkező esetben nem fogja látni a menü alelemeit a blogban. Erről később.

Szakértői funkciók

A WordPress megpróbálja a lehető legegyszerűbben tartani a menükezelést. Ha több funkciót szeretne használni, aktiválhat további opciókat. Ehhez kattintson a Nézet testreszabása gombra a jobb felső sarokban. Ha itt bejelöli a további opciókat, ezek megjelennek az egyes menüpontokban.

További lehetőségek érhetők el a "Nézet testreszabása" oldalon.

Ily módon például megnyithatja az új ablakban az egyes menüpontok linkjeit, meghatározhatja a HTML attribútum címét és hasonlókat.

BU: A menüelemek kibővített opciói azonnal elérhetők, ha aktiválják őket a "Testreszabás nézetben".

2. lépés: Menük elhelyezése a blogban

Miután tartalommal töltötte meg az új menüt, a következő lépésben láthatóvá teheti a menüt a blogján. Ennek alapvetően két lehetősége van:

  • a téma által meghatározott helyen (minden téma meghatároz legalább egy ilyen menüterületet)
  • a szokásos widget navigációs menü segítségével a téma widget területeinek bármely pontján, például margó oszlopban vagy láblécben

A képernyőképen egy példa blog található, két menüvel:

A navigációs menük lehetséges pozíciói.

  • Ebben az esetben a fenti vízszintes navigáció helyzete opcióként szerepel a használt témában.
  • A jobb oldali oszlop menüje viszont a fent említett menürendszeren keresztül helyezkedik el.

Menüpontok kezelése

Hogyan lehet az imént létrehozott menüt a megfelelő helyzetbe hozni? Ennek legegyszerűbb módja a Pozíciók kezelése fül használata a Tervezési menük alatt. A téma által előre definiált menüpontok ott vannak felsorolva, például az Elsődleges menü és a Lábléc menüben. A mellette lévő legördülő listából egyszerűen válassza ki az imént létrehozott menüt, és kattintson a Változtatások alkalmazása gombra.

Itt rendelheti a menüt a téma által meghatározott pozícióhoz.

Ha nem akarja a téma által megadott menüpontokat használni, akkor hagyja a fel nem használt menüpontok beállítását az alapértelmezett beállításnál Válasszon menüt. Ekkor ebben a helyzetben semmi sem jelenik meg.

Mivel minden itt végrehajtott változtatást új beállításokkal visszavonhat, egyszerűen kísérletezzen egy kicsit, hogy megtalálja az optimális megoldást a blogjára.

A menü integrálása a widgeten keresztül

Minden menüt megjeleníthet a téma által definiált widgetek egyikén is. Erre a célra van egy szabványos "Navigációs menü" eszköz a WordPress-ben a Tervezés - Widgetek területen. Egyszerűen húzza át a menürendszert a téma kívánt widgetterületére (például: Oldalsáv elsődleges).

Adjon címet az oldalsáv widgetnek, vagy hagyja üresen ezt a mezőt, ha nem szeretné, hogy a menü címet kapjon. Az alábbiakban kiválasztja a megjelenítendő menüt. Mentés, kész.

A Navigációs menü widget megjeleníti a menüket a widget területeken.

Az elemek widget-területekbe történő integrálásának alapjait a Widgetek: A margóoszlopok egyedi tartalma című cikkben találja meg.

3. lépés: A menü optikai megtervezése

Mint már említettük, a WordPress kezeli a menük látványtervét pozíciótól és tartalomtól függetlenül. Minden téma már tartalmazza a megfelelő formázást a megadott menük számára, így itt nem igazán kell semmit tennie.

Ha továbbra is meg akarja változtatni a menük megjelenését, először meg kell néznie a témája beállítási lehetőségeit. Néha lehetőség van például színek megváltoztatására, vagy a menük hierarchiájának mélységének megadására. A megfelelő opciókat megtalálhatja a Tervezés - Testreszabás alatt, vagy a témája speciális opciómenüiben. Ezeket az opciómenüt általában alelemként találhatja meg a Tervezés alatt. De ez a használt témától függően egészen más. Különösen az ingyenes témák kínálnak alig vagy egyáltalán nem testreszabási lehetőségeket.

A Káprázatos téma néhány testreszabási lehetőséget kínál a menü színvilágához.

Komplex menük a plugin segítségével

A navigációs menük további felpörgetése a programozás nélkül a megfelelő bővítmények használata. Bárkinek, akinek két vagy három alszintű menükre van szüksége, egy jobb menübővítménnyel gyakran jobb eredményeket ér el, mint a WordPress fedélzeti eszközeivel, legalábbis ha az alkalmazott téma nem nyújt széles körű támogatást az ilyen menükhöz.

A plugin használatát azonban jól át kell gondolni, különösen egy olyan elengedhetetlen területen, mint a blog navigálása. Ha a bővítmény egy nap már nem működik, például azért, mert a fejlesztő már nem nyújt frissítéseket, akkor gyorsan felmerül egy nagy probléma a blogoddal kapcsolatban. Az igazán jó menübővítmények általában nem ingyenesek.

Mint WordPress kezdő, ezért együtt kell dolgoznia azzal, amit maga a WordPress és a témája nyújt. Nagyon jó, de meglehetősen összetett bővítmény az UberMenu 25 dollárért.

Az összetett navigációs menük csak olyan pluginekkel valósíthatók meg, mint az UberMenu.

Válasszon egy témát jó menütámogatással

Ha előre látható, hogy a navigációs menük egy kicsit összetettebbé és kiterjedtebbé válnak, akkor kezdettől fogva válasszon megfelelő témát. Nem minden téma tulajdonít nagy jelentőséget a jól működő navigációs menüknek, így gyorsan zsákutcába kerül.

Téma kiválasztásakor győződjön meg arról, hogy a témában szereplő menüpontok megegyeznek az ötleteivel. A menük látványtervét kritikus vizsgálatnak kell alávetni. És válasszon egy témát, amely legalább két hierarchiaszintű menüt támogat, hogy az almenükkel strukturálhassa a menüket.

Franz Neumeier

A nevem Franz Neumeier, és sok évig voltam az olyan informatikai magazinok főszerkesztője, mint a PC Professionell, az Internet Professionell és az Internet Magazin. Időközben szabadúszó íróként főként a körutazások témáira szakosodtam, több weboldalt üzemeltetek és a STRATO számára írok különféle témákban, különös tekintettel a WordPressre és a blogolásra.