On mahdollista, mutta ei niin vaikeaa, lis\u00e4t\u00e4 sarakkeita WordPress-viestiin. T\u00e4m\u00e4 artikkeli n\u00e4ytt\u00e4\u00e4, kuinka voit tehd\u00e4 sarakkeita WordPressiss\u00e4<\/strong>.<\/p>\n On useita syit\u00e4 k\u00e4ytt\u00e4\u00e4 sarakkeita verkkosivustolla. Sarakkeet j\u00e4rjest\u00e4v\u00e4t teksti\u00e4<\/strong> tai muuta sis\u00e4lt\u00f6\u00e4 ja helpottavat sen lukemista<\/strong>.<\/p>\n Sarakkeiden j\u00e4rjestely mahdollistaa tiettyjen tietojen korostamisen<\/strong>.<\/p>\n Usein k\u00e4ytetty sarakkeiden sovellus on palveluiden tai tuotteiden esittely<\/strong>. Tekstin lis\u00e4ksi niiss\u00e4 voi olla painikkeita<\/strong>, kuvia<\/strong> tai yksityiskohtaisia \u200b\u200bkuvauksia<\/strong>.<\/p>\n Kuvia voi jopa klikata<\/strong>. T\u00e4m\u00e4 tuotetietojen esitystapa sopii erityisesti pienille yrityksille.<\/p>\n Sarakkeet ovat eritt\u00e4in hy\u00f6dyllisi\u00e4 my\u00f6s blogikirjoituksissa. Tietojen j\u00e4rjest\u00e4minen sarakkeisiin mahdollistaa sis\u00e4ll\u00f6n erottamisen<\/strong>.<\/p>\n Sen sijaan, ett\u00e4 elementtej\u00e4 j\u00e4rjestett\u00e4isiin vain toistensa alle, tekstin luettelomerkit ja kuvat voidaan j\u00e4rjest\u00e4\u00e4 vaakasuoraan.<\/p>\n Lis\u00e4osat ovat eritt\u00e4in hy\u00f6dyllisi\u00e4 lis\u00e4tt\u00e4ess\u00e4 toimintoja WordPress-julkaisuihin ja -sivuihin. Mutta jotkut eiv\u00e4t halua k\u00e4ytt\u00e4\u00e4 monia laajennuksia.<\/p>\n Hyv\u00e4 uutinen on, ett\u00e4 on mahdollista lis\u00e4t\u00e4 sarakkeita ilman erityist\u00e4 WordPress-laajennusta. Voit tehd\u00e4 t\u00e4m\u00e4n kahdella tavalla:<\/p>\n Usean sarakkeen sis\u00e4lt\u00f6\u00e4 kutsutaan my\u00f6s ruudukon sarakkeen sis\u00e4ll\u00f6ksi. T\u00e4m\u00e4 ominaisuus on nyt oletuksena tarjolla WordPressiss\u00e4.<\/p>\n Gutenberg Editorissa<\/strong> on lohkoeditori, joka tekee sarakkeiden k\u00e4yt\u00f6st\u00e4 paljon helpompaa .<\/p>\n Varmista, ett\u00e4 t\u00e4m\u00e4 ominaisuus on k\u00e4ytett\u00e4viss\u00e4 p\u00e4ivitt\u00e4m\u00e4ll\u00e4 WordPressin uusimpaan versioon<\/strong>. Sitten sarakkeet ovat vain muutaman napsautuksen p\u00e4\u00e4ss\u00e4 Columns Blockin avulla.<\/p>\n T\u00e4m\u00e4 vaihtoehto on hyv\u00e4, kun koodaus- ja ohjelmointitaidot eiv\u00e4t ole hyvin kehittyneit\u00e4.<\/p>\n Toinen Columns Blockin etu on se, ett\u00e4 sarakkeeseen voidaan lis\u00e4t\u00e4 erilaisia \u200b\u200blohkoja<\/strong>. N\u00e4m\u00e4 lohkot voivat olla teksti\u00e4, kuvia tai painikkeita.<\/p>\n Kuten jo mainittiin, sarakkeet sopivat erinomaisesti tuote- ja hintatietojen j\u00e4rjest\u00e4miseen. Saatavilla on useita sarakkeita, joten voit lis\u00e4t\u00e4 tuotekuvia ja nimi\u00e4.<\/p>\n Pylv\u00e4slohkot on helppo j\u00e4rjest\u00e4\u00e4 vaaka- tai pystysuunnassa. T\u00e4m\u00e4ntyyppisten j\u00e4rjestelyjen yhdistelm\u00e4 johtaa ruudukon muodostumiseen.<\/p>\n Joten t\u00e4ss\u00e4 on yksityiskohtainen katsaus sarakkeiden luomiseen ilman WordPress-laajennusta. N\u00e4m\u00e4 ovat vaiheet:<\/p>\n Lohkotyypit on lajiteltu luokkien mukaan<\/strong>. K\u00e4yt\u00e4 hakutoimintoa l\u00f6yt\u00e4\u00e4ksesi oikean.<\/p>\n Lis\u00e4\u00e4 teksti\u00e4 kirjoittamalla johonkin sarakkeista. Toinen vaihtoehto on lis\u00e4t\u00e4 lohkoja napsauttamalla +-merkki\u00e4.<\/p>\n T\u00e4m\u00e4 avaa asetusruudun oikealla. Alla oleva kuva n\u00e4ytt\u00e4\u00e4 milt\u00e4 se n\u00e4ytt\u00e4\u00e4.<\/p>\n Lis\u00e4\u00e4 lohkojen m\u00e4\u00e4r\u00e4\u00e4 kolmeen, nelj\u00e4\u00e4n, viiteen tai kuuteen.<\/p>\n WordPress 5.3:n julkaisun my\u00f6t\u00e4 blogien ja viestien sarakkeiden k\u00e4ytt\u00f6\u00f6n tuli monia parannuksia. Lohkojen lis\u00e4\u00e4misen lis\u00e4ksi k\u00e4ytt\u00e4j\u00e4 voi nyt m\u00e4\u00e4ritt\u00e4\u00e4 niiden kohdistuksen ja asettelun<\/strong>.<\/p>\n K\u00e4ytt\u00e4jille, joilla on rajoitettu WordPress-kokemus, on olemassa eritt\u00e4in k\u00e4yt\u00e4nn\u00f6llisi\u00e4 ennalta m\u00e4\u00e4ritettyj\u00e4 asetteluja. T\u00e4ll\u00e4 tavalla sarakkeiden luomisen tulisi olla ja ilman WordPress-laajennuksen apua.<\/p>\n Ennalta m\u00e4\u00e4ritetyt asettelut ovat valinnaisia.<\/p>\n Ohitettuaan t\u00e4m\u00e4n vaiheen WordPress jakaa kankaan kahteen yht\u00e4 leve\u00e4\u00e4n sarakkeeseen. N\u00e4iden sarakkeiden lukum\u00e4\u00e4r\u00e4 ja leveys ovat s\u00e4\u00e4dett\u00e4viss\u00e4 my\u00f6hemmin.<\/p>\n WordPress Columnsin tarjoamia vaihtoehtoja on v\u00e4h\u00e4n.<\/p>\n Sarakkeiden kohdistusta voi muuttaa vain, jos aktiivinen teema tukee t\u00e4t\u00e4. Painikkeet t\u00e4t\u00e4 varten ovat yl\u00e4palkissa.<\/p>\n T\u00e4rke\u00e4 parametri sarakkeiden lohkoasetuksessa on sarakkeiden lukum\u00e4\u00e4r\u00e4. Voit muuttaa t\u00e4t\u00e4 siirtym\u00e4ll\u00e4 oikealla olevaan tarkastajien sivupalkkiin .<\/strong><\/p>\n Muuta numeroa napsauttamalla hiirell\u00e4 tai kirjoittamalla numero ruutuun. Asettelu muuttuu v\u00e4litt\u00f6m\u00e4sti numeron lis\u00e4\u00e4misen tai pienent\u00e4misen j\u00e4lkeen.<\/p>\n Se on nopeaa ja helppoa eik\u00e4 vaadi koodin vaihtamista. Toinen mahdollisuus on lis\u00e4t\u00e4 Custom CSS Class<\/strong> Columns-lohkoon.<\/p>\n My\u00f6s WordPress 5.3:n saapumisen my\u00f6t\u00e4 sarakkeiden mukauttaminen on tullut paljon helpommaksi. Tarkastaja sis\u00e4lt\u00e4\u00e4 liukus\u00e4\u00e4timen<\/strong>, jolla voit muuttaa sarakkeen leveytt\u00e4.<\/p>\n N\u00e4in varmistetaan, ett\u00e4 sarakkeiden sis\u00e4lt\u00f6 jakautuu aina siististi.<\/p>\n Toinen ominaisuus on, ett\u00e4 se mahdollistaa nyt useiden lohkojen luomisen. Ennen version 5.3 julkaisua useiden lohkojen kanssa ty\u00f6skentely oli toisinaan vaikeaa.<\/p>\n Uusi ominaisuus, nimelt\u00e4\u00e4n Block Appender, on tehnyt t\u00e4st\u00e4 prosessista paljon helpompaa. Se kest\u00e4\u00e4 vain yhden napsautuksen ja eri lohkot korostetaan eri v\u00e4reill\u00e4.<\/p>\n Tekstin lis\u00e4\u00e4misen lis\u00e4ksi uusiin sarakkeisiin on mahdollista k\u00e4ytt\u00e4\u00e4 kuvia tai upottaa videoita. T\u00e4m\u00e4 edellytt\u00e4\u00e4 erilaisten lohkojen k\u00e4ytt\u00f6\u00e4.<\/p>\n Lis\u00e4\u00e4 uusi lohko viem\u00e4ll\u00e4 hiiren osoitin sarakkeen p\u00e4\u00e4lle ja napsauttamalla Lis\u00e4\u00e4 uusi lohko<\/strong>. Tai kirjoita \/[lohkon nimi]<\/strong>, jossa "lohkon nimi" korvataan lohkon nimell\u00e4.<\/p>\n T\u00e4m\u00e4n j\u00e4lkeen juuri luotu lohko ilmestyy vastaavaan sarakkeeseen. Lis\u00e4\u00e4 siihen vastaava sis\u00e4lt\u00f6.<\/p>\n Alla on esimerkki siit\u00e4, milt\u00e4 t\u00e4m\u00e4 saattaa n\u00e4ytt\u00e4\u00e4 vuoden 2019 teemassa. Se n\u00e4ytt\u00e4\u00e4 kolme saraketta ja viimeinen sis\u00e4lt\u00e4\u00e4 kuvan.<\/p>\n On my\u00f6s toinen vaihtoehto, Media ja teksti<\/strong>.<\/p>\n T\u00e4m\u00e4 lis\u00e4\u00e4 kuvan ja sen viereen teksti\u00e4. T\u00e4ll\u00e4 vaihtoehdolla ei tarvitse luoda ylim\u00e4\u00e4r\u00e4ist\u00e4 saraketta.<\/p>\n Siit\u00e4 kiinnostuneille on my\u00f6s mahdollisuus k\u00e4ytt\u00e4\u00e4 HTML:\u00e4\u00e4 sarakkeiden luomiseen.<\/p>\n WordPress on eritt\u00e4in tehokas<\/strong> ja pystyy toimittamaan eritt\u00e4in hyv\u00e4nn\u00e4k\u00f6isen verkkosivuston<\/strong>. HTML on kuitenkin edelleen eritt\u00e4in suosittu tapa muodostaa sivusto.<\/p>\n Jos haluat tehd\u00e4 sarakkeita, lis\u00e4\u00e4 t\u00e4m\u00e4 koodinp\u00e4tk\u00e4 tekstieditoriin:<\/p>\n T\u00e4m\u00e4 luo eritt\u00e4in nopeasti sarakkeisen taulukon<\/strong> ja sit\u00e4 on helppo muokata. Kaikki WordPress-teemat eiv\u00e4t kuitenkaan k\u00e4sittele n\u00e4it\u00e4 sarakkeita hyvin.<\/p>\n Mahdollisten ongelmien ratkaiseminen vaatii jonkin verran kokemusta.<\/p>\n WordPress 5.3 ja lohkoeditorin sis\u00e4llytt\u00e4minen ovat tehneet sarakkeiden k\u00e4yt\u00f6st\u00e4 blogeissa ja viesteiss\u00e4 paljon helpompaa. WordPress Column -lohkon ansiosta ei en\u00e4\u00e4 tarvitse k\u00e4ytt\u00e4\u00e4 laajennuksia tai sekaisin HTML-koodin kanssa.<\/p>\n Sarakkeiden luominen WordPressiss\u00e4 tai niiden poistaminen on helppoa. Se on eritt\u00e4in intuitiivinen ja miellytt\u00e4v\u00e4 ty\u00f6skennell\u00e4 my\u00f6s v\u00e4hemm\u00e4n teknisille k\u00e4ytt\u00e4jille.<\/p>\n Tuloksena on kauniisti kohdistettu asettelu, jossa on useita sarakkeita. Ennen kaikkea tuloksena olevat sivut ovat responsiivisia.<\/p>\n Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta sarakkeiden tekemisest\u00e4 WordPressiss\u00e4, sinun kannattaa tutustua t\u00e4h\u00e4n artikkeliin, jossa kerrotaan luokkien muokkaamisesta WordPressiss\u00e4<\/a>.<\/p>\n Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten WordPress-teemojen poistamisesta,<\/a> \u00a0puhelinnumeron tekemisest\u00e4 napsautettavaksi WordPressiss\u00e4,<\/a> \u00a0kuvien vesileiman<\/a> lis\u00e4\u00e4misest\u00e4, WordPress-version tarkistamisesta<\/a>, vertailutaulukon luomisesta WordPress-laajennuksilla<\/a>, HTML-tiedoston lataamisesta tiedosto WordPressiss\u00e4<\/a>, mihin WordPress-sivut on tallennettu<\/a> ja miten teksti\u00e4 tasataan WordPressiss\u00e4<\/a>.<\/p>\nMiksi k\u00e4ytt\u00e4\u00e4 sarakkeita verkkosivustolla?<\/h2>\n
![\"Kuinka](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185865-61e889a9578ac.jpg\")
<\/a><\/p>\nKuinka luoda sarakkeita WordPressiss\u00e4<\/h2>\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\n<\/a><\/p>\n\n
<\/a><\/p>\n\n
Ennalta m\u00e4\u00e4ritetyt asettelut<\/h2>\n
<\/a><\/p>\nSarakkeet Est\u00e4 perusasetukset<\/h2>\n
<\/a><\/p>\nUudet sarakkeen leveysasetukset<\/h2>\n
<\/a><\/p>\nMedian ja muun sis\u00e4ll\u00f6n lis\u00e4\u00e4minen sarakkeisiin<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nSarakkeiden luominen HTML:ll\u00e4<\/h2>\n
<table>\n\n\u00a0 <tr>\n\n\u00a0\u00a0\u00a0 <td><\/td>\n\n\u00a0\u00a0\u00a0 <td><\/td>\n\n\u00a0 <\/tr>\n\n<\/table><\/code><\/pre>\nLopetetaan ajatukset sarakkeiden tekemisest\u00e4 WordPressiss\u00e4<\/h2>\n