Hogyan tervezzünk egy WordPress egyéni oldalsablont [frissítés 2021]

a WordPress témák csak nagyszerűek. Olyan egyszerűvé teszik a WordPress webdesignot.

de mi történik, ha túl akar lépni a választott témán?

mi van, ha egyéni WordPress elrendezést szeretne használni egy adott oldalon?

Nos, néhány téma nem teszi lehetővé az elrendezések megváltoztatását.

de van néhány megoldás erre.

Kövess engem, hogy megtudd.

mi az egyéni oldalsablon és hogyan rendelhető hozzá?

a WordPress oldalak és bejegyzések elrendezését egy “page” nevű sablonfájl vezérli.php”. A sablonok olyan fájlok, amelyek megmondják a WordPress-nek, hogyan jelenítsen meg különböző típusú tartalmakat.

előfordulhat, hogy nem szeretné, ha minden oldal és bejegyzés ugyanúgy nézne ki. Ez az, amikor szükség van egy egyéni oldal sablon.

milyen WordPress oldalsablonokat használ?

szeretné megtudni, hogy milyen oldalsablont használ, vagy hogyan válthat a sablonok között?

könnyű peasy, meg kell:

1. menjen át a WordPress Admin irányítópultjára,
2. a bal oldali menüből válassza az “Oldalak”lehetőséget,
3. vigye az egérmutatót egy oldal címe fölé,
4. a cím alatti menüből válassza a “gyors Szerkesztés”lehetőséget,
5. a “gyors Szerkesztés” menüből szerkesztés “ablak, menjen a” sablon ” legördülő menübe.

Itt láthatja az összes elérhető témasablont, és hozzárendelhet egy másik sablont az aktuális oldalához.

például lehetőség van arra, hogy az oldalt teljes szélességre változtassa, ha szeretné. De nincs lehetőség olyan sablonra, amely hozzáad egy második oldalsávot.

ezért hasznosak lehetnek az egyéni WordPress sablonok. Amikor új sablont ment, az a régiek mellett is elérhető lesz.

most hozzárendelheti ezt a feladatot az Oldalon belül is. Ha úgy dönt, hogy szerkeszteni egy oldalt, a jobb oldalon, feje fölött a “oldal attribútumok” – > sablon.

Hogyan hozzunk létre gyermek témát

most, mielőtt bepiszkolnánk a kezünket egy WordPress egyéni oldalsablon létrehozásával, egy dolgot szem előtt kell tartanunk: végezze el a módosításokat egy gyermek témán. Nem szeretne visszafordíthatatlan változásokat okozni a szülő témában.

a WordPress gyermektéma egy altéma, amely örökli a szülőtéma összes funkcióját és stílusát. Most, ha a szülő téma frissítést kap, a gyermek témája nem lesz hatással, és a módosítások nem lesznek felülírva.

most hogyan hozhat létre gyermek témát? Itt vannak a lépések:

1. Belépés a cPanel-be,
2. ugrás a fájlkezelőbe,
3. irány a public_html- > wp-content – > témák mappa,
4. míg a “témák” mappában, adjon hozzá egy új mappát a “+Mappa” a felső menüben. Adj neki egy nevet. A legjobb eset az, ha a téma nevét használja, amelyhez “-child” – et fűz. Használjon kötőjeleket is a hely helyett. Az én esetemben a mesmerize-child-et fogom használni, mert a Mesmerize témát használom,
5. a mappában, hozzon létre egy új fájlt, és hívja “stílus.css”,
6. . Kattintson a jobb gombbal a fájlra, majd válassza a “Szerkesztés” lehetőséget.

   /* Theme Name: Your Theme Child Theme URL: http://yourdomain.comDescription: Your Theme Child Theme Author: Your NameAuthor URL: http://yourdomain.comTemplate: yourtheme Version: 1.0.0 Text Domain: yourtheme-child */

   itt beillesztheti a kód egy részét a szülő CSS fájlba, vagy hozzáadhatja saját stílusát.

7. változtassa meg a témát és a domain neveket, majd nyomja meg a “Mentés”gombot,
8. hozzon létre egy másik fájlt ugyanabban a mappában. Ezúttal nevezze el ” funkciók.php”. Illessze be a következő kódot:

   <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>

9. ugrás a WordPress irányítópultjára, megjelenés -> téma. A gyermek témája ott lesz, csak aktiválnia kell.

és kész.

következő, csináljunk egy új sablont, rendben?

hogyan lehet létrehozni egy WordPress egyéni oldalsablont?

elindíthatja a meglévő témakódot, és elvégezheti a szükséges módosításokat.

itt vannak a lépések:

1. ugrás a cPanel -> fájlkezelő,
2. navigáljon a public_html -> wp-content -> témák mappába,
3. nyissa meg a fő téma mappát,
4. azonosítsa az oldalt.php fájl. Ez így fog kinézni:

   <?php mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

5. válassza ki a fájlt, majd válassza a “Másolás”lehetőséget,
6. a felbukkanó ablakban változtassa meg a fájl elérési útját a téma gyermek mappájában,
7. nevezze át az új fájlt, hogy könnyen azonosíthassa, mit csinál.
8. adjon hozzá egy megjegyzést a fájlba, hogy elmondhassa a WordPress-nek, hogy ez egy új egyéni sablon. Ehhez válassza a “Szerkesztés” lehetőséget, majd illessze be ezt a szöveget:

   /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

   az új fájlnak így kell kinéznie:

   <?php /* * Template Name: Custom Full Width * description: >- Page template without sidebar */mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

Itt hozzáadhat más fájlok másolatait is. Például testreszabhatja a kislemezt.php fájl, amely megváltoztatja a blogbejegyzések megjelenését.

ezután fel kell tekerni az ingujját, és írni egy kódot.

és ha meg szeretné változtatni a CSS stílus, akkor ezt belül a gyermek téma Customizer, belül Aditional CSS vagy belül a stílus.css fájl.

van azonban egy egyszerűbb megoldás…

egy olyan webhelykészítővel, mint a Colibri, az összes kód “áll” mögött, és nem blokkolja a nem technikai webhelykészítőt. Az egyéni oldal minden hozzáadása vagy módosítása vizuálisan tükröződik a Testreszabóban. Így a webhely készítője jobban ellenőrzi a tervezést. A szép egyéni oldal egy szempillantás alatt készen áll, anélkül, hogy zavarná az oldal mögötti kódot.