{"id":231581,"date":"2021-11-25T11:24:00","date_gmt":"2021-11-25T08:24:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=231581"},"modified":"2022-05-16T10:13:36","modified_gmt":"2022-05-16T07:13:36","slug":"kuvien-kohdistaminen-vierekkain-wordpressissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuvien-kohdistaminen-vierekkain-wordpressissa\/","title":{"rendered":"Kuvien kohdistaminen vierekk\u00e4in WordPressiss\u00e4"},"content":{"rendered":"

Kuvan kohdistus on jatkuvaa kamppailua WordPress-bloggaajalle.<\/p>\n

T\u00e4m\u00e4 postaus on tarkoitettu kaikille, jotka ovat k\u00e4ytt\u00e4neet enemm\u00e4n aikaa kuin haluaisivat my\u00f6nt\u00e4\u00e4 n\u00e4kev\u00e4ns\u00e4 kuvan kohdistuksen ja sijoittamisen editorissa.<\/p>\n

Kaksi parasta tapaa kohdistaa kuvia<\/h2>\n

Sinun tulee harkita kahta tekniikkaa kuvien sijoittamiseen vierekk\u00e4in. Kerron, miten niit\u00e4 k\u00e4ytet\u00e4\u00e4n, sek\u00e4 edut ja haitat.<\/p>\n

1 Kohdista kuvat galleriaan<\/h3>\n

Luotettavin tapa kuvien sijoittamiseen vierekk\u00e4in on k\u00e4ytt\u00e4\u00e4 WordPress-galleriaa<\/a>.<\/p>\n

Jos et ole koskaan aiemmin luonut galleriaa, seuraa t\u00e4t\u00e4 opetusohjelmaa gallerioiden luomisesta<\/a>.<\/p>\n

Temppu on k\u00e4ytt\u00e4\u00e4 kuvien keskikokoista versiota ja valita kaksi saraketta, vaikka sis\u00e4lt\u00e4isit vain kaksi kuvaa. Tulos n\u00e4ytt\u00e4\u00e4 suunnilleen t\u00e4lt\u00e4:<\/p>\n

\"Kuvien<\/a><\/p>\n

Toisin kuin viestiisi lis\u00e4\u00e4m\u00e4si kuvat, gallerioissa on erityinen HTML-koodi, joka pit\u00e4\u00e4 kuvat vierekk\u00e4in. T\u00e4m\u00e4 rakenne tekee kuvien kohdistamisesta riveiksi\/sarakkeiksi helpompaa ja v\u00e4hemm\u00e4n vaivaa.<\/p>\n

2 Sijoita kuvat sarakkeiden lyhytkoodeilla<\/h3>\n

Jos et v\u00e4lit\u00e4 uuden laajennuksen lis\u00e4\u00e4misest\u00e4 sivustollesi, Column Shortcodes<\/a> on loistava ratkaisu kuvien kohdistamiseen.<\/p>\n

\"Kuvien<\/a><\/p>\n

Column Shortcodes on yksi niist\u00e4 mahtavista laajennuksista, jotka eiv\u00e4t t\u00e4yt\u00e4 sivustoasi uusilla valikoilla. Itse asiassa ainoa asia, jonka se lis\u00e4\u00e4 j\u00e4rjestelm\u00e4nvalvojan hallintapaneeliisi, on t\u00e4m\u00e4 k\u00e4tev\u00e4 painike editorin yl\u00e4puolella.<\/p>\n

\"Kuvien<\/a><\/p>\n

N\u00e4yt\u00e4n sen toiminnan luomalla yhden kolmen kuvan rivin.<\/p>\n

Kuinka k\u00e4ytt\u00e4\u00e4 sarakkeen lyhytkoodeja<\/h4>\n

Ensimm\u00e4inen askel on asettaa kohdistin tyhj\u00e4lle riville editorissa. Napsauta sitten lyhytkoodipainiketta ja valitse sarakevaihtoehto.<\/p>\n

Kolmen sarakkeen rivin luominen.<\/p>\n

Toista t\u00e4m\u00e4 vaihe lis\u00e4t\u00e4ksesi toisen 1\/3 sarakkeen ja toista sitten viel\u00e4 kerran, mutta t\u00e4ll\u00e4 kertaa k\u00e4ytt\u00e4m\u00e4ll\u00e4 yksi kolmasosa (viimeinen) vaihtoehto. Tuloksena on seuraavat lyhytkoodit, jotka on lis\u00e4tty editoriin.<\/p>\n

\"Kuvien<\/a><\/p>\n

Jos et ole koskaan k\u00e4ytt\u00e4nyt lyhytkoodeja aiemmin, sinun kannattaa seurata<\/a> ensin t\u00e4t\u00e4 opetusohjelmaa<\/a>.<\/p>\n

Kuten n\u00e4et, jokaisella lyhytkoodilla on avaus- ja sulkemistunniste. Nyt voit laittaa kuvan jokaiseen lyhytkoodiin seuraavasti:<\/p>\n

\"Kuvien<\/a><\/p>\n

N\u00e4ytt\u00e4\u00e4 sotkulta, eik\u00f6?<\/p>\n

T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 lyhytkoodit eiv\u00e4t voi muokata kuvien tyyli\u00e4 editorissa, mutta se ei ole ongelma. Kun tarkastelet niit\u00e4 sivustolla, ne kohdistetaan siististi sarakkeisiin, kuten seuraavasti:<\/p>\n

\"Kuvien<\/a><\/p>\n

Sarakkeen lyhytkoodit verrattuna gallerioihin<\/h4>\n

Vaikka lyhytkoodit eiv\u00e4t n\u00e4y kauniisti editorissa, kuten gallerioissa, ja niiden kanssa ty\u00f6skentely voi olla haastavampaa, saat my\u00f6s hieman enemm\u00e4n hallintaa. Esimerkiksi galleriat pakottavat kaikki kuvat linkitt\u00e4m\u00e4\u00e4n:<\/p>\n