Dëshiron të krijosh një faqe me gjerësi të plotë në WordPress?

shumë Temat e WordPress tashmë vijnë me një model të integruar të faqes me gjerësi të plotë që mund ta përdorni. Sidoqoftë, disa tema WordPress nuk e kanë këtë veçori. në këtë punë praktike, ne do t'ju tregojmë se si të krijoni me lehtësi një faqe me gjerësi të plotë në WordPress.

Por më parë, nëse nuk keni instaluar kurrë WordPress zbuloni Si të instaloj një WordPress blog hapa 7 et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj 

Atëherë kthehu pse ne jemi këtu.

krijoni një faqe me gjerësi të plotë në WordPress

Metoda 1: Përdorimi i një shablloni me gjerësi të integruar në temën tuaj WordPress

Kjo metodë rekomandohet nëse tema juaj e WordPress tashmë është e pajisur me një model të faqeve me gjerësi të plotë. Nëse nuk keni një, shikoni zgjedhjen e mëposhtme dhe merrni një.

Së pari ju duhet të redaktoni një faqe ose të krijoni një të re duke vizituar " Faqet> Shto Një faqe e re.

Në dritaren e redaktimit të faqes, zgjidhni Gjerësia e plotë si një shabllon nën kutinë e atributeve të faqes.

Përzgjedhja e modelit të faqes

Pas zgjedhjes së modelit Gjerësia e plotëju duhet të regjistroni faqen tuaj. Mund të vazhdoni të personalizoni faqen për të shtuar më shumë përmbajtje ose të klikoni në butonin e shikimit paraprak për ta parë atë në veprim.

Faqja me gjerësi të plotë

Nëse nuk keni një mundësi Gjerësi të plotë - gjerësi të plotë - model në ekranin tuaj të redaktimit të faqes, kjo do të thotë që tema juaj WordPress nuk e ka atë. 

Por, mos u shqetësoni, do t'ju tregojmë se si të krijoni me lehtësi një faqe me gjerësi të plotë pa ndryshuar një temë të WordPress.

Metoda 2: Si të krijoni një shabllon faqesh me një gjerësi të plotë

Kjo metodë kërkon që ju të redaktoni skedarët e temës WordPress që po përdorni dhe të keni një kuptim themelor të PHP, CSS dhe HTML.

Nga rruga, ne gjithashtu ju ftojmë të konsultoheni me 8 shtojcat më të mira të WordPress për të krijuar me lehtësi paraqitjet tuaja 

Por, para se të shkoni më tej, ju duhet krijoni një kopje rezervë të WordPress ose të paktën një kopje rezervë të temës suaj aktuale të WordPress. Kjo do t'ju ndihmojë të rivendosni me lehtësi faqen tuaj në internet nëse ndodh diçka e keqe. 

Së pari, duhet të hapni një redaktues teksti si Notepad dhe ngjisni kodin e mëposhtëm në një skedar të zbrazët:

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

Tani ju duhet ta ruani këtë skedar si " të plotë-width.php Në kompjuterin tuaj.

Ky kod thjesht vendos emrin e një shablloni skedari dhe i thotë WordPress-it të nxjerrë modelin e kokës.

Atëherë do t'ju duhet pjesa e përmbajtjes së kodit. Lidhu me faqen tënde të internetit duke përdorur një klient FTP (ose menaxher i skedarëve në cPanel) pastaj shkoni tek " / Wp-content / themes / tuaj-theme-dosje / '.

Pastaj ju duhet të gjeni skedarin e quajtur " page.php ". Ky është skedari i paracaktuar i modelit të faqes për temën tuaj.

Kopjo gjithçka pas funksionit « get_header () Dhe ngjitur në një skedar " të plotë-width.php Që keni krijuar në kompjuterin tuaj.

Tani duhet të shikoni përmbajtjen e skedarit "full-width.php" dhe të fshini këtë linjë kodi:

<?php get_sidebar(); ?>

Kjo linjë thjesht merr shiritin anësor dhe e shfaq atë në temën tuaj WordPress. Duke hequr këtë, tema juaj nuk do të tregojë shiritin anësor kur përdorni modelin Gjerësia e plotë.

Ju mund ta shihni këtë rresht të shfaqet më shumë se një herë në temën tuaj WordPress. Nëse tema juaj WordPress ka disa shirita anësor (zonat widget këmbësorët quhen edhe shirita anësorë)ju do të shihni secilën shirit anësor të referuar një herë në kod. Ju duhet të vendosni se cilat shirita anësore doni të mbani.

Uebfaqja juaj duket se po ngarkon ngadalë, zbuloni Pse duhet të filloni të optimizoni blogun tuaj në WordPress sipas imazheve

Nëse tema juaj nuk shfaq shirita anësor në faqen tuaj, ju nuk mund ta gjeni këtë kod në skedarin tuaj.

Kështu kujdeset që kodi ynë i plotë.php të bëjë ndryshimet. Kodi juaj mund të duket pak më ndryshe në varësi të temës suaj.

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

Pastaj ju duhet të shkarkoni skedarin të plotë-width.php »Në dosjen tuaj të temës WordPress duke përdorur Klienti FTP.

Ju keni krijuar dhe ngarkuar me sukses një temë të personalizuar të faqes me gjerësi të plotë në temën tuaj. Hapi tjetër është të përdorni këtë model për të krijuar një faqe me gjerësi të plotë.

Drejtohuni tek pulti juaj dhe redaktoni ose krijoni një faqe të re.

Në ekranin e redaktimit të faqes, lokalizoni kutinë e zgjedhjes së atributeve të faqes dhe klikoni në menunë që lëshohet, poshtë opsionit "Model".

Përzgjedhja e modelit në botimin e faqeve të wordpress

Do të keni mundësi të shihni modelin tuaj. Shkoni përpara, zgjidhni atë dhe ruajeni ose azhurnoni faqen.

Tani mund të vizitoni faqen tuaj në internet dhe do të shihni se shiritat anësorë janë zhdukur dhe faqja juaj shfaqet si një faqe me një kolonë. Mund të mos jetë ende plot, por tani jeni gati ta transmetoni ndryshe.

Bëni faqen tuaj të internetit popullore duke zbuluar Plugins 7 WordPress për të optimizuar SEO të imazheve tuaja

Do të duhet të përdorni mjetin Inspect për të zbuluar klasat CSS që përdor tema juaj për të përcaktuar zonën e përmbajtjes.

Pastaj mund ta rregulloni gjerësinë e saj në 100% duke përdorur CSS. Ne përdorëm kodin e mëposhtëm CSS:

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

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

Ja se si do të duket njëzet e Shtatëmbëdhjetë.

Prezantimi i temës demonstruese wordpress

Kjo është gjithçka për këtë tutorial, shpresoj se do t'ju lejojë të krijoni faqe me gjerësi të plotë.

Metodat e mësipërme janë falas për ata që mund të përballojnë dhe dëshirojnë të krijojnë me lehtësi planifikime me gjerësi të plotë ose gjerësi të plotë.

Zbuloni gjithashtu disa shtesa premium WordPress  

Mund të përdorni të tjera WordPress plugins për të dhënë një pamje moderne dhe për të optimizuar trajtimin e blogut ose faqes tuaj të internetit.

Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.

1. Divi Builder

Divi Builder është një ndërtues me cilësi të lartë të faqeve shumë i vlerësuar nga Elegant Temat. Megjithëse zakonisht përdoret si pjesë e temës Divi WordPress, Divi Builder është gjithashtu një shtojcë më vete që mund ta përdorni në tema të tjera WordPress.

Divi e1544278044306

Divi Builder ju lejon të redaktoni përmbajtjen tuaj duke përdorur një ndërfaqe vizuale në pjesën e përparme, si dhe një ndërfaqe në pjesën e pasme, megjithëse shumica e përdoruesve preferojnë ndërfaqen e parë.

Në thelb në vend të shiritave anësorë, e gjitha është në dritare dhe butona lundrues. Ju jep mundësinë të përdorni 316 shabllone të para-dizajnuara të shpërndara në 40 pako të ndryshme prezantimi, si dhe aftësinë për të ruajtur modelet tuaja si modele.

Ne ju propozojmë të zbuloni Si të krijoni një blog profesional

Një nga tiparet e Divi ka qenë gjithmonë kontrolli i stileve që ju jep. Në tre skedarë të ndryshëm, mund të konfiguroni cilësime të ndryshme, duke përfshirë kontrollet e përgjegjshme, ndarjen e personalizueshme dhe më shumë.

Mund të shtoni edhe CSS të personalizuar, pasi redaktori i tij CSS përfshin vërtetimin themelor dhe plotësimin automatik. Një nga kritikat ndaj Divi Builder ka qenë gjithmonë se mbështetet shortcodes. Që do të thotë që nëse e çaktivizoni një ditë, do të lërë një mori kodesh kodesh në përmbajtjen tuaj. Edhe pse kjo është pak dëshpëruese, është më pak problem tani që ekzistojnë shtojcat si Pastrues i Shkurtër.

Shkarko | DEMO | web hosting

2. Themify Builder

Themify Builder është, çuditërisht, oferta e ekipit Themify. Ajo e integron atë në disa nga temat e tyre WordPress për t'u siguruar klientëve opsione të thjeshta të personalizimit. Por gjithashtu mund ta blini si një shtojcë të pavarur dhe ta përdorni me çdo temë WordPress.

Ekzistoni në ekranin e animacionit ndërtues e1544277050530

Ashtu si Divi Builder dhe WPBakery Page Builder, Themify Builder ju lejon të krijoni faqosje në pjesën e përparme ose të pasme. Një tjetër gjë e mirë është se kjo shtojcë ju lejon të personalizoni pikat tuaja të përgjegjshme të ndërprerjes (por vetëm në të gjithë nivelin e faqes në internet).

Zbuloj Si të instaloni dhe konfiguroni WooCommerce për krijoni një dyqan online dhe shisni lehtësisht produktet tuaja në internet 

Një gjë interesante në lidhje me Themify Builder është se ai ende ju lejon të përdorni redaktorin standard të WordPress, ndërsa ndërtuesit e tjerë të faqeve ju detyrojnë të përdorni ndërfaqen e WordPress. ndërtues faqesh për çdo gjë.

Shkarko | DEMO | web hosting

3. Elementor

Fillimisht nisur në 2016, shtojca Elementor WordPress është një nga ndërtuesit më të rinj të faqeve në këtë listë. Përkundër fillimit të tij të vonë, Elementor grumbulloi shpejt mbi 1 instalime aktive në WordPress.org, duke e bërë atë një nga ndërtuesit më të njohur të faqeve WordPress.

Elementor pro e1544277036401

Ajo që e bën reputacionin e saj është ndërfaqja e tij vizuale e rrjedhshme, opsionet e stileve të ndryshme dhe veçoritë e tjera të fuqishme siç është krijimi i plotë i temave të WordPress.

Ndërfaqja e tij është e ndarë në dy pjesë kryesore, me një zonë të tretë për disa parametra. Versioni falas i Elementor ofron pajisje shtesë 28. Versioni Pro sjell pajisje të tjera 30, gjithsej widget 58 në versionin Pro. Versioni falas përfshin rreth modele pa 40, ndërsa versioni Pro sjell qindra shabllone shtesë.

 Shkarko | DEMO | web hosting

Burime të tjera të rekomanduara

Mësoni rreth burimeve të tjera të rekomanduara për t'ju ndihmuar të ndërtoni dhe menaxhoni uebfaqen tuaj.

Përfundim

Ketu eshte ! Kjo është ajo për këtë udhëzim. Nëse keni një temë WordPress që nuk ofron një faqe me Gjerësi të plotë si një model, atëherë shpresojmë që ky udhëzues t'ju ketë ndihmuar të zgjidhni atë mungesë. Mos hezitoni të ndajeni me miqtë tuaj në rrjetet tuaja të preferuara sociale

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.

Nëse keni sugjerime ose vërejtje, lërini ato në seksionin tonë komente.

...