Vill du skapa en sida med full bredd på WordPress?

många WordPress-teman har redan en inbyggd sidmall i full bredd som du kan använda. Vissa WordPress-teman har dock inte den här funktionen. i detta tutoriel, kommer vi att visa dig hur du enkelt kan skapa en sida med full bredd på WordPress.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Metod 1: Använd en inbyggd breddmall på ditt WordPress-tema

Den här metoden rekommenderas om ditt WordPress-tema redan har en sidmall i full bredd. Om du inte har en, kolla in följande val och få en.

Först måste du redigera en sida eller skapa en ny genom att besöka " Sidor> Lägg till En ny sida.

Välj i sidredigeringsfönstret Full Width som en mall under kryssrutan sidattribut.

Efter att du har valt modellen Full Widthdu måste registrera din sida. Du kan fortsätta att anpassa sidan för att lägga till mer innehåll eller klicka på förhandsgranskningsknappen för att se den i handling.

Om du inte har ett alternativ för full bredd - full bredd - på din sidredigeringsskärm betyder det att ditt WordPress-tema inte har det. 

Men oroa dig inte, vi visar dig hur du enkelt kan skapa en sida i full bredd utan att ändra ett WordPress-tema.

2-metod: Hur man skapar en sidmall med full bredd

Denna metod kräver att du redigerar filerna för WordPress-temat du använder och att du har en grundläggande förståelse för PHP, CSS och HTML.

Förresten, vi inbjuder dig också att konsultera 8 bästa WordPress-plugins för att enkelt skapa dina layouter 

Men innan du går vidare måste du skapa en WordPress-säkerhetskopia eller åtminstone en säkerhetskopia av ditt nuvarande WordPress-tema. Detta hjälper dig att enkelt återställa din webbplats om något dåligt händer. 

Först måste du öppna en textredigerare som Anteckningar och klistra in följande kod i en tom fil:

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

Nu måste du spara den här filen som " Full-width.php På din dator.

Den här koden anger helt enkelt namnet på en filmall och ber WordPress att extrahera rubrikmallen.

Då behöver du innehållets del av koden. Anslut till din webbplats med en FTP-klient (eller filhanterare i cPanel) gå sedan till " / Wp-content / themes / din-theme-mapp / ".

Då måste du hitta filen som heter " page.php ". Detta är ditt temas standardmallfil.

Kopiera allt efter funktionen « get_header () Och klistra in den i en fil " Full-width.php Som du har skapat på din dator.

Nu måste du titta på innehållet i filen "full-bredd.php" och ta bort den här raden med kod:

<?php get_sidebar(); ?>

Den här raden tar helt enkelt sidofältet och visar det i ditt WordPress-tema. Genom att ta bort detta kommer ditt tema inte att visa sidofältet när du använder mallen Full Width.

Du kanske ser den här raden visas mer än en gång på ditt WordPress-tema. Om ditt WordPress-tema har flera sidofält (widgetar som sidfoten kallas också sidfält)du kommer att se varje sidfält en gång i koden. Du måste bestämma vilka sidofält du vill behålla.

Din webbplats verkar ladda långsamt, upptäck Varför du behöver börja optimera din WordPress-blogg efter bilder

Om ditt tema inte visar sidofält på din sida kanske du inte hittar den här koden i din fil.

Så här tar vår full-bredd.php-kod hand om att göra ändringarna. Din kod kan se lite annorlunda ut beroende på ditt tema.

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

Då måste du ladda ner filen Full-width.php »I din WordPress-temamapp med FTP-klient.

Du har skapat och laddat upp en anpassad sidmall i full bredd till ditt tema. Nästa steg är att använda den här mallen för att skapa en sida med full bredd.

Gå till instrumentpanelen och redigera eller skapa en ny sida.

På sidredigeringsskärmen letar du upp kryssrutan för sidattribut och klickar på rullgardinsmenyn under alternativet "Mall".

Du kommer att kunna se din modell. Gå vidare, välj den och spara eller uppdatera sidan.

Nu kan du besöka din webbplats och du kommer att se att sidofältet är borta och att din sida visas som en enda kolumn sida. Det kanske inte är fullt ännu, men nu är du redo att strömma det annorlunda.

Gör din webbplats populär genom att upptäcka 7 WordPress-plugins för att optimera SEO för dina bilder

Du måste använda verktyget Inspektera för att upptäcka de CSS-klasser som ditt tema använder för att definiera innehållsområdet.

Då kan du justera bredden till 100% med CSS. Vi använde följande CSS-kod:

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

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

Så här kommer det att se ut Twenty Seventeen.

Det är allt för denna självstudie, jag hoppas att det kommer att göra det möjligt för dig att skapa sidor i full bredd.

Ovanstående metoder är gratis för dem som har råd och som snabbt vill skapa layouter i full bredd eller full bredd enkelt.

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Divi Builder

Divi Builder är en högkvalitativ byggare av sidor som är mycket uppskattad av Elegant Teman. Även om det vanligtvis används som en del av Divi WordPress-temat, är Divi Builder också ett fristående plugin som du kan använda på andra WordPress-teman.

Divi Builder låter dig redigera ditt innehåll med hjälp av ett visuellt gränssnitt i front-end samt ett gränssnitt på back-end, även om de flesta användare föredrar det första gränssnittet.

I princip istället för sidofältet är allt i popup-fönster och flytande knappar. Det ger dig tillgång till 316 fördesignade mallar fördelade på 40 olika presentationspaket, samt möjligheten att spara dina egna mönster som mallar.

Vi föreslår att du upptäcker Hur man skapar en professionell blogg

Ett av Divis drag har alltid varit kontrollen över de stilar han ger dig. På tre olika flikar kan du konfigurera olika inställningar, inklusive svarskontroller, anpassningsbart avstånd och mer.

Du kan till och med lägga till anpassad CSS, eftersom dess CSS-redigerare innehåller grundläggande validering och automatisk komplettering. En av kritikerna från Divi Builder har alltid varit att den förlitar sig på kortkoder. Vilket innebär att om du inaktiverar det en dag kommer det att lämna ett gäng kortkoder i ditt innehåll. Även om detta är lite deprimerande är det mindre problem nu att det finns plugins som Shortcode Cleaner.

Ladda ner | demo | webbhotell

2. Themify Builder

Themify Builder är, inte förvånande, erbjudandet för Themify-teamet. Den integrerar den i flera av deras WordPress-teman för att ge kunderna enkla anpassningsalternativ. Men du kan också köpa det som ett fristående plugin och använda det med vilket WordPress-tema som helst.

Precis som Divi Builder och WPBakery Page Builder, låter Themify Builder dig skapa layouter i frontend eller backend. En annan bra sak är att detta plugin låter dig anpassa dina lyhörda brytpunkter (men bara på hela webbplatsnivån).

Upptäck Hur man installerar och konfigurerar WooCommerce för skapa en onlinebutik och enkelt sälja dina produkter på Internet 

En cool sak med Themify Builder är att den fortfarande låter dig använda den vanliga WordPress-redigeraren, medan andra sidbyggare tvingar dig att använda WordPress-gränssnittet. sidbyggare för allt.

Ladda ner | demo | webbhotell

3. Elementor

Ursprungligen lanserades 2016, är Elementor WordPress-tillägget en av de yngsta sidbyggarna på den här listan. Trots sin sena start samlade Elementor snabbt över 1 000 000 aktiva installationer på WordPress.org, vilket gjorde det till en av de mest populära WordPress-sidbyggarna.

Det som gör sitt rykte är det flytande visuella gränssnittet, dess olika stilalternativ och andra kraftfulla funktioner som komplett skapande av WordPress-teman.

Dess gränssnitt är indelat i två huvuddelar, med en tredje zon för vissa parametrar. Den kostnadsfria versionen av Elementor erbjuder 28 gratis widgets. Pro-versionen medför 30 andra widgetar, totalt 58-widgetar i Pro-versionen. Den kostnadsfria versionen innehåller ungefär 40 gratis mallar, medan Pro-versionen innehåller hundratals ytterligare mallar.

 Ladda ner | demo | webbhotell

Andra rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

• Hur du ändrar ditt WordPress-tema på ett säkert sätt
• Hur man ställer in leveranser på WooCommerce
• 10 premium WordPress plugins från bokning och bokning
• När och hur man installerar Wordpress på en underkatalog
• 10 Wordpress plugins för att förbättra hastigheten på din blogg

Slutsats

Här är ! Det är det för denna handledning. Om du har ett WordPress-tema som inte erbjuder en sida med full bredd som mall, hoppas vi att den här guiden har hjälpt dig att lösa den bristen. Tveka inte att dela med dina vänner på dina favorit sociala nätverk. 

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

.