Nato morate prenesti datoteko Polna širina.php V mapi s temo WordPress z uporabo .

Uspešno ste ustvarili in naložili predlogo strani s polno širino po meri za svojo temo. Naslednji korak je uporaba te predloge za ustvarjanje strani v polni velikosti.

Pojdite na svojo nadzorno ploščo in uredite ali ustvarite novo stran.

Na zaslonu za urejanje strani poiščite potrditveno polje atributov strani in kliknite spustni meni pod možnostjo Model.

Videli boste lahko svoj model. Kar naprej, izberite in shranite ali osvežite stran.

Zdaj lahko obiščete svoje spletno mesto in videli boste, da so stranske vrstice izginile in da je vaša stran prikazana kot stran z enim stolpcem. Morda še ni poln, a zdaj ste pripravljeni, da ga razdelite na drugačen način.

Naredite svoje spletno mesto priljubljeno z odkrivanjem

Za odkrivanje razredov CSS, ki jih vaša tema uporablja za definiranje področja vsebine, boste morali uporabiti orodje Inspect.

Nato lahko prilagodite njegovo širino na 100 % s pomočjo CSS. Uporabili smo naslednjo kodo CSS:

.str-template full-width zone.content (width: 100 %; margin: 0px; border: 0px; padding: 0px; ) .str-template full-width.Output (margin: 0px; )

Tako bi izgledal Twenty Seventeen.

To je vse za to vadnico, upam, da vam bo omogočila ustvarjanje strani v polni velikosti.

Zgornje metode so brezplačne za tiste, ki si lahko privoščijo in želijo hitro ustvariti postavitve v polni ali celotni širini.

Odkrijte tudi nekaj vrhunskih vtičnikov WordPress

Za sodoben videz in optimizacijo upravljanja svojega spletnega dnevnika ali spletnega mesta lahko uporabite druge vtičnike WordPress.

Ponujamo vam več vrhunskih vtičnikov WordPress, ki vam bodo pri tem pomagali.

1. Divi Builder

Divi Builder je visokokakovosten graditelj strani, ki je visoko ocenjen Elegantne temeČeprav se običajno uporablja kot del teme WordPress Divi, je Divi Builder tudi samostojen vtičnik, ki ga je mogoče uporabiti v drugih temah WordPress.

Divi Builder vam omogoča urejanje vaše vsebine z uporabo sprednjega vizualnega vmesnika in vmesnika na strani strežnika, čeprav ima večina uporabnikov raje prvi vmesnik.

V bistvu je namesto stranskih vrstic vse v pojavnih oknih in lebdečih gumbih. Omogoča vam dostop do 316 vnaprej določenih predlog, razdeljenih v 40 različnih predstavitvenih paketov, in omogoča tudi shranjevanje lastnih dizajnov kot predlog.

Vabimo vas na otvoritev

Ena od značilnosti Divi je bila vedno nadzor nad stili, ki vam jih ponuja. S tremi različnimi zavihki lahko konfigurirate različne nastavitve, vključno s prilagodljivimi kontrolniki, razmikom po meri in še več.

Dodate lahko celo CSS po meri, ker njegov urejevalnik CSS vključuje osnovno preverjanje veljavnosti in samodokončanje.Ena od kritik Divi Builderja je bila vedno ta, da temelji na . To pomeni, da boste, če ga enkrat onemogočite, v svoji vsebini ostali s kopico kratkih kod. Čeprav je nekoliko frustrirajoče, je zdaj manj težav z vtičniki, kot je Shortcode Cleaner.

2. Gradbenik

Ni presenetljivo, da je Themify Builder ponudba ekipe Themify. Vključuje ga v številne svoje teme WordPress, da jih strankam ponudi preproste možnosti nastavitve. Lahko pa ga kupite tudi kot samostojni vtičnik in ga uporabite s katero koli temo WordPress.

Tako kot Divi Builder in WPBakery Page Builder vam Themify Builder omogoča ustvarjanje postavitev v sprednjem ali zadnjem delu.Druga dobra stvar je, da vam ta vtičnik omogoča prilagajanje odzivnih prekinitvenih točk (vendar samo na ravni celotnega spletnega mesta).

Odkrijte ustvarjanje spletne trgovine in preprosto prodajajte svoje izdelke na spletu

Zanimiva lastnost Themify Builderja je, da vam še vedno omogoča uporabo standardnega urejevalnika WordPress, medtem ko vas drugi graditelji strani prisilijo, da za vse uporabite vmesnik Page Builder.

3. Fakir

Vtičnik WordPress Elementor, ki je bil prvotno predstavljen leta 2016, je eden najmlajših razvijalcev na tem seznamu. Kljub pozni predstavitvi je Elementor hitro nabral več aktivne namestitve 1.000.000 na WordPress.org, zaradi česar je eden najbolj priljubljenih graditeljev WordPress.

Če imate kakršne koli predloge ali komentarje, jih pustite v našem razdelku

Pogosto se zgodi, da ima tema, ki vam je všeč, ozko področje za vnos in njene nastavitve ne omogočajo spreminjanja širine. V tem primeru ga je mogoče povečati z minimalnim znanjem HTML in CSS. Na primer, uporabljamo priljubljeno, brezplačno temo Patagonia. Svojo temo lahko razširite z odličnim vtičnikom Firefox— Firebug. Najprej ga morate namestiti tako, da ga prenesete od tukaj. Nato ga vklopite vtičnik, kot je prikazano na sliki - Zavihek Orodja — Spletni razvoj — Firebug — odprite Firebug:

Po tem morate na dnu zaslona premakniti kazalec in klikniti miško, da izberete različne elemente. V tem primeru bo prikazano na desni strani slogi CSS , in na območju strani bo poudarjeno eno ali drugo področje - glavno, stranska vrstica, glava. Zdaj nas zanima glavno področje, v katerem se bomo znašli, ko bomo "vstopili" v oznako

. Na desni strani bo prikazan del datoteke style.css. In tukaj lahko vidite, da je širina glavnega območja 580 slikovnih pik. In to ni dovolj za naše potrebe.

na primer povečati širino glavno območje s 550 slikovnih pik na 620. Če želite to narediti, morate spremeniti vrstico širina: 550px datoteka style.css. Če je tema že nameščena, lahko to datoteko urejate neposredno iz skrbniške plošče; če ni, morate razpakirati arhiv s temo in datoteko spremeniti z urejevalnikom. V našem primeru je tema nameščena, zato pojdite na skrbniška plošča— Videz — Urednik— odprite datoteko style.css, poiščite širino vrstice: 550px in spremenite vrednost širine 550px na 620px. Kliknite Posodobi datoteko.

Gremo na spletno mesto in vidimo, da se je območje objav razširilo, vendar je na nekaterih mestih prekrivalo desni stolpec. V tem primeru moramo to področje sorazmerno zožiti. Za to bomo tudi uporabili Vtičnik Firebug, kot v prejšnjem primeru. Iskanje oznake

>. V datoteki style.css, vidimo, da širina stranske vrstice ni izrecno nastavljena z uporabo lastnosti širina, in s pomočjo rob: 0 0 0 580px;

Z urejanjem style.css sledimo istemu postopku kot v prejšnjem primeru z glavnim področjem, le da zdaj uredimo vrstico rob: 0 0 0 580px; Spremenimo vrednost zamika v njem s 580px na 630px. Zdaj je vse v redu. Območje snemanja je postalo širše in ne prekriva območja stranska vrstica. Zgodi se tudi, da so slogi zapisani ne samo v datoteki style.css, ampak tudi v datoteki zaslon.css.

WordPress je fantastično orodje za bloganje, a žal ni popolno. Tudi po velika količina posodobitve in stotine novih funkcij še vedno zahtevajo nekaj osnovnih izboljšav uporabniškega vmesnika za odlično izkušnjo.

V zadnjem času sem pisal veliko člankov z dolgimi seznami in med tem sem odkril težavo z vgrajenim vizualnim urejevalnikom Objave v WordPressu, za katerega prej nisem vedela oziroma me prej ni posebej motilo.

V tej kratki vadnici vam bom pokazal, kako spremenite širino glavnega besedilnega stolpca vizualni urejevalnik WordPress objave.

Težava

Pri ustvarjanju velikih objav (večinoma s slikami) sem moral pogosto shraniti in si predogledati objavo, da sem se prepričal, ali je seznam pravilno oblikovan. Poleg tega sem moral pogosto pisati besedilo neposredno na svojo sliko, ker je velikost okna urejevalnika skoraj enkrat in pol večja od katere koli moje slike (kot tudi glavnega bloka vsebine na mojem spletnem mestu):

rešitev

Rešitev je razmeroma enostavna, vendar jo morate znati izvesti. Najprej morate poznati trenutno širino bloka vsebine na vašem spletnem mestu. V mojem primeru je širina bloka mojega bloga 650 slikovnih pik.

Nato boste morali odpreti datoteko functions.php in dodajte naslednjo kodo na dno datoteke:

Funkcija fb_change_mce_buttons($initArray) ( $initArray["width"] = "650px"; return $initArray; ) add_filter("tiny_mce_before_init", "fb_change_mce_buttons");

Rezultat

Posledično boste videli urejevalnik objav, ki se ujema s širino vašega bloka vsebine na samem spletnem mestu. Tako ste lahko prepričani, da bo, ko ustvarite vnos prek skrbniške konzole, videti čim bližje končnemu rezultatu.

Zavedajte se, da bodo nekatere ločljivosti zaslona spremenile vaše nastavitve in na primer prikazale samo en stolpec – to bo odvisno od širine vaše vsebine.

Bluetooth