Testre kell szabni egy WordPress témát? Lehet, hogy most indította el személyes webhelyét, de az alapértelmezett WordPress-témák nem keltenek fel.
Szerencsére a WordPress számos lehetőséget kínál, amelyek segítségével módosíthatja és megtervezheti webhelye témáját az Ön igényei szerint. Megmutatjuk, hogyan kezdje el.
1. lépés: Az alapértelmezett téma módosítása
Jelenleg egy alap WordPress-telepítéshez a Twenty-Twenty Two témát állítottuk be alapértelmezettként. De amint azt már észrevette, az alapértelmezett témában nem található meg minden olyan csengő és síp, amelyet a webhelyén szeretne. Természetesen gyorsan betöltődik, és azt nyújtja, amire szüksége van, de azt is szeretné, hogy webhelye jól nézzen ki.
Ezért érdemes megfontolni az alapértelmezett WordPress téma lecserélését valami testreszabhatóbbra. Néhány nagyszerű példa a GeneratePress, az Astra, az OceanWP, a Kadence WP stb.
Ehhez jelentkezzen be webhelye WordPress irányítópultjára, és válassza ki a lehetőséget Megjelenés a bal oldalsávról. Ezután váltson a
Témák szakaszt, és kattintson Új hozzáadása új téma telepítéséhez. A WordPress bemutatja a legnépszerűbb és legújabb témák katalógusát. Választhat egyet ebből a listából, vagy manuálisan írja be a telepíteni kívánt téma nevét a keresőmezőbe.Akárhogy is, vigye az egérmutatót a témabejegyzés fölé, amikor megjelenik, és kattintson rá Telepítés. Ezután kattintson Aktiválja hogy alkalmazza a témát az élő webhelyen. Sok WordPress-téma fantasztikusan néz ki a dobozból, miközben előfordulhat, hogy bizonyos esetekben még az alapvető webhelyelrendezést is személyre kell szabnia.
2. lépés: Néhány általános webhelyváltozó módosítása
Miután telepítette a kívánt témát, a következő lépés az, hogy beállítson néhány alapvető változót, amelyek az egész webhelyet érintik, például a webhely nevét, szlogenjét és logóját. Irány a Megjelenés szakaszt, és kattintson Testreszab a WordPress testreszabó megnyitásához. Itt találja a webhely szerkezetének, kialakításának és tipográfiájának módosításához szükséges beállításokat.
Ne feledje, hogy az alább említett opciócímkék a telepített témától függően eltérőek lehetnek, de a legtöbb funkció a testreszabóban, csak más címke alatt található meg. Ezért mindenképpen játsszon a lehetőségekkel, mielőtt bármilyen tényleges változtatást végrehajtana a webhelyen.
A kezdéshez lépjen a Site Identity szakaszt, és írja be webhelye nevét és szlogenjét. Ezután hozzon létre két különböző logót a webhelyéhez: a fejléc logót és a favicont. A WordPress megadja a favicon ajánlott méreteit; csak létre kell hoznia a képet, és fel kell töltenie a könyvtárba. A többi egyszerű!
Dönthet úgy is, hogy elrejti a webhely nevét és a szlogenet, ha egyéni logót tölt fel.
Ezután lépjen tovább a webhely elrendezésének módosítására a Elrendezés szakasz. Itt módosíthatja az elsődleges tároló szélességét, a fejlécek igazítását, a navigációs menüt, az oldalsávokat és még sok mást.
Javasoljuk, hogy ezen a ponton hozza létre a fejléc- és láblécmenüket – a Menük szakaszban – így később kizárólag a tervezési oldalra koncentrálhat.
3. lépés: Továbblépés a fejlettebb stílusokhoz
Most, hogy az alapvető dolgok kikerültek az útból, megvan a webhelye megjelenésének alapstruktúrája. Ne aggódj, ha még nem néz ki jól. Irány a Színek szakaszt, és válassza ki webhelye elsődleges színeit. Használhat egy online weboldal színpaletták létrehozásához márkájához.
Ezután váltson a Tipográfia szakaszt, és adjon hozzá minden betűtípust, amelyet szeretne a webhelyén. Miután kiválasztotta a tiszta és olvasható betűtípust, lépjen tovább a következőre Widgetek. Számos widgetet adhat hozzá webhelyéhez: keresőmező, legutóbbi megjegyzések, kapcsolódó cikkek, galéria, egyéni HTML-kód, szöveges megjelenítés stb.
Válassza ki azt a helyet, ahol meg szeretné jeleníteni a widgetet, majd egyszerűen adjon hozzá egyet a WordPress blokkmodulok funkciójával.
4. lépés: Egyéni kód használata a WordPress-téma testreszabásához
A WordPress számos funkciója közül az egyik az egyéni kódok kezelésére való képessége. Hozzáadhatja kódját a WordPress tetejéhez, és az tükrözi a változásokat anélkül, hogy bármit is eltörne. Az egyetlen fogás? A HTML stílusának kialakításához jártasnak kell lennie a CSS-ben, a WordPress alapértelmezett funkcióinak megváltoztatásához pedig PHP-ben.
Ha egyéni CSS-t szeretne hozzáadni webhelyéhez, nyissa meg a További CSS szakaszt a WordPress testreszabóban. Itt osztályok és azonosítók segítségével ízlése szerint választhatja ki és alakíthatja ki a HTML-elemeket. Egy HTML-entitás elemazonosítójának lekéréséhez használja a Google Chrome és a Mozilla Firefox által kínált böngészőfejlesztői eszközöket.
A téma működésének testreszabásához nyissa meg a WordPress irányítópultját, és válassza ki a lehetőséget Megjelenés a bal oldalsávról. Alatt Téma fájlszerkesztő, megtalálja az összes témafájl listáját és egy szerkesztőt, amellyel módosíthatja őket.
A PHP-fájlok szerkesztésével bármit megváltoztathat a bejegyzések megjelenési módjától a kategóriaoldalakon, egészen a megjegyzések megjelenítéséig és szűréséig.
5. lépés: Hozzon létre egy gyermektémát a testreszabások mentéséhez
Testreszabásai révén webhelye gyönyörű lesz. De csak addig, amíg a fejlesztő ki nem ad egy témafrissítést. A témán végrehajtott módosítások azonnal elvesznek, amint frissíti a WordPress témát. Ennek ellensúlyozására megteheti hozzon létre egy gyermektémát a fő WordPress-témából.
A gyermektéma örökli a szülőtéma stílusát, megjelenését és funkcióit, és lehetővé teszi a testreszabások hozzáadását. Így minden alkalommal, amikor új frissítés érkezik a fő témához, biztos lehet benne, hogy a frissítés csak a szülőtémát érinti, és a testreszabásai érintetlenek maradnak.
Bónusztipp: Oldalkészítő vagy sablonok használata a webhely megtervezéséhez
Ha nem szeretne időt tölteni a márkaszínpaletta létrehozásával és webhelye minden aspektusának testreszabásával, fontolja meg az előre elkészített sablonok használatát. Jogi nyilatkozat: nem minden WordPress-téma kínál ingyenes sablonokat a felhasználóknak, de sok ilyen van.
Tehát ha időhiányban szenved, és gyorsan létre kell hoznia egy személyes vagy üzleti webhelyet, telepítsen egy témát, amelyhez különböző sablonok tartoznak, amelyek közül választhat.
Így néz ki a bemutató webhely a GeneratePress sablon alkalmazása után:
Még jobb, ha használhat egy oldalkészítőt, amely lehetővé teszi egyéni oldalak létrehozását a fogd és vidd eszközök segítségével. Az ilyen eszközökkel egyéni fejléceket és lábléceket is szerkeszthet és hozhat létre.
A WordPress oldalkészítők kedvelik Elementor és Divi életmentő azok számára, akiknek nincs tapasztalatuk a frontend technológiák terén, és csak egy gyors módszerre van szükségük gyönyörű, WordPress alapú webhelyek létrehozásához kódolás nélkül.
Professzionális webhely készítése WordPress segítségével
Egy weboldal elindítása időt vesz igénybe. Meg kell vásárolnia egy domain nevet, és be kell állítania a tárhelyet, és ez azután történik, hogy sikerül kitalálnia a márkanevet.
Jelenleg csaknem 1,7 milliárd webhely található az interneten, és minden nap egyre többen bővülnek. Ezért fontos, hogy olyan egyedi domain nevet válasszunk, amely segít, hogy márkája kitűnjön a tömegből.
