Želite li stvoriti stranicu pune širine na WordPressu?

mnogo WordPress teme Već dolaze s ugrađenim predloškom stranice pune širine koji možete koristiti. Međutim, neke WordPress teme nemaju tu 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 u vašoj WordPress temi

Ova se metoda preporučuje ako vam WordPress tema već nudi predložak stranice po cijeloj širini. Ako ga već 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ška pune širine, to znači da vaša WordPress tema nema tu opciju. 

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 izmijenite 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 krenete dalje, morate 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 poput Notepada 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 kod jednostavno definira naziv predloška datoteke i traži od WordPressa da dohvati predložak zaglavlja.

Zatim će vam trebati dio koda sa sadržajem. Povežite se sa svojom web stranicom 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(); ?>

Ova linija jednostavno dohvaća bočnu traku i prikazuje je u vašoj WordPress temi. Uklanjanjem ćete spriječiti da vaša tema prikazuje bočnu traku prilikom korištenja predloška. Puna širina.

Ovaj redak se može pojaviti više puta 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 » u mapi WordPress teme pomoću FTP klijent.

Uspješno ste kreirali i prenijeli prilagođeni predložak stranice pune širine u svoju temu. Sljedeći korak je korištenje ovog predloška za kreiranje 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 svoju web stranicu i vidjet ćete da su bočne trake nestale, a vaša stranica se prikazuje kao stranica s jednim stupcem. Možda još nije puna, ali sada ste spremni predstaviti je drugačije.

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

Morat ćete koristiti alat Inspect kako biste otkrili CSS klase koje vaša tema koristi za definiranje područja sadržaja.

Zatim možete prilagoditi širinu na 100% pomoću CSS-a. Koristili smo sljedeći CSS kod:

.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 dodatke kako biste pružili moderan izgled i optimizirali opciju svog bloga ili web stranice.

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 TemeIako se općenito koristi kao dio Divi WordPress teme, Divi Builder je također samostalni dodatak koji možete koristiti na drugim WordPress temama.

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

U osnovi, 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 editor uključuje osnovnu validaciju i automatsko dovršavanje. Jedna od kritika Divi Buildera oduvijek je bila da se oslanja na 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

Themify Builder je, očekivano, ponuda Themify tima. Integriraju ga u nekoliko svojih WordPress tema kako bi korisnicima pružili jednostavne mogućnosti prilagodbe. No, možete ga kupiti i kao samostalni dodatak i koristiti ga s bilo kojom WordPress temom.

Poput Divi Buildera i WPBakery Page Buildera, Themify Builder vam omogućuje stvaranje izgleda u prednjem ili stražnjem dijelu. Još jedna sjajna značajka je da vam ovaj dodatak omogućuje prilagodbu responzivnih točaka prekida (ali samo na razini cijele web-lokacije).

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

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

Preuzmite | demo | Web hosting

3. Elementor

Izvorno pokrenut 2016. godine, Elementor WordPress dodatak jedan je od najmlađih graditelja stranica na ovom popisu. Unatoč kasnom početku, Elementor je brzo prikupio preko 1.000.000 aktivnih instalacija na WordPress.org, što ga čini jednim od najpopularnijih WordPress graditelja 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

Otkrijte ostale preporučene resurse koji će vam pomoći u izradi i upravljanju vašom web stranicom.

• 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

To je to! Time završava ovaj vodič. Ako imate WordPress temu koja ne nudi predložak stranice pune širine, nadamo se da vam je ovaj vodič pomogao prevladati to ograničenje. 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.

...