Želite li stvoriti stranicu pune širine na WordPressu?
Mnogi WordPress teme već imate ugrađeni predložak stranice pune širine koji možete koristiti. Međutim, neke WordPress teme nemaju ovu značajku. u ovom tutorski, pokazaćemo vam kako lako stvoriti stranicu pune širine na WordPressu.
Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu
Onda se vratimo na pitanje zašto smo ovde.
1. metod: Upotreba ugrađenog predloška širine na vašoj WordPress temi
Ova metoda se preporučuje ako vam WordPress tema već nudi predložak stranice pune širine. 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 obrazac ispod potvrdnog okvira atributa 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 ekranu 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đe vas pozivamo da se savjetujete sa tim 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 svoju web stranicu ako se dogodi nešto loše.
Prvo trebate 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 računaru.
Ovaj kôd jednostavno postavlja ime predloška datoteke i govori WordPressu da izvadi predložak zaglavlja.
Dalje će vam trebati sadržajni dio koda. Povežite se na svoju web lokaciju pomoću FTP klijenta (ili menadžer datoteka u cPanel-u) zatim idite na " / Wp-content / themes / vaše-theme-folder / ".
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 kreirali na svom računaru.
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 kada koristite predložak Puna širina.
Možda ćete vidjeti da se ova linija pojavljuje više puta na vašoj WordPress temi. Ako vaša WordPress tema ima nekoliko bočne trake (područja widgeta podnožje također se nazivaju bočne trake)vidjet ćete svaku bočnu traku na koju se poziva u kôdu. Morate odlučiti koje bočne trake želite zadržati.
Čini se da se vaša web lokacija 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, ovaj kôd možda nećete pronaći 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 kreirali i prenijeli prilagođeni obrazac stranice pune širine na svoju temu. Sljedeći korak je korištenje ovog predloška za stvaranje stranice pune širine.
Idite do nadzorne ploče i uredite ili napravite novu stranicu.
Na ekranu 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 u jednom stupcu. Možda još nije pun, ali sada ste spremni za drugi prijenos.
Učinite svoju web lokaciju popularnom otkrivanjem 7 WordPress dodaci za optimizaciju SEO vaših slika
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 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 tutorial, nadam se da će vam omogućiti da kreirate stranice pune širine.
Gore navedene metode su besplatne za one koji si mogu priuštiti i žele brzo stvoriti raspored cijele širine ili pune širine.
Otkrijte i neke premium WordPress dodatke
Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.
Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.
1. Divi Builder
Divi Builder je visokokvalitetni graditelj stranica koje vrlo cijene Elegant Teme. Iako se obično koristi kao dio teme Divi WordPress, Divi Builder je takođe samostalni dodatak koji možete koristiti na drugim WordPress temama.
Divi Builder vam omogućava 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.
U osnovi, umjesto bočnih traka, sve je u skočnim prozorima i plutajućim tipkama. Omogućava 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 koje 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 provjeru valjanosti i automatsko dovršavanje. Jedna od kritika Divi Builder-a je uvijek bila ta na koju se oslanja Shortcodes. Što znači da ako ga jednog dana onemogućite, ostavit će gomilu kratkih kodova u vašem sadržaju. Iako je ovo pomalo depresivno, sada je manje problema što dodaci kao što su Shortcode Cleaner postoje.
download | Demo | web hosting
2. Themify Builder
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 prilagođavanja. Ali možete ga kupiti i kao samostalni dodatak i koristiti sa bilo kojom WordPress temom.
Poput Divi Builder i WPBakery Page Builder, Themify Builder vam omogućava da kreirate rasporede na prednjem ili stražnjem kraju. Još jedna dobra stvar je što vam ovaj dodatak omogućava prilagođavanje vaših reaktivnih tačaka prekida (ali samo na cijelom nivou web lokacije).
Discover Kako instalirati i konfigurirati WooCommerce sipati stvorite internetsku trgovinu i lako prodajte svoje proizvode na internetu
Jedna dobra stvar u vezi Themify Builder-a je da vam i dalje omogućava korištenje standardnog WordPress uređivača, dok vas drugi graditelji stranica prisiljavaju da koristite WordPress sučelje. graditelj stranica za sve.
download | Demo | web hosting
3. Elementor
Izvorno pokrenut 2016. godine, dodatak Elementor WordPress jedan je od najmlađih kreatora stranica na ovoj listi. Uprkos kasnom pokretanju, Elementor je brzo stvorio preko 1 aktivnih instalacija na WordPress.org, čineći ga jednim od najpopularnijih kreatora WordPress stranica.
Ono što čini njegovu reputaciju je fluidno vizuelno sučelje, različite opcije stila i druge moćne karakteristike poput potpune kreacije WordPress tema.
Njegovo sučelje je podijeljeno 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.
download | Demo | web hosting
Ostali preporučeni resursi
Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.
- Kako sigurno promijeniti svoju WordPress temu
- Kako podesiti isporuke na WooCommerce
- 10 premium WordPress dodaci iz rezervacije i rezervacije
- Kada i kako instalirati WordPress u poddirektorijum
- 10 WordPress dodatke za poboljšanje brzine vašeg blog-a
zaključak
Ovdje je ! To je sve za ovaj vodič. Ako imate WordPress temu koja ne nudi stranicu s punom širinom 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đe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga
Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.
...
hello; hi,
Imam temu "thetheen" i slijedio sam 2x metodu kako bih stvorio kuću bez bočnih traka. Djeluje u smislu da s lijeve strane ostavlja traku izbornika praznom, ali boja ostaje. Vidite praznu bočnu traku i stoga je cmq stranica asimetrična