Vaikka jotain niinkin yksinkertaista kuin sarakkeet saattavat tuntua jalankulkijoimmalta ja, olkaamme rehellisiä, tylsimmältä elementiltä, se ei todellakaan ole sitä. Itse asiassa sarakkeet voivat olla jopa tärkein komponentti, kun haluat järjestää sisältösi harmoniseksi kokonaisuudeksi. Ilman niitä olisi paljon vaikeampaa järjestää kaikki muut sivustosi elementit, kuten painikkeet ja kuvat, tai jopa lyhytkoodit ja widgetit, loogisiksi ja ennen kaikkea esteettisesti miellyttäviksi koostumuksiksi. Joten tänään päätimme näyttää sinulle, kuinka voit luoda ja käyttää sarakkeita neljässä suosituimmassa WordPress-sisältöeditorissa. Käsittelemme seuraavat asiat:
Jos haluat lisätä sarakkeen viestiin Gutenberg-editorilla, avaa ensin viesti ja napsauta plus kirjaudu viestin vasempaan yläkulmaan avataksesi lohkon valitsimen. Valitse nyt sarakelohko, jonka löydät kohdasta Asetteluelementit -välilehti.
Sarakemuunnelmia on useita, mutta käytämme tässä opetusohjelmassa kahden samanleveisen sarakkeen asettelua.
Näet, että rivisi on jaettu kahteen yhtä suureen osaan. Näet myös lohkoasetukset oikealla puolella. Täällä voit muokata sarakkeiden suhteellista leveyttä.
Jos haluat syöttää tekstiä mihin tahansa sarakkeeseen, napsauta sitä plus allekirjoita ja valitse a kohta lohko ja kirjoita tai liitä tekstisi.
Aivan kuten tekstin kanssa, voit lisätä sarakkeeseesi minkä tahansa muun Gutenberg-lohkon: kuvia, gallerioita, videoita ja mitä tahansa muuta – myös muita sarakkeita. Lisätään kuva oikeanpuoleiseen sarakkeeseen.
Tässä tapauksessa teemme lataa kuva.
Klikkaa Esikatselupainike nähdäksesi miltä viestisi sisältö näyttää sarakkeisiin järjestetyltä.
Jos käytät Elementoria, sarakkeiden lisääminen toimii hieman eri tavalla. Kun olet avannut viestisi Elementorissa, voit lisätä sarakkeita Elementorin alueelle napsauttamalla Lisää osio -painiketta.
Voit nyt valita osion rakenteen. Valitsemme kolmisarakkeen osan.
Kuten näet, aktiivinen alue on jaettu kolmeen osaan. Jos haluat lisätä tekstiä osioihin, lisää vain Tekstieditori widget johonkin alaosioon.
Voit lisätä kuvan sarakkeeseen vetämällä Kuva widget alaosioon.
Täytä sarake kuvalla napsauttamalla Valitse Kuva alueella Muokkaa kuvaa välilehti vasemmalla…
…ja sitten lataa tai valitse tiedosto mediakirjastostasi.
Poista sarakkeen valinta palataksesi elementtivalikkoon.
Voit lisätä videon sarakkeeseen vetämällä Video widget jäljellä olevaan sarakkeeseen.
Muista liittää URL-osoite sopivaan kenttään upottaaksesi haluamasi videon.
Nyt, jotta voit muokata koko tätä osiota, sinun on siirryttävä kohtaan Muokkaa osiota valikosta.
The Muokkaa osiota oikealla olevasta valikosta löydät useita Layout vaihtoehdot, jotka säätelevät sivusi sarakkeiden ulkoasua. Tämä riippuu todella asettelustasi.
Tulemme käyttämään Sisällön leveys mahdollisuus tasoittaa tekstiä kuvasarakkeella.
The Rakenne -osio on olemassa, jotta voit helposti muuttaa sarakkeiden leveyssuhdetta. Valitsemme 50, 25, 25 asettelu ja katso kuinka se vaikuttaa sarakkeen leveyteen.
Voit muotoilla jokaisen tekstilohkon, lisätä taustoja, painikkeita, kuvatekstejä, ääniwidgetejä ja lukemattomia muita elementtejä mihin tahansa sarakkeeseen.
Jos valitsemasi WordPress-editori on WPBakery, voit silti luoda ja käyttää sarakkeita melko helposti.
Avaa ensin viesti WPBakeryssä ja napsauta Lisää elementti -painiketta.
Valitse sitten rivi-elementti.
Voit jakaa tämän elementin kahdeksi sarakkeeksi viemällä hiiren sarakkeet-välilehden päälle. Tarvitset Sarakkeen asettelu -välilehteä jakaaksesi elementit sarakkeisiin. Valitsemme kaksi samankokoista saraketta (1/2 + 1/2).
Lisäämäsi rivi on nyt jaettu kahteen yhtä suureen sarakkeeseen.
Jos haluat lisätä sisältöä yhteen sarakkeeseen, napsauta sen plusmerkkiä ja valitse sopiva elementti. Tekstissä se on Tekstilohko elementti, kuviin tarvitset Yksi kuva elementti, video, a YouTube (tai muu) elementti ja niin edelleen. Lisäämme tekstiä vasempaan sarakkeeseen ja kuvan oikealle. Olemme jo keskustelleet tekstistä, ja nyt tarkastelemme sitä Yksi kuva elementti.
Täältä näet eri kuvan määritysvaihtoehdot. Täytä kuvaelementti napsauttamalla kuvapainiketta ja valitsemalla kuva. Jos et halua käyttää mediakirjastoa, voit valita muita kuvalähteitä Kuvan lähde pudotusvalikosta.
Koska meillä on jo kuva kirjastossamme, käytämme sitä uudelleen.
Kun olet määrittänyt kuvan, napsauta esikatselupainiketta nähdäksesi, miltä sisältösi näyttää postauksessa.
Määritetty kuvasi näkyy oikeanpuoleisessa sarakkeessa.
Tietenkin voit mieluummin käyttää klassista editoria. Siihenkin on olemassa sarakeratkaisu.
Lopuksi, sarakkeiden lisääminen klassiseen editoriin tarvitset laajennuksen. Suosittelemme Sarake Shortcodes kytkeä. Jos et ole varma, kuinka se tehdään, meillä on opetusohjelma WordPress-laajennuksen asentamiseen.https://wordpress.org/plugins/column-shortcodes/
Tämän laajennuksen avulla voit luoda sarakkeiden lyhytkoodeja – pieniä koodinpätkiä, joiden avulla voit järjestää tekstisi ja muun sisällön uudelleen.
Haluamme jakaa viestimme kahteen yhtä leveään sarakkeeseen. Aloitamme vaihtamalla teksti näkymää ennen kuin kopioit oikeat lyhytkoodit. Löydät lyhytkoodit napsauttamalla sulkuja ( [ ] ) -painiketta.
Jos haluat jakaa viestimme kahteen yhtä suureen sarakkeeseen, lisäämme ensin puolikas sarakkeen lyhytkoodi napsauttamalla sitä. Kaksi tunnistetta ilmestyy kohdistimen kohdalle. Nämä edustavat vasemmanpuoleisen sarakkeen alkua ja loppua.
Oletetaan nyt, että haluamme upottaa twiitin viestimme vasemmanpuoleiseen sarakkeeseen. Sinun on kopioitava upotuskoodi Twitteristä. Napsauta Upota twiitti -komentoa twiitin avattavasta valikosta.
Twitter linkittää sivulle, jolla on tarvittava koodi. Kopioi upotuskoodi napsauttamalla Kopioi koodi -painiketta.
Sitten meidän on liitettävä se lyhytkoodin avaavan ja sulkevan tagin väliin, jolloin twiitistä tulee ainoa sisältö vasemmanpuoleisessa sarakkeessamme.
Oikeanpuoleisen sarakkeen lisäämiseksi asetamme kohdistimen viestimme loppuun ja valitsemme sopivan lyhytkoodin suluista ( [ ] ) -valikko. Muista, että tämä laajennus tarvitsee oikeanpuoleisimman sarakkeen sisältääkseen (viimeisen) lyhytkoodin. Siksi valitsemme puolikas (viimeinen) komento ja liitä tekstiä avaus- ja sulkemistunnisteiden väliin.
Esikatselussa sisältösi näkyy tältä.
Ja näin jaat sisältösi sarakkeisiin laajennuksen ja perinteisen editorin avulla.
Tiivistettynä
Joten, käytätpä editorin sisäänrakennettuja vaihtoehtoja tai laajennusta, sisällön järjestäminen sarakkeisiin ei ole ongelma ollenkaan. On sinun päätettävissäsi, mikä sarakkeen asettelu sopii parhaiten verkkosivustosi ulkoasuun. Kun vierailijat ovat valmiita sisältösi puolesta, voit tehdä sisällöstä houkuttelevamman ilman suuria vaivaa tai teknisiä taitoja.
Halusitpa sitten emuloida sanomalehtipaperia tai kokeilla kuvia ja muita upotettuja elementtejä, sinun kannattaa kokeilla jotakin ehdotuksemme sarakkeista. Sarakkeiden avulla voit helposti tehdä jokaisesta viestistäsi helpommin luettavamman, käyttäjäystävällisemmän ja ammattimaisemman muutamalla napsautuksella.
Tue työtämme ❤️
Jos pidit tästä artikkelista, harkitse tipin antamista, jotta voimme jatkaa laadukkaan sisällön julkaisemista.
