Täysleveän sivun luominen WordPressissä - Qode Interactive 1

Täysleveän sivun luominen WordPressissä – Qode Interactive

Täysleveä sivu voi todella tehdä WordPress-verkkosivustostasi pop, minkä vuoksi niin monet premium-teemat tulevat a täysleveä asettelu. Jos et kuitenkaan käytä teemaa, jossa on sisäänrakennettu täysleveä sivu, voit helposti käyttää laajennusta tai Elementor-sivueditoria sen asettamiseen. Näytämme sinulle kuinka.

Mutta ensin saatat ihmetellä: mikä on täysleveä sivu? Tämä kysymys ja kolme tapaa luoda ja asetella täysleveä sivu ovat tämän artikkelin aiheita.

Milloin käyttää täyden leveyden sivuasettelua

Täysleveä asettelu voi olla loistava tapa esitellä grafiikkaa. Jos suunnittelet visuaalisesti eteenpäin suuntautuvaa verkkosivua, voit käyttää niitä täysimääräisesti näyttämällä ne täydessä loistossaan ilman, että sivupalkit ja muut elementit sotkevat verkkosivusi tilaa. Jos käytät paljon tekstiä sisältävää blogia tai uutissivustoa, täysleveä asettelu tarkoittaa, että käyttäjien on luettava tekstirivit, jotka ulottuvat koko sivun leveydelle, mikä rasittaa silmiä. Hyvä ratkaisu tähän voisi olla välilehtien käyttöönotto, mutta täysleveä asettelu silti toimii parhaiten kuvasisällössät.

Vaikka tarkastelemasi verkkosivusto ei olisikaan grafiikkakuormitettu portfolio, täysleveä asettelu saattaa olla mahdollista anna verkkosivustollesi dynaaminen ja moderni ilme. Silti perinteinen laatikkoasettelu antaa vakavamman, ammattimaisemman sävyn. Riippuen siitä, millaista liiketoimintaa harjoitat, täysleveä asettelu ei välttämättä sovi sinulle.

Sivun asettelun muuttaminen täysleveäksi teemassa

Jos teemallasi on jo täysleveä asettelu, olet onnekas. Se tulee olemaan tarpeeksi helppo löytää. Lataa vain sivu, jonka haluat asettaa koko leveyteen, ja etsi Sivun attribuutit -osiossa Asiakirja -välilehteä oikeanpuoleisesta valikosta ja valitse Täysi leveys asettelu siellä.

Täysleveä malli

Ja siinä kaikki. Voit nyt jatkaa täysleveän sivusi muokkaamista kuten minkä tahansa muun sivun. Tietty riippuu tietysti teemastasi.

Täysleveän WordPress-sivun luominen laajennuksen avulla

Jos teemastasi puuttuu täysleveä sivumalli, voit yrittää muokata sitä laajennuksen avulla. Laajennus, jota aiomme käyttää, on Täysleveät mallit. Sinun on asennettava ja aktivoitava Fullwidth Templates -laajennus. Jos et ole varma, kuinka laajennus asennetaan, meillä on kätevä opetusohjelma juuri sinua varten.

Kun olet tehnyt sen, huomaat, että sinulla on kolme uutta mallia Sivun attribuutit muokattavan sivun osio. FW Täysleveä luo yksinkertaisesti täysleveän sivun, jos teemasi ei tarjoa sellaista, FW Full Width Ei ylätunnisteen alatunnistetta poistaa myös ylä- ja alatunnisteen ultraminimalistisen ilmeen saamiseksi FW Ei sivupalkkia poistaa sivupalkin vain, jos käytät sitä, mikä vapauttaa lisää tilaa sivullasi.

Full Width Templates Plugin

Alla on esimerkiksi miltä sivu, jossa on vain vähän paikkamerkkitekstiä ja kuva, näyttää FW Full Width Ei ylätunnisteen alatunnistetta tila: laajennus on siivonnut melkein kaiken. Tietysti tämä tekee käyttämämme teemasta äärimmäisen minimalistisen, yksinkertaisen ratkaisun (vaikka se on melko taatusti nopeimmin latautuva sivu, jonka olemme koskaan luoneet), mutta se voi toimia sinulle sisällöstäsi riippuen.

Ei ylätunnisteen alatunnistetta koko leveä esikatselu

Muista kuitenkin: tätä laajennusta testattiin monien suosituimpien teemojen ja sivunrakennusohjelmien kanssa, mutta asettelusta riippuen se ei ehkä toimi sinun kanssasi. Yleensä on parasta luottaa teeman asetuksiin, jos et ole kokenut WordPress-käyttäjä.

Täysleveän WordPress-sivun luominen Elementorilla

Jos käytät Elementoria, olet onnekas: tässä sivueditorissa on jo tarvitsemasi toiminnot.. Etsi sivu, jonka haluat muuntaa täysleveäksi, tai luo Uusi sivu käyttämällä vasemmanpuoleisen valikon Uusi sivu -komentoa. Napsauta seuraavaksi painiketta Muokkaa Elementorilla.

Muokkaa Elementorilla

Seuraava asia, jonka haluat, on asetukset (ratas) -kuvake. Se sijaitsee vasemmanpuoleisen valikon alareunassa.

Elementor-asetukset

Sitten alla Sivun asettelu valikosta Full Width. Mutta tämä tarkoittaa vain, että sivu antaa sisällön venyä täyteen leveyteen.

Elementor täysi leveys

Jotta sisältösi vie koko näytön leveyden, sinun on määritettävä se elementin avulla Layout asetukset. Napsauta vain elementtiä Muokata valikosta ja muuta sen asettelua oletusarvosta Laatikoitunut kohtaan Täysi leveys, ja sisältösi venyy nyt kokonaan sivun pystyreunojen välissä.

Elementor täysi leveys

Ja olet valmis! Katso, kuinka vain toinen tekstiosio, jonka asettelun olemme muuttaneet laatikkomaisesta täysleveäksi, ulottuu marginaalista marginaaliin.

Elementor täyden leveyden esikatselu

Huomaa, että teemasi tai laajennuksen asetukset (Sivun attribuutit edellä) voi ohittaa Elementorin sivuasetukset. Se ei ole suuri ongelma, sinun tarvitsee vain muuttaa teeman sivuasetukset Full Widthiin, kuten yllä on kuvattu.

Tiivistettynä

Kuten näet, Elementorilla täysleveän sivun asettaminen WordPressissä ei ole ongelma ollenkaan. Joten jos haluat tehdä vaikutuksen työpöytä- ja mobiilikäyttäjiin responsiivisilla suunnittelutaidoillasi tai jos haluat luoda visuaalisesti vaikuttavan ja mukaansatempaavan verkkosivun WordPress-verkkosivustollesi, sinulla on nyt ylimääräinen työkalu sormiesi ulottuvilla.

Tue työtämme ❤️

Jos pidit tästä artikkelista, harkitse tipin antamista, jotta voimme jatkaa laadukkaan sisällön julkaisemista.

Turvallinen maksu PayPalilla
Moyens I/O Staff on motivoinut sinua antamalla neuvoja tekniikasta, henkilökohtaisesta kehityksestä, elämäntavoista ja strategioista, jotka auttavat sinua.