Chcete na stránke WordPress vytvoriť stránku s plnou šírkou?

veľa Témy WordPress už majú vstavanú šablónu stránky s plnou šírkou, ktorú môžete použiť. Niektoré témy WordPress však túto funkciu nemajú. v tomto konzultácie, ukážeme vám, ako ľahko vytvoriť stránku s plnou šírkou na WordPress.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Metóda 1: Použitie vstavanej šablóny šírky na vašej téme WordPress

Táto metóda sa odporúča, ak je vaša téma WordPress už vybavená šablónou stránky s celou šírkou. Ak žiadny nemáte, skontrolujte nasledujúci výber a jeden si zaobstarajte.

Najprv musíte upraviť stránku alebo vytvoriť novú navštívením „ Stránky> Pridať Nová stránka.

V okne úprav stránky vyberte full Width ako šablónu v políčku atribúty stránky.

Po výbere modelu full Widthmusíte zaregistrovať svoju stránku. Môžete pokračovať v prispôsobovaní stránky, aby ste pridali ďalší obsah, alebo kliknutím na tlačidlo ukážky ju zobrazíte v akcii.

Ak na obrazovke úpravy stránky nemáte možnosť Šablóna Celá šírka - plná šírka, znamená to, že ju vaša téma WordPress nemá. 

Ale nebojte sa, ukážeme vám, ako ľahko vytvoriť celú šírku stránky bez zmeny témy WordPress.

Metóda 2: Ako vytvoriť šablónu stránky s celou šírkou

Táto metóda vyžaduje, aby ste upravovali súbory témy WordPress, ktoré používate, a aby ste mali základné znalosti PHP, CSS a HTML.

Mimochodom, tiež vás pozývame na konzultáciu Najlepšie doplnky 8 pre WordPress na jednoduché vytvorenie rozloženia 

Ale predtým, ako pôjdete ďalej, musíte vytvorte zálohu WordPress alebo aspoň zálohu aktuálnej témy WordPress. To vám pomôže ľahko obnoviť webovú stránku, ak sa stane niečo zlé. 

Najskôr musíte otvoriť textový editor, ako je napríklad Poznámkový blok, a vložiť nasledujúci kód do prázdneho súboru:

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

Teraz musíte tento súbor uložiť ako „ Full-width.php Na počítači.

Tento kód jednoducho nastaví názov šablóny súboru a dá WordPressu pokyn, aby rozbalil šablónu hlavičky.

Potom budete potrebovať obsahovú časť kódu. Pripojte sa na svoj web pomocou klienta FTP (alebo správca súborov v cPanel) potom prejdite na „ / Wp-content / themes / vaše-theme-zložky / ".

Potom musíte vyhľadať súbor s názvom „ page.php „. Toto je predvolený súbor šablóny stránky vašej témy.

Kopírovať všetko po funkcii « get_header () A vložte ho do súboru “ Full-width.php To, čo ste vytvorili na počítači.

Teraz sa musíte pozrieť na obsah súboru „full-width.php“ a odstrániť tento riadok kódu:

<?php get_sidebar(); ?>

Tento riadok jednoducho zaberá bočný panel a zobrazuje ho vo vašej téme WordPress. Ak toto odstránite, vaša téma nebude pri používaní šablóny zobrazovať bočný panel full Width.

Tento riadok sa môže na vašej téme WordPress zobraziť viackrát. Ak má vaša téma WordPress niekoľko bočné panely (oblasti päty widgetu sa nazývajú aj bočné panely)uvidíte každý bočný panel, na ktorý sa v kóde odkazuje raz. Musíte sa rozhodnúť, ktoré bočné panely chcete zachovať.

Zdá sa, že sa váš web načítava pomaly Prečo potrebujete začať optimalizovať svoj blog WordPress pomocou obrázkov

Ak sa na vašej téme na vašej stránke nezobrazujú bočné panely, možno tento kód v súbore nenájdete.

Takto sa náš kód full-width.php postará o vykonanie zmien. Váš kód sa môže mierne líšiť v závislosti od témy.

<?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(); ?>

Potom musíte súbor stiahnuť Full-width.php »Vo vašom priečinku s témami WordPress pomocou FTP klient.

Úspešne ste vytvorili a nahrali vlastnú šablónu stránky s plnou šírkou do svojej témy. Ďalším krokom je použitie tejto šablóny na vytvorenie stránky s plnou šírkou.

Zamierte na informačný panel a upravte alebo vytvorte novú stránku.

Na obrazovke úprav stránky vyhľadajte začiarkavacie políčko atribútov stránky a kliknite na rozbaľovaciu ponuku pod možnosťou Šablóna.

Budete mať možnosť vidieť svoj model. Pokračujte, vyberte ho a stránku uložte alebo aktualizujte.

Teraz môžete navštíviť svoju webovú stránku a uvidíte, že bočné pruhy sú preč a vaša stránka sa zobrazí ako stránka v jednom stĺpci. Možno ešte nie je plný, ale teraz ste pripravení streamovať to inak.

Urobte svoj web populárnym objavením Doplnky 7 WordPress na optimalizáciu SEO vašich obrázkov

Budete musieť použiť nástroj Kontrola na objavenie tried CSS, ktoré vaša téma používa na definovanie oblasti obsahu.

Potom môžete jeho šírku upraviť pomocou CSS na 100%. Použili sme nasledujúci kód CSS:

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

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

Takto to bude vyzerať ako dvadsať sedemnásť.

To je všetko pre tento tutoriál, dúfam, že vám umožní vytvárať stránky s plnou šírkou.

Vyššie uvedené metódy sú zadarmo pre tých, ktorí si môžu dovoliť a chcú rýchlo vytvoriť rozloženie v celej šírke alebo v celej šírke.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Divi Builder

Divi Builder je vysoko kvalitný tvorca stránok, ktoré si vysoko cenia elegantný témy. Aj keď sa zvyčajne používa ako súčasť témy Divi WordPress, Divi Builder je tiež samostatný doplnok, ktorý môžete použiť na iné témy WordPress.

Program Divi Builder vám umožňuje upravovať obsah pomocou vizuálneho rozhrania na rozhraní front-end aj ako rozhranie na rozhraní typu back-end, aj keď väčšina používateľov uprednostňuje prvé rozhranie.

Namiesto bočných panelov je to v podstate všetko v rozbaľovacích oknách a plávajúcich tlačidlách. Poskytuje prístup k 316 vopred navrhnutým šablónam rozloženým do 40 rôznych balíkov prezentácií, ako aj možnosť ukladať vlastné vzory ako šablóny.

Navrhujeme, aby ste to objavili Ako vytvoriť profesionálny blog

Jedným zo znakov Diviho bola vždy kontrola štýlov, ktoré vám dáva. Na troch rôznych kartách môžete nakonfigurovať rôzne nastavenia vrátane ovládacích prvkov reagujúcich na zmeny, prispôsobiteľného rozstupu a ďalších.

Môžete dokonca pridať vlastný CSS, pretože jeho editor CSS obsahuje základné overenie a automatické dokončovanie. Jednou z kritík Divi Builderu vždy bolo, že sa na ňu spolieha shortcodes, Čo znamená, že ak ho jedného dňa vypnete, zanechá vo vašom obsahu veľa krátkych kódov. Aj keď je to trochu depresívne, v súčasnosti už existujú menšie problémy, keď existujú doplnky ako Shortcode Cleaner.

Stiahnuť | demo | web hosting

2. Themify Builder

Themify Builder je, neprekvapivo, ponuka tímu Themify. Integruje ho do niekoľkých ich tém WordPress, aby zákazníkom poskytoval jednoduché možnosti prispôsobenia. Môžete si ho však kúpiť aj ako samostatný doplnok a použiť ho s ľubovoľnou témou WordPress.

Rovnako ako Divi Builder a WPBakery Page Builder, aj Themify Builder umožňuje vytvárať rozloženia vo front-ende alebo back-ende. Ďalšou dobrou vecou je, že tento doplnok vám umožňuje prispôsobiť vaše citlivé zarážky (ale iba na celej úrovni webových stránok).

Discover Ako nainštalovať a nakonfigurovať WooCommerce pre vytvoriť internetový obchod a jednoducho predávajte svoje produkty na internete 

Jedna skvelá vec na Themify Builder je, že vám stále umožňuje používať štandardný editor WordPress, zatiaľ čo iní tvorcovia stránok vás nútia používať rozhranie WordPress. tvorca stránok za všetko.

Stiahnuť | demo | web hosting

3. Elementor

Plugin Elementor WordPress, ktorý bol pôvodne uvedený na trh v roku 2016, je jedným z najmladších tvorcov stránok v tomto zozname. Napriek neskorému štartu získal Elementor na WordPress.org viac ako 1 000 000 aktívnych inštalácií, čo z neho urobilo jedného z najpopulárnejších tvorcov stránok WordPress.

Vďaka svojej povesti je jej plynulé vizuálne rozhranie, rôzne možnosti štýlu a ďalšie výkonné funkcie, ako je úplná tvorba tém WordPress.

Jeho rozhranie je rozdelené na dve hlavné časti, s treťou zónou pre určité parametre. Bezplatná verzia produktu Elementor ponúka bezplatné miniaplikácie 28. Verzia Pro prináša 30 ďalšie widgety, celkom 58 widgety vo verzii Pro. Bezplatná verzia obsahuje asi 40 šablón zadarmo, zatiaľ čo verzia Pro prináša stovky ďalších šablón.

 Stiahnuť | demo | web hosting

Ďalšie odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

• Ako bezpečne zmeniť tému WordPress
• Ako nastaviť dodávky na WooCommerce
• 10 prémiové WordPress pluginy z rezervácie a rezervácie
• Kedy a ako nainštalovať WordPress v podadresári
• 10 WordPress pluginy pre zlepšenie rýchlosti vášho blogu

záver

Tu je! To je pre tento návod všetko. Ak máte tému WordPress, ktorá ako šablónu neponúka stránku na celú šírku, potom dúfame, že vám tento návod pomohol tento nedostatok vyriešiť. Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach. 

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...