Miten laittaa kuvia rinnakkain WordPress (helposti)
haluatko laittaa kuvia vierekkäin WordPress sisältöä?
aloittelijat kamppailevat usein siitä, miten laittaa kaksi kuvaa vierekkäin WordPress-julkaisuissaan ja-sivuillaan.
tässä askel askeleelta oppaassa näytämme, miten voit helposti laittaa kuvia rinnakkain WordPressissä (kirjoittamatta mitään koodia).
Lohkoeditorin käyttäminen kuvien laittamiseen vierekkäin
helpoin tapa saada kuvat vierekkäin on käyttää WordPress block editoria.
lohkoeditorissa on erityinen ”Gallerialohko”, jolla voi näyttää kuvia riveillä ja sarakkeissa.
sinun on ensin luotava uusi viesti / Sivu tai muokattava olemassa olevaa viestiä avataksesi sisältöeditorin. Kun olet sisällä, Napsauta ( + ) – symbolia lisätäksesi uuden lohkon.
, valitse Gallerialohko ja lisää se sivullesi. Löydät Gallerialohkon Common Blocks-osiosta tai voit käyttää hakupalkkia löytääksesi sen nopeasti.
, voit helposti lisätä kuvia gallerialohkoosi vetämällä ne siihen tai käyttämällä Upload-painiketta. Voit myös valita kuvia WordPress media kirjasto.
kuten näette, olemme lisänneet 2 kuvaa Galleriakatselmukseemme. WordPress on sijoittanut ne automaattisesti vierekkäin.
mitä jos haluat 3 kuvaa vierekkäin? Näin käy, jos lisäämme kolmannen kuvan. WordPress yksinkertaisesti kokoa muut sopivat kaikki 3 vierekkäin:
jos lataat neljännen kuvan, WordPress sijoittaa sen alle muiden.
voit muuttaa kuvien määrää WordPress tulisi sisällyttää vierekkäin yhteen sarakkeeseen.
klikkaa ensin Gallerialohkoa, jos sitä ei ole jo valittu. Ruudun oikealla puolella näet gallerian kortteliasetukset.
asetuksia muuttamalla voit säätää sarakkeiden määrän tässä missä tahansa numerossa välillä 1-4. Esimerkiksi, jos haluat kaksi kuvaa vierekkäin, ja kaksi muuta niiden alle, voit asettaa sarakkeet 2.
niin yksinkertaista se on!
jos haluat muuttaa kuvan sijaintia galleriassasi, klikkaa sitä. Sitten näet nuolia, joilla voit siirtää sitä eteen-tai taaksepäin galleriassa.
tässä valmis galleriademo näytepostistamme:
käyttämällä Plugin laittaa kuvia vierekkäin WordPress
jos käytät vanhaa klassista WordPress editori, tai jos haluat luoda monimutkaisempia gallerioita kuin oletusgalleria lohko, niin tarvitset WordPress gallery plugin.
suosittelemme käyttämään Envira galleriaa, koska se on paras WordPress gallery plugin
tämän opetusohjelman vuoksi käytämme Enviran ilmaista versiota, mutta saatat haluta saada Pro-version saadaksesi tehokkaita ominaisuuksia, kuten albumeja, kuvaesityksiä jne.
ensin sinun täytyy asentaa ja aktivoida envira Gallery-lisäosa. Jos et ole varma, vain tutustu askel askeleelta opas siitä, miten asentaa WordPress plugin.
Seuraavaksi voit mennä Enviran galleriaan ” lisää uutta WordPress-kojelautaasi.
sinun täytyy antaa galleriallesi otsikko. Olemme kutsuneet omaamme ”Esimerkkigalleriaksi”. Seuraava, ladata kuvia haluat käyttää.
voit joko vetää ja pudottaa ne latausruutuun, tai voit käyttää jotain ”Valitse tiedostot” – painikkeista.
näin kuvat näyttävät, kun ne on ladattu:
ladatut kuvat voit antaa kuvillesi otsikon ja alt-tekstin tässä. Otsikko ilmestyy kuvan alle, kun käyttäjä tuo hiiren kursorin sen päälle.
otsikko näkyy myös kuvan alla lightbox-popup-tilassa, johon tutustumme hetken kuluttua.
voit muokata otsikkoa ja alt-tekstiä napsauttamalla galleriassa olevan kuvan Muokkaa-painiketta.
voit muuttaa kuvan otsikkoa. Se oletuksena kuvan tiedostonimi.
sinun tulisi syöttää myös alt-teksti, sillä tämä on hyödyllistä WordPress-sivustosi SEO: lle. Jos otsikko kuvaa kuvaa, voit toistaa sen alt-tekstille.
lisätäksesi gallerian sivustolle, SINUN on ensin julkaistava se. Mene eteenpäin ja napsauta Julkaise-painiketta näytön oikealla puolella.
nyt, muokata viestiä tai sivua tai luoda uuden. Napsauta sisällöntoimittajan sisällä ( + ) lisätäksesi lohkon viestiisi ja valitse Enviran gallerialohko. Löydät sen Common Blocks-osiosta tai voit käyttää hakupalkkia.
sinun täytyy sitten klikata pudotusvalikosta valitaksesi galleriasi.
sinun pitäisi nähdä galleriasi paikallaan postauksessasi.
asetuksia voi säätää näytön oikealla puolella. Kannattaa esimerkiksi muuttaa sarakkeen asettelua tai kuvien välisen marginaalin kokoa.
esittelemä Enviran Galleria päätimme asettaa galleriamme aina esille kahdessa palstassa. Lisäsimme myös laajemman marginaalin kuvien väliin.
käyttäjä voi klikata kuvaa nähdäkseen täysikokoisen version valolaatikossa. He voivat myös selata kuvia valolaatikon avulla.
jos haluat lisätä galleriaasi lisää kuvia, voit palata siihen vierailemalla Enviran galleriassa ” kaikki galleriat WordPress-kojelaudassasi. Napsauta gallerian nimeä muokataksesi sitä.
kaikki galleriaan tekemäsi muutokset näkyvät aina, kun olet sijoittanut ne viesteihisi, sivuihisi tai sivupalkkeihisi. Sinun ei tarvitse lisätä sitä näihin uudelleen.
Vihje: Jos käytät klassikkoeditoria lohkoeditorin sijaan, voit silti käyttää Envira galleriaa.
klassisen muokkaimen yläpuolella on ”lisää Galleria” – painike, jolla voit lisätä olemassa olevan gallerian viestiisi.
Voit myös luoda uuden gallerian klikkaamalla ”Lisää Media” – painiketta ja ”luo Galleria”.
toivomme, että tämä opetusohjelma auttoi sinua opettelemaan kuvien laittamista rinnakkain WordPressissä. Saatat myös haluta käydä läpi oppaamme siitä, miten yhdenmukaistaa kuvia WordPress block editor, ja kattava luettelo on oltava WordPress plugins (asiantuntija pick).
jos pidit tästä artikkelista, niin tilaa YouTube-kanavamme WordPress video tutorialsille. Löydät meidät myös Twitteristä ja Facebookista.