Želite li stvoriti stranicu pune širine na WordPressu?

mnogo WordPress teme već dolazi s ugrađenim predloškom stranice pune širine koji možete koristiti. Međutim, neke WordPress teme nemaju ovu značajku. u tome udžbenik, pokazat ćemo vam kako lako stvoriti stranicu pune širine na WordPressu.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Metoda 1: Korištenje ugrađenog predloška širine na vašoj WordPress temi

Ova se metoda preporučuje ako vam WordPress tema već nudi predložak stranice po cijeloj širini. Ako ga nemate, pogledajte sljedeći izbor i nabavite ga.

Prvo morate urediti stranicu ili stvoriti novu posjetom " Stranice> Dodaj Nova stranica.

U prozoru za uređivanje stranice odaberite Puna širina kao predložak ispod potvrdnog okvira atributi stranice.

Nakon odabira modela Puna širinamorate registrirati svoju stranicu. Možete nastaviti s prilagođavanjem stranice kako biste dodali više sadržaja ili kliknite gumb za pregled da biste je vidjeli u akciji.

Ako na zaslonu za uređivanje stranice nemate opciju Predložak pune širine - puna širina, znači da je vaša WordPress tema nema. 

Ali, ne brinite, pokazat ćemo vam kako lako stvoriti stranicu pune širine bez promjene WordPress teme.

2 metoda: Kako stvoriti predložak stranice punom širinom

Ova metoda zahtijeva da uredite datoteke WordPress teme koju koristite i da imate osnovno razumijevanje PHP-a, CSS-a i HTML-a.

Usput, također vas pozivamo da se savjetujete s 8 najbolji WordPress dodaci za jednostavno kreiranje izgleda 

Ali, prije nego što kreneš dalje, moraš stvorite sigurnosnu kopiju za WordPress ili barem sigurnosnu kopiju vaše trenutne WordPress teme. To će vam pomoći da lako vratite web stranicu ako se dogodi nešto loše. 

Prvo morate otvoriti uređivač teksta kao što je Notepad i zalijepiti sljedeći kod u praznu datoteku:

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

Sada ovu datoteku trebate spremiti kao " Full-width.php Na vašem računalu.

Ovaj kôd jednostavno postavlja ime predloška datoteke i govori WordPressu da izvadi predložak zaglavlja.

Tada će vam trebati sadržajni dio koda. Povežite se na svoju web stranicu pomoću FTP klijenta (ili upravitelj datoteka u cPanel) i onda idite na " / Wp-sadržaja / teme / vaše-tema-mape / ".

Tada morate locirati datoteku pod nazivom " page.php ". Ovo je zadana datoteka predloška stranice za vašu temu.

Kopirajte sve nakon funkcije « get_header () I zalijepite ga u datoteku " Full-width.php Koju ste stvorili na svom računalu.

Sada morate pogledati sadržaj datoteke "full-width.php" i izbrisati ovu liniju koda:

<?php get_sidebar(); ?>

Ovaj redak jednostavno zauzima bočnu traku i prikazuje ga u vašoj WordPress temi. Uklanjanjem ovog, vaša tema neće prikazivati ​​bočnu traku prilikom upotrebe predloška Puna širina.

Ovaj će se redak možda više puta pojaviti na vašoj WordPress temi. Ako vaša WordPress tema ima nekoliko bočne trake (područja widgeta podnožja također se nazivaju bočne trake)vidjet ćete svaku bočnu traku na koju se u vašem kôdu odnosi jednom. Morate odlučiti koje bočne trake želite zadržati.

Čini se da se vaša web stranica polako učitava, otkrijte Zašto trebate započeti optimizirati svoj WordPress blog po slikama

Ako vaša tema ne prikazuje bočne trake na vašoj stranici, možda nećete pronaći ovaj kôd u vašoj datoteci.

Ovako se naš full-width.php kôd brine o izmjenama. Vaš kôd može izgledati malo drugačije ovisno o vašoj temi.

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

Zatim morate preuzeti datoteku Full-width.php »Na vašoj mapi WordPress teme pomoću FTP klijent.

Uspješno ste stvorili i prenijeli prilagođeni predložak stranice pune širine na svoju temu. Sljedeći je korak upotreba ovog predloška za stvaranje stranice pune širine.

Idite do nadzorne ploče i uredite ili izradite novu stranicu.

Na zaslonu za uređivanje stranice pronađite potvrdni okvir atributa stranice i kliknite padajući izbornik pod opcijom "Predložak".

Moći ćete vidjeti svoj model. Samo naprijed, odaberite je i spremite ili ažurirajte stranicu.

Sada možete posjetiti svoje web mjesto i vidjet ćete da su bočne trake nestale, a vaša stranica se prikazuje kao stranica s jednim stupcem. Možda još nije pun, ali sada ste spremni za streaming na drugačiji način.

Učinite svoju web lokaciju popularnom otkrivanjem 7 WordPress dodaci za optimizaciju SEO slike

Morat ćete upotrijebiti alat Inspect za otkrivanje CSS klasa koje vaša tema koristi za definiranje područja sadržaja.

Tada možete prilagoditi njegovu širinu na 100% pomoću CSS-a. Koristili smo sljedeći CSS kôd:

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

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

Evo kako će to izgledati dvadeset sedamnaest.

To je sve za ovaj udžbenik, nadam se da će vam omogućiti stvaranje stranica u punoj širini.

Gore navedene metode besplatne su za one koji si mogu priuštiti i žele brzo stvoriti izgled cijele širine ili pune širine.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Divi graditelj

Divi Builder je visokokvalitetni graditelj stranica koje vrlo cijene Elegantan Teme. Iako se obično koristi kao dio teme Divi WordPress, Divi Builder je i samostalni dodatak koji možete koristiti na drugim WordPress temama.

Divi Builder omogućuje vam uređivanje sadržaja pomoću vizualnog sučelja na prednjoj strani, kao i sučelja na stražnjoj strani, iako većina korisnika preferira prvo sučelje.

Uglavnom, umjesto bočnih traka, sve je u skočnim prozorima i plutajućim gumbima. Omogućuje vam pristup 316 unaprijed dizajniranih predložaka raspoređenih u 40 različitih prezentacijskih paketa, kao i mogućnost spremanja vlastitih dizajna kao predložaka.

Predlažemo vam da otkrijete Kako stvoriti profesionalni blog

Jedna od Divijinih osobina oduvijek je bila kontrola stilova koji ti daje. Na tri različite kartice možete konfigurirati različite postavke, uključujući responzivne kontrole, prilagodljiv razmak i još mnogo toga.

Možete čak dodati i prilagođeni CSS, jer njegov CSS uređivač uključuje osnovnu provjeru valjanosti i automatsko dovršavanje. Jedna od kritika Divi Builder-a oduvijek je bila da se oslanja kratke kodove, Što znači da ako ga jednog dana onemogućite, ostavit će gomilu kratkih kodova u vašem sadržaju. Iako je to pomalo depresivno, sada je manje problema što postoje dodaci poput Čistača kratkih kodova.

Preuzmite | demo | Web hosting

2. Gradi

Ne iznenađuje da je Themify Builder ponuda tima Themify. Integrira ga u nekoliko njihovih WordPress tema kako bi kupcima pružio jednostavne mogućnosti prilagodbe. Ali možete ga kupiti i kao samostalni dodatak i koristiti ga s bilo kojom WordPress temom.

Poput Divi Builder i WPBakery Page Builder, Themify Builder omogućuje vam izradu izgleda na prednjem ili stražnjem kraju. Još jedna dobra stvar je što vam ovaj dodatak omogućuje prilagodbu vaših responzivnih točaka prekida (ali samo na razini cijele web stranice).

Otkrijte Kako instalirati i konfigurirati WooCommerce za stvoriti internetsku trgovinu i jednostavno prodavati svoje proizvode na internetu 

Jedna zgodna stvar kod Themify Buildera je ta što vam i dalje omogućuje korištenje standardnog WordPress uređivača, dok vas drugi graditelji stranica tjeraju da koristite WordPress sučelje. graditelj stranica za sve.

Preuzmite | demo | Web hosting

3. Elementor

Izvorno pokrenut 2016. godine, dodatak Elementor WordPress jedan je od najmlađih kreatora stranica na ovom popisu. Unatoč kasnom pokretanju, Elementor je brzo stvorio preko 1 aktivnih instalacija na WordPress.org, čineći ga jednim od najpopularnijih graditelja WordPress stranica.

Ono što čini njegovu reputaciju je fluidno vizualno sučelje, njegove različite stilske mogućnosti i druge moćne značajke, poput cjelovitog stvaranja WordPress tema.

Njegovo sučelje podijeljeno je u dva glavna dijela, s trećom zonom za određene parametre. Besplatna verzija Elementor nudi 28 besplatne widgete. Pro verzija donosi 30 ostale widgete, ukupno 58 widgeta u Pro verziji. Besplatna verzija uključuje oko 40 besplatnih predložaka, dok Pro verzija donosi stotine dodatnih predložaka.

 Preuzmite | demo | Web hosting

Ostali preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

• Kako sigurno promijeniti svoju WordPress temu
• Kako konfigurirati isporuke na WooCommerceu
• 10 premium WordPress dodataka iz rezervacije i rezervacije
• Kada i kako instalirati WordPress u poddirektorij
• 10 WordPress čep za poboljšanje brzine vašeg bloga

Zaključak

Ovdje je ! To je sve za ovaj vodič. Ako imate WordPress temu koja ne nudi stranicu pune širine kao predložak, nadamo se da vam je ovaj vodič pomogao da riješite taj nedostatak. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku Komentari.

...