Szeretne teljes szélességű oldalt létrehozni a WordPress-en?

sok WordPress témák már jön egy beépített teljes szélességű oldalsablon, amelyet használhat. Néhány WordPress-téma azonban nem rendelkezik ezzel a funkcióval. ebben oktatói, megmutatjuk, hogyan lehet könnyen elkészíteni egy teljes szélességű oldalt a WordPress-en.

De korábban, ha még soha nem telepítette a WordPress Discover programot Hogyan kell telepíteni a WordPress blog 7 lépések et Hogyan lehet megtalálni, telepíteni és aktiválni a WordPress téma a blog 

És hát hát miért vagyunk itt?

1. módszer: Beépített szélességsablon használata a WordPress témához

Ez a módszer akkor ajánlott, ha a WordPress témához már rendelkezésre áll egy teljes szélességű oldalsablon. Ha még nincs, nézze meg a következő választékot, és szerezzen be egyet.

Először szerkesztenie kell egy oldalt, vagy létre kell hoznia egy újat a " Oldalak> Hozzáadás Új oldal.

Az oldalszerkesztő ablakban válassza a lehetőséget teljes szélesség sablonként az oldalattribútumok alatt.

A modell kiválasztása után teljes szélességregisztrálnia kell az oldalt. Folytathatja az oldal testreszabását további tartalom hozzáadásához, vagy kattintson az előnézet gombra, hogy működőképes legyen.

Ha az oldalszerkesztő képernyőn nincs Teljes szélesség - teljes szélesség - sablon opció, ez azt jelenti, hogy a WordPress témában nincs. 

De ne aggódjon, megmutatjuk, hogyan lehet könnyen elkészíteni egy teljes szélességű oldalt a WordPress téma megváltoztatása nélkül.

2 módszer: Hogyan lehet létrehozni egy teljes sablont tartalmazó sablont?

Ehhez a módszerhez meg kell szerkesztenie a használt WordPress-téma fájljait, és alaposan meg kell ismernie a PHP-t, a CSS-t és a HTML-t.

Egyébként azt is meghívjuk Önt, hogy konzultáljon a Az 8 legjobb WordPress plugins az elrendezés egyszerű létrehozásához 

De mielőtt tovább lépne, meg kell hozzon létre egy WordPress biztonsági másolatot, vagy legalább biztonsági másolatot a jelenlegi WordPress-témáról. Ez segít könnyedén helyreállítani webhelyét, ha valami rossz történik. 

Először meg kell nyitnia egy szövegszerkesztőt, például a Jegyzettömböt, és be kell illesztenie a következő kódot egy üres fájlba:

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

Most el kell mentenie ezt a fájlt " Teljes width.php A számítógépen.

Ez a kód egyszerűen beállítja a fájlsablon nevét, és megmondja a WordPressnek, hogy bontsa ki a fejlécsablont.

Ezután szükség lesz a kód tartalmi részére. Csatlakozzon a webhelyéhez egy FTP kliens használatával (vagy fájlkezelőt a cPanel programban), majd lépjen a " / Wp-content / themes / A-theme-mappa / ".

Akkor meg kell találnia a "" nevű fájlt. page.php ". Ez az alapértelmezett oldalsablonfájl a témához.

Minden másolása a funkció után « get_header () És illessze be egy fájlba " Teljes width.php Hogy létrehozta a számítógépen.

Most meg kell nézni a "full-width.php" fájl tartalmát, és törölnie kell ezt a kódot:

<?php get_sidebar(); ?>

Ez a sor egyszerűen átveszi az oldalsávot, és megjeleníti a WordPress témában. Ennek eltávolításával a témád nem fogja megjeleníteni az oldalsávot a sablon használatakor teljes szélesség.

Előfordulhat, hogy ez a sor többször is megjelenik a WordPress témában. Ha a WordPress témának több van oldalsávok (widget területeken a lábléket oldalsávoknak is hívják)látni fogja az összes oldalsávot egyszerre hivatkozva a kódban. Önnek el kell döntenie, melyik oldalsávot szeretné megtartani.

Úgy tűnik, hogy webhelye lassan tölt be, fedezze fel Miért kell kezdenie a WordPress blog optimalizálását képek alapján

Ha a témája nem jelenít meg oldalsávokat az oldalon, akkor előfordulhat, hogy nem találja ezt a kódot a fájljában.

Így gondoskodik a full-width.php kód a változtatások elvégzéséről. Kódja a témától függően kissé eltérő lehet.

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();

            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );

            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }

            // End of the loop.
        endwhile;
        ?>

    </main><!-- .site-main -->
</div><!-- .content-area -->
<?php get_footer(); ?>

Akkor töltse le a fájlt Teljes width.php »A WordPress téma mappájában a FTP kliens.

Sikeresen létrehozott és feltöltött egy egyedi, teljes szélességű oldalsablont a témájába. A következő lépés ennek a sablonnak a felhasználásával teljes szélességű oldal létrehozásához.

Menjen az irányítópulthoz, és szerkesszen, vagy hozzon létre egy új oldalt.

Az oldalszerkesztő képernyőn keresse meg az oldalattribútumok jelölőnégyzetet, majd kattintson a "Sablon" opció alatti legördülő menüre.

Látni fogja a modelljét. Menjen tovább, válassza ki, és mentse el vagy frissítse az oldalt.

Most meglátogathatja webhelyét, és látni fogja, hogy az oldalsáv eltűnt, és az oldala egyetlen oszlopos oldalként jelenik meg. Lehet, hogy még nincs tele, de most már készen áll arra, hogy másképpen továbbítsa.

Tegye webhelyét népszerűvé azáltal, hogy felfedezte a 7 WordPress plugins a képek SEO optimalizálásához

A Vizsgálat eszközzel fel kell fedeznie azokat a CSS-osztályokat, amelyekkel a témája meghatározza a tartalmi területet.

Ezután a szélességét 100% -ra állíthatja a CSS használatával. A következő CSS kódot használtuk:

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-full-width .site {
margin:0px;
}

Így fog kinézni a Huszonhét.

Ez minden ehhez az oktatóanyaghoz, remélem, ez lehetővé teszi teljes szélességű oldalak létrehozását.

A fenti módszerek ingyenesek azok számára, akik megengedhetik maguknak és szeretnének gyorsan létrehozni a teljes szélességű vagy a teljes szélességű elrendezéseket.

Fedezzen fel néhány prémium WordPress-bővítményt  

Használhatsz mást is WordPress plugin modern megjelenést kölcsönözni és optimalizálni blogja vagy weboldala kezelését.

Kínálunk itt néhány prémium WordPress plugin-ot, amelyek segítenek abban.

1. Divi Builder

A Divi Builder kiváló minőségű oldalépítő, amelyet nagyon nagyra értékel elegáns témák. Bár általában a Divi WordPress téma részeként használják, a Divi Builder egy önálló plugin is, amelyet más WordPress témákhoz is használhat.

A Divi Builder lehetővé teszi a tartalom szerkesztését a kezelőfelületen található vizuális felület, valamint a háttérfelület felületén, bár a legtöbb felhasználó inkább az első felületet részesíti előnyben.

Alapvetően az oldalsávok helyett ez felugró ablakokban és lebegő gombokban található. Hozzáférést biztosít 316 előre megtervezett sablonhoz, amelyek elosztva vannak 40 különböző bemutatócsomagban, valamint lehetőséget nyújt arra, hogy saját terveit sablonként mentse.

Javasoljuk, hogy fedezze fel Hogyan lehet létrehozni egy profi blogot?

Divi egyik vonása mindig is az volt, hogy irányítsa a stílusokat, melyeket ad neked. Három különböző lapon konfigurálhat különféle beállításokat, beleértve az érzékeny kezelőszerveket, a testreszabható távolságot és még sok más.

Akár egyéni CSS-t is felvehet, mivel annak CSS-szerkesztője tartalmazza az alapvető ellenőrzést és az automatikus kiegészítést. A Divi Builder egyik kritikája mindig az volt, hogy támaszkodik shortcodes. Ami azt jelenti, hogy ha egy nap letiltja, akkor egy csomó rövid kódot hagy a tartalmában. Noha ez kissé nyomasztó, ez kevésbé jelent problémát, amikor léteznek olyan plug-inek, mint a Shortcode Cleaner.

Letöltés | demó | Web hosting

2. Themify Builder

A Themify Builder nem meglepő módon a Themify csapat felajánlása. A WordPress számos témájába integrálja, hogy az ügyfelek számára egyszerű testreszabási lehetőségeket biztosítson. De megvásárolhatja önálló pluginként is, és bármely WordPress témához felhasználhatja.

A Divi Builderhez és a WPBakery Page Builder-hez hasonlóan a Themify Builder lehetővé teszi, hogy elrendezéseket hozzon létre az előtérben vagy a hátlapban. További jó dolog, hogy ez a bővítmény lehetővé teszi az adaptív töréspontok testreszabását (de csak a teljes webhely szintjén).

Discover A WooCommerce telepítése és konfigurálása mert hozzon létre egy online boltot és könnyen eladhatja termékeit az interneten 

A Themify Builder egyik nagyszerű tulajdonsága, hogy továbbra is lehetővé teszi a szabványos WordPress szerkesztő használatát, míg más oldalkészítők kényszerítik a WordPress felület használatát. oldalkészítő mindenért.

Letöltés | demó | Web hosting

3. Elementor

Az Elementor WordPress beépülő modul eredetileg 2016-ban indult ezen a listán az egyik legfiatalabb oldalépítő. Késői kezdete ellenére az Elementor gyorsan több mint 1 aktív telepítést tett közzé a WordPress.org oldalon, ezzel az egyik legnépszerűbb WordPress oldal-készítővé vált.

Hírnevét teszi a folyékony vizuális felület, a különféle stílusopciók és egyéb hatékony szolgáltatások, például a WordPress témák teljes létrehozása.

Az interfész két fő részre oszlik, és egy harmadik zónával rendelkezik egyes paraméterek számára. Az Elementor ingyenes verziója 28 ingyenes kütyüket kínál. A Pro verzió más 30 kütyüket hoz létre, összesen a Pro verzió 58 kütyüit. Az ingyenes verzió körülbelül 40 ingyenes sablonokat tartalmaz, míg a Pro verzió több száz további sablont hoz létre.

 Letöltés | demó | Web hosting

Egyéb ajánlott források

Tudjon meg többet a webhely felépítéséhez és kezeléséhez javasolt egyéb forrásokról.

• Hogyan lehet biztonságosan megváltoztatni a WordPress témát
• Hogyan hozzunk létre házhozszállítása az WooCommerce
• 10 prémium WordPress bővítmények a foglalás és a foglalás során
• Mikor és hogyan kell telepíteni WordPress egy alkönyvtárban
• 10 WordPress plugin, hogy javítsa a sebességet a blog

Következtetés

Itt van ! Ennyi ehhez a bemutatóhoz. Ha olyan WordPress-témája van, amely nem kínál teljes szélességű oldalt sablonként, akkor reméljük, hogy ez az oktatóanyag segített megoldani ezt a hiányt. Ne hezitálj hogy ossza meg barátaival a kedvenc közösségi hálózatokon. 

Azonban Ön is képes lesz konzultálni a mi erőforrások, 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.

Ha bármilyen javaslata vagy észrevétele van, hagyja őket szakaszunkban észrevételek.

...