Doriți să creați o pagină cu lățime completă pe WordPress?

multe Teme WordPress vin deja cu un șablon de pagină cu lățime completă încorporat pe care îl puteți utiliza. Cu toate acestea, unele teme WordPress nu au această caracteristică. în acest tutorial, vă vom arăta cum puteți crea cu ușurință o pagină cu lățime completă pe WordPress.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

creați o pagină cu lățime completă în WordPress

Metoda 1: utilizarea unui șablon de lățime încorporat pe tema dvs. WordPress

Această metodă este recomandată dacă tema dvs. WordPress este deja furnizată cu un șablon de pagină cu lățime completă. Dacă nu aveți una, verificați următoarea selecție și obțineți una.

Mai întâi trebuie să editați o pagină sau să creați una nouă vizitând „ Pagini> Adăugare O nouă pagină.

În fereastra de editare a paginii, selectați Intreg Lățime ca șablon sub caseta de selectare a atributelor paginii.

Selectarea șablonului de pagină

După selectarea modelului Intreg Lățimetrebuie să vă înregistrați pagina. Puteți continua să personalizați pagina pentru a adăuga mai mult conținut sau faceți clic pe butonul de previzualizare pentru a o vedea în acțiune.

Pagină cu lățime completă

Dacă nu aveți opțiunea șablon Lățime completă - Lățime completă - pe ecranul de editare a paginii, înseamnă că tema dvs. WordPress nu o are. 

Dar, nu vă faceți griji, vă vom arăta cum puteți crea cu ușurință o pagină cu lățime completă, fără a schimba o temă WordPress.

Metoda 2: Cum să creați un șablon de pagină cu o lățime completă

Această metodă necesită să editați fișierele temei WordPress pe care o utilizați și să aveți o înțelegere de bază a PHP, CSS și HTML.

Apropo, vă invităm, de asemenea, să consultați 8 cele mai bune plugin-uri WordPress pentru a crea cu ușurință machete 

Dar, înainte de a merge mai departe, trebuie creați o copie de rezervă WordPress sau cel puțin o copie de rezervă a temei dvs. actuale WordPress. Acest lucru vă va ajuta să vă restaurați cu ușurință site-ul web dacă se întâmplă ceva rău. 

Mai întâi, trebuie să deschideți un editor de text precum Notepad și să lipiți următorul cod într-un fișier gol:

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

Acum trebuie să salvați acest fișier ca „ Full-width.php Pe computer.

Acest cod setează pur și simplu numele unui șablon de fișier și îi spune WordPress să extragă șablonul de antet.

Apoi veți avea nevoie de partea de conținut a codului. Conectați-vă la site-ul dvs. web utilizând un client FTP (sau manager de fișiere în cPanel) apoi du-te la " / Wp-content / teme / dumneavoastră temă-director / ".

Apoi, trebuie să localizați fișierul numit " page.php ". Acesta este fișierul șablon de pagină implicit pentru tema dvs.

Copiați totul după funcția « get_header () Și lipiți-l într-un fișier " Full-width.php Pe care l-ați creat pe computer.

Acum trebuie să vă uitați la conținutul fișierului "full-width.php" și să ștergeți această linie de cod:

<?php get_sidebar(); ?>

Această linie pur și simplu ia bara laterală și o afișează în tema dvs. WordPress. Eliminând acest lucru, tema dvs. nu va afișa bara laterală atunci când utilizați șablonul Intreg Lățime.

Este posibil să vedeți că această linie apare de mai multe ori pe tema dvs. WordPress. Dacă tema dvs. WordPress are mai multe bare laterale (zone de widget pe care subsolul sunt, de asemenea, numite bare laterale)veți vedea fiecare bară laterală la care a făcut referire o dată în cod. Trebuie să decideți ce bare laterale doriți să păstrați.

Se pare că site-ul dvs. web se încarcă încet, descoperă De ce trebuie să începi să-ți optimizezi blogul WordPress prin imagini

Dacă tema dvs. nu afișează bare laterale pe pagina dvs., este posibil să nu găsiți acest cod în fișierul dvs.

Așa se face că codul nostru full-width.php are grijă să facă modificările. Codul dvs. poate arăta ușor diferit în funcție de tema dvs.

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

Apoi, trebuie să descărcați fișierul Full-width.php »În folderul tematic WordPress utilizând client FTP.

Ați creat și încărcat cu succes un șablon de pagină personalizat cu lățime completă pe tema dvs. Următorul pas este să utilizați acest șablon pentru a crea o pagină cu lățime completă.

Mergeți la tabloul de bord și editați sau creați o nouă pagină.

În ecranul de editare a paginii, localizați caseta de selectare a atributelor paginii și faceți clic pe meniul derulant sub opțiunea „Șablon”.

Selectarea modelului în ediția paginilor wordpress

Vei putea vedea modelul tău. Continuați, selectați-l și salvați sau actualizați pagina.

Acum, vă puteți vizita site-ul web și veți vedea că barele laterale au dispărut, iar pagina dvs. apare ca o singură pagină de coloană. S-ar putea să nu fie încă plin, dar acum sunteți gata să îl transmiteți diferit.

Faceți-vă site-ul popular prin descoperirea 7 plugin-uri WordPress pentru a optimiza SEO-ul imaginilor dvs.

Va trebui să utilizați instrumentul Inspectare pentru a descoperi clasele CSS pe care tema le folosește pentru a defini zona de conținut.

Apoi, puteți regla lățimea acestuia la 100% folosind CSS. Am folosit următorul cod CSS:

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

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

Iată cum va arăta douăzeci și șaptesprezece.

Prezentarea temei demo wordpress

Asta este totul pentru acest tutorial, sper că vă va permite să creați pagini cu lățime întreagă.

Metodele de mai sus sunt gratuite pentru cei care își pot permite și doresc să creeze rapid cu ușurință machete complete sau cu lățime completă.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Divi Builder

Divi Builder este un constructor de pagini de înaltă calitate foarte apreciat de către Elegant Themes. Deși este utilizat în general ca parte a temei Divi WordPress, Divi Builder este, de asemenea, un plugin autonom pe care îl puteți utiliza pe alte teme WordPress.

Divi e1544278044306

Divi Builder vă permite să vă editați conținutul utilizând o interfață vizuală pe front-end, precum și o interfață pe back-end, deși majoritatea utilizatorilor preferă prima interfață.

Practic, în loc de bare laterale, totul este în ferestre pop-up și butoane plutitoare. Vă oferă acces la 316 șabloane predefinite, distribuite în 40 de pachete de prezentare diferite, precum și posibilitatea de a vă salva propriile modele ca șabloane.

Vă propunem să descoperiți Cum să creezi un blog profesionist

Una dintre trăsăturile Divi a fost întotdeauna controlul stilurilor pe care ți le oferă. Pe trei file diferite, puteți configura diverse setări, inclusiv controale responsive, spațiere personalizabile și multe altele.

Puteți adăuga chiar și CSS personalizat, deoarece editorul său CSS include validarea de bază și completarea automată. Una dintre criticile lui Divi Builder a fost întotdeauna că se bazează pe Scurtăturile. Ceea ce înseamnă că, dacă o dezactivați într-o zi, va lăsa o mulțime de coduri scurte în conținutul dvs. Deși acest lucru este deprimant, acum este mai puțin o problemă că există plugin-uri precum Shortcode Cleaner.

Descarca | Demo | web hosting

2. Themify Builder

În mod surprinzător, Themify Builder este oferta echipei Themify. Îl integrează în mai multe teme WordPress pentru a oferi clienților opțiuni simple de personalizare. Dar îl puteți cumpăra și ca plugin independent și îl puteți folosi cu orice temă WordPress.

Ecranul de animație Themify builder e1544277050530

La fel ca Divi Builder și WPBakery Page Builder, Themify Builder vă permite să creați machete în front-end sau back-end. Un alt lucru bun este că acest plugin vă permite să vă personalizați punctele de întrerupere receptive (dar numai la nivelul întregului site web).

Descopera Cum se instalează și se configurează WooCommerce pentru creați un magazin online și vinde-ți cu ușurință produsele pe internet 

Un lucru interesant despre Themify Builder este că încă vă permite să utilizați editorul standard WordPress, în timp ce alți creatori de pagini vă obligă să utilizați interfața WordPress. generator de pagini pentru tot.

Descarca | Demo | web hosting

3. Elementor

Lansat inițial în 2016, pluginul Elementor WordPress este unul dintre cei mai tineri constructori de pagini din această listă. În ciuda începutului său târziu, Elementor a acumulat rapid peste 1 de instalări active pe WordPress.org, făcându-l unul dintre cei mai populari constructori de pagini WordPress.

Elementor pro e1544277036401

Ceea ce îi face reputația este interfața vizuală fluidă, opțiunile sale diferite de stil și alte funcții puternice, cum ar fi crearea completă a temelor WordPress.

Interfața sa este împărțită în două părți principale, cu o a treia zonă pentru anumiți parametri. Versiunea gratuită a Elementor oferă widgeturi 28 gratuite. Versiunea Pro aduce la dispoziție alte widget-uri 30, un total de widgeturi 58 în versiunea Pro. Versiunea gratuită include aproximativ șabloane gratuite 40, în timp ce versiunea Pro aduce sute de șabloane suplimentare.

 Descarca | Demo | web hosting

Alte resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

Concluzie

Aici este ! Gata pentru acest tutorial. Dacă aveți o temă WordPress care nu oferă o pagină cu lățime completă ca șablon, atunci sperăm că acest tutorial vă va ajuta să rezolvați acest neajuns. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.

...