Chcete na stránce WordPress vytvořit stránku s plnou šířkou?

Mnoho z nich Témata WordPress již přicházejí s vestavěnou šablonou stránky s plnou šířkou, kterou můžete použít. Některá témata WordPress však tuto funkci nemají. v tomto tutoriel, ukážeme vám, jak snadno vytvořit stránku s plnou šířkou na WordPress.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

vytvořte stránku s plnou šířkou ve WordPressu

Metoda 1: Použití šablony vestavěné šířky v motivu WordPress

Tato metoda se doporučuje, pokud vaše téma WordPress již obsahuje šablonu stránky s plnou šířkou. Pokud žádný nemáte, podívejte se na následující výběr a získejte jeden.

Nejprve musíte upravit stránku nebo vytvořit novou návštěvou „ Stránky> Přidat Nová stránka.

V okně úprav stránky vyberte Full Width jako šablona pod zaškrtávacím políčkem atributy stránky.

Výběr šablony stránky

Po výběru modelu Full Widthmusíte zaregistrovat svou stránku. Chcete-li přidat další obsah, můžete pokračovat v přizpůsobování stránky nebo kliknutím na tlačítko náhledu zobrazit stránku v akci.

Stránka s plnou šířkou

Pokud na obrazovce úpravy stránky nemáte možnost Šablona plná šířka - plná šířka -, znamená to, že vaše téma WordPress ji nemá. 

Ale nebojte se, ukážeme vám, jak snadno vytvořit stránku s plnou šířkou beze změny motivu WordPress.

Metoda 2: Jak vytvořit šablonu stránky s plnou šířkou

Tato metoda vyžaduje, abyste upravili soubory motivu WordPress, které používáte, a základní znalost PHP, CSS a HTML.

Mimochodem, také vás zveme ke konzultaci Nejlepší doplňky WordPress pro 8 pro snadné vytváření rozvržení 

Ale než půjdete dál, musíte vytvořte zálohu WordPress nebo alespoň zálohu aktuálního motivu WordPress. To vám pomůže snadno obnovit váš web, pokud se stane něco špatného. 

Nejprve musíte otevřít textový editor, jako je Poznámkový blok, a vložit následující kód do prázdného souboru:

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

Nyní musíte tento soubor uložit jako „ Full-width.php Na vašem počítači.

Tento kód jednoduše nastaví název šablony souboru a řekne WordPress, aby extrahoval šablonu záhlaví.

Pak budete potřebovat obsahovou část kódu. Připojte se ke svému webu pomocí klienta FTP (nebo správce souborů v cPanel) poté přejděte na „ / Wp-content / themes / vaše-theme-složky / ".

Pak musíte najít soubor s názvem „ page.php ". Toto je výchozí soubor šablony stránky pro váš motiv.

Zkopírujte vše po funkci « get_header () A vložte jej do souboru “ Full-width.php To jste vytvořili ve svém počítači.

Nyní se musíte podívat na obsah souboru "full-width.php" a smazat tento řádek kódu:

<?php get_sidebar(); ?>

Tento řádek jednoduše přebírá postranní panel a zobrazuje jej ve vašem motivu WordPress. Když toto odstraníte, váš motiv nebude při použití šablony zobrazovat postranní panel Full Width.

Tento řádek se může na vašem motivu WordPress objevit více než jednou. Pokud má váš motiv WordPress několik postranní panely (oblasti widgetů zápatí se také nazývají postranní panely)uvidíte každý postranní panel odkazovaný jednou v kódu. Musíte se rozhodnout, které postranní panely chcete zachovat.

Zdá se, že se váš web načítá pomalu Proč je třeba začít optimalizovat blog WordPress pomocí obrázků

Pokud se na vašem motivu na vaší stránce nezobrazí postranní panely, možná tento kód v souboru nenajdete.

Takto se náš kód full-width.php stará o provedení změn. Váš kód se může v závislosti na motivu mírně lišit.

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

Pak musíte soubor stáhnout Full-width.php »Ve složce motivu WordPress pomocí FTP klient.

Úspěšně jste vytvořili a nahráli do svého motivu vlastní šablonu stránky v plné šířce. Dalším krokem je použití této šablony k vytvoření stránky o celé šířce.

Vydejte se na hlavní panel a upravte nebo vytvořte novou stránku.

Na obrazovce pro úpravy stránky vyhledejte zaškrtávací políčko atributy stránky a klikněte na rozevírací nabídku pod možností „Šablona“.

Výběr modelu v edici stránek wordpress

Budete mít možnost vidět svůj model. Pokračujte, vyberte ji a stránku uložte nebo aktualizujte.

Nyní můžete navštívit svůj web a uvidíte, že postranní panely jsou pryč a vaše stránka se zobrazí jako stránka s jedním sloupcem. Možná ještě není plná, ale nyní jste připraveni ji streamovat jinak.

Udělejte svůj web populárním objevením 7 WordPress pluginy pro optimalizaci SEO vašich obrázků

K vyhledání tříd CSS, které váš motiv používá k definování oblasti obsahu, budete muset použít nástroj Inspect.

Poté můžete pomocí CSS upravit jeho šířku na 100%. Použili jsme následující 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 vypadat jako dvacet sedmnáct.

Prezentace demo tématu wordpress

To je vše pro tento tutoriál, doufám, že vám umožní vytvářet stránky plné šířky.

Výše uvedené metody jsou zdarma pro ty, kteří si mohou dovolit a chtějí rychle vytvořit rozložení plné šířky nebo plné šířky snadno.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Divi Builder

Divi Builder je vysoce kvalitní tvůrce stránek, které si velmi váží elegantní témata. Ačkoli se obvykle používá jako součást tématu Divi WordPress, Divi Builder je také samostatný plugin, který můžete použít na jiných tématech WordPress.

Divi e1544278044306

Divi Builder umožňuje upravovat obsah pomocí vizuálního rozhraní na front-endu i rozhraní na back-endu, ačkoli většina uživatelů dává přednost prvnímu rozhraní.

V zásadě je místo postranních panelů vše ve vyskakovacích oknech a plovoucích tlačítkách. Poskytuje vám přístup k 316 předem navrženým šablonám rozloženým do 40 různých prezentačních balíčků a také možnost ukládat vlastní vzory jako šablony.

Navrhujeme, abyste to objevili Jak vytvořit profesionální blog

Jedním z rysů Divi bylo vždy ovládání stylů, které vám dává. Na třech různých kartách můžete konfigurovat různá nastavení, včetně citlivých ovládacích prvků, přizpůsobitelných mezer a dalších.

Můžete dokonce přidat vlastní CSS, protože jeho editor CSS obsahuje základní ověření a automatické dokončování. Jednou z kritik Divi Builderu vždy bylo, že se na ni spoléhá shortcodes, Což znamená, že pokud jej jednou zakážete, zanechá v obsahu spoustu krátkých kódů. Ačkoli je to trochu depresivní, je nyní méně problémem, že nyní existují pluginy, jako je Shortcode Cleaner.

Stáhnout | Demo | Web hosting

2. Themify Builder

Themify Builder je nepřekvapivě nabídka týmu Themify. Integruje jej do několika jejich témat WordPress, aby zákazníkům poskytl jednoduché možnosti přizpůsobení. Můžete si jej však také zakoupit jako samostatný plugin a použít jej s jakýmkoli tématem WordPress.

Animační obrazovka Themify builder e1544277050530

Stejně jako Divi Builder a WPBakery Page Builder umožňuje Themify Builder vytvářet rozvržení ve front-endu nebo back-endu. Další dobrá věc je, že tento plugin vám umožňuje přizpůsobit vaše citlivé zarážky (ale pouze na úrovni celého webu).

Discover Jak nainstalovat a nakonfigurovat WooCommerce pro vytvořit internetový obchod a snadno prodávat své produkty na internetu 

Jedna skvělá věc na Themify Builder je, že vám stále umožňuje používat standardní editor WordPress, zatímco ostatní tvůrci stránek vás nutí používat rozhraní WordPress. tvůrce stránek za všechno.

Stáhnout | Demo | Web hosting

3. Elementor

Plugin Elementor WordPress, který byl původně spuštěn v roce 2016, je jedním z nejmladších tvůrců stránek v tomto seznamu. I přes svůj pozdní start Elementor rychle nashromáždil přes 1 000 000 aktivních instalací na WordPress.org, čímž se stal jedním z nejpopulárnějších tvůrců stránek WordPress.

Elementor Pro E1544277036401

To, co dělá jeho pověst, je její plynulé vizuální rozhraní, její různé možnosti stylu a další výkonné funkce, jako je kompletní tvorba témat WordPress.

Jeho rozhraní je rozděleno do dvou hlavních částí, s třetí zónou pro určité parametry. Bezplatná verze aplikace Elementor nabízí widgety 28 zdarma. Verze Pro přináší další 30 widgety, celkem 58 widgety ve verzi Pro. Bezplatná verze obsahuje asi 40 šablon zdarma, zatímco verze Pro přináší stovky dalších šablon.

 Stáhnout | Demo | Web hosting

Další doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

Proč investovat do čističky vzduchu?

Tady je ! To je pro tento tutoriál vše. Pokud máte téma WordPress, které jako šablonu nenabízí stránku na celou šířku, pak doufáme, že vám tento návod pomohl tento nedostatek vyřešit. Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.

Pokud máte návrhy nebo připomínky, nechte je v naší sekci commentaires.

...