A képek egymás mellé helyezése a WordPress – ben (könnyen)

szeretné a képeket egymás mellé helyezni a WordPress tartalmában?

a kezdők gyakran küzdenek azért, hogy megtalálják, hogyan lehet két képet egymás mellé helyezni a WordPress bejegyzéseikben és oldalaikban.

ebben a lépésről lépésre bemutatjuk, hogyan lehet a képeket egyszerűen egymás mellé helyezni a WordPress-ben (kód írása nélkül).

 képek egymás mellé helyezése a WordPress-ben

képek egymás mellé helyezése a WordPress - ben

a Blokkszerkesztő használata a képek egymás mellé helyezéséhez

a képek egymás mellé helyezésének legegyszerűbb módja a WordPress Blokkszerkesztő használata.

a blokkszerkesztőnek van egy speciális ‘galéria’ blokkja, amely lehetővé teszi a képek sorokban és oszlopokban történő megjelenítését.

először létre kell hoznia egy új bejegyzést / oldalt, vagy szerkesztenie kell egy meglévőt a tartalomszerkesztő megnyitásához. Miután belépett, kattintson a (+) szimbólumra egy új blokk hozzáadásához.

 bejegyzés létrehozása és blokk hozzáadása hozzá

bejegyzés létrehozása és blokk hozzáadása hozzá

ezután ki kell választania a Galéria blokkot, és hozzá kell adnia az oldalához. A Galéria blokkot megtalálhatja a közös blokkok részben, vagy a keresősáv segítségével gyorsan megtalálhatja.

 a bejegyzéshez hozzáadni kívánt Galéria Blokk kiválasztása

kiválasztása a Galéria blokk hozzá a bejegyzést

most, akkor könnyen hozzá képeket a galéria blokk, húzza őket bele, vagy használja a Feltöltés gombra. Képeket is kiválaszthat a WordPress médiakönyvtárából.

mint látható, már hozzá 2 kép a Galéria blokk. A WordPress automatikusan egymás mellé helyezte őket.

két kép a galériában (pillangók és alma)

két kép a galériában (pillangók és alma)

mi van, ha 3 képet szeretne egymás mellett? Íme, mi történik, ha hozzáadunk egy harmadik képet. WordPress egyszerűen átméretezi a többiek, hogy illeszkedjen az összes 3 egymás mellett:

 három kép a galériában (pillangók, alma, kék virágok)

három kép a galériában (pillangók, alma és kék virágok)

ha feltölt egy negyedik képet, akkor a WordPress a többiek alá helyezi.

 négy kép a galériában (pillangók, alma, kék virágok, vörösbegy)

négy kép a galériában (pillangók, alma, kék virágok és robin)

meg lehet változtatni a képek számát WordPress tartalmaznia kell egymás mellett egy oszlopban.

először kattintson a Galéria blokkra, ha még nincs kiválasztva. A képernyő jobb oldalán láthatja a Galéria blokkbeállításait.

 a galéria blokk beállításainak módosítása

a galéria blokk beállításainak módosítása

az oszlopok számát itt bármilyen 1 és 4 közötti számra beállíthatja. Például, ha két képet szeretne egymás mellett, és még kettőt alatta, beállíthatja az oszlopokat 2-re.

 a Galéria beállítása 2 oszlop helyett 3

a Galéria beállítása 2 oszlop helyett 3

ez ilyen egyszerű!

ha meg akarja változtatni a kép helyét a galériában, kattintson rá. Ezután nyilak jelennek meg, amelyekkel előre vagy hátra mozgathatja a galériában.

 kép előre vagy hátra mozgatása a galériában

kép mozgatása előre vagy hátra a galériában

itt van egy kész galéria bemutató a mintapostánkból:

 az 2 oszlop Galéria egy élő bejegyzésben

a 2 oszlop Galéria egy élő bejegyzésben

Plugin használata a képek egymás mellé helyezéséhez a WordPress-ben

ha a régi klasszikus WordPress szerkesztőt használja, vagy ha összetettebb galériákat szeretne létrehozni, mint az alapértelmezett galéria blokk, akkor szüksége lesz egy WordPress galéria bővítményre.

javasoljuk az Envira Galéria használatát, mert ez a legjobb WordPress galéria plugin

ennek az oktatóanyagnak a kedvéért az Envira ingyenes verzióját fogjuk használni, de érdemes beszerezni a Pro verziót, hogy olyan hatékony funkciókat kapjon, mint albumok, diavetítések stb.

először telepítenie és aktiválnia kell az Envira Gallery plugint. Ha nem biztos benne, hogyan, nézze meg lépésről lépésre a WordPress plugin telepítéséről szóló útmutatónkat.

ezután lépjen az Envira Galériába ” Új hozzáadása a WordPress irányítópultján.

 új galéria hozzáadása az Envira galériában

új galéria hozzáadása az Envira galériában

címet kell adnia a galériának. A miénket ‘Példagalériának’ neveztük. Ezután töltse fel a használni kívánt képeket.

húzhatja őket a feltöltés mezőbe, vagy használhatja a ‘fájlok kiválasztása’ gombok egyikét.

 adjon nevet az új galériának

adjon nevet az új galériának

így néznek ki a képek, miután feltöltötték őket:

 az Envira Galériába feltöltött képek

az Envira Galériába feltöltött képek

itt érdemes címet és alt szöveget adni a képeknek. A cím akkor jelenik meg a kép alatt, amikor a felhasználó az egérmutatót fölé viszi.

a cím a kép alatt is megjelenik a lightbox felugró módban, amelyet egy pillanat alatt megnézünk.

a cím és az alt szöveg szerkesztéséhez kattintson a Szerkesztés gombra egy képen a galériában.

 kattintson a Szerkesztés gombra egy kép szerkesztéséhez a galériában

kattintson a Szerkesztés gombra egy kép szerkesztéséhez a galériában

ezután megváltoztathatja a kép címét. Alapértelmezés szerint a kép fájlneve.

alt szöveget is be kell írnia, mivel ez hasznos a WordPress webhely SEO-jához. Ha a címed leírja a képet, akkor egyszerűen megismételheti azt az alt szöveghez.

 a kép címének és alt szövegének beállítása

a kép címének és alt szövegének beállítása

ha elkészült, győződjön meg róla, hogy a metaadatok mentése gombra kattint, mielőtt az X gombra kattint az ablak bezárásához.

 kattintson a metaadatok mentése gombra a módosítások mentéséhez

kattintson a metaadatok mentése gombra a módosítások mentéséhez

ha galériát szeretne hozzáadni a webhelyhez, először közzé kell tennie. Kattintson a képernyő jobb oldalán található Közzététel gombra.

 kattintson a Közzététel gombra a galéria közzétételéhez, így használhatja azt a webhelyén

kattintson a Közzététel gombra a galéria közzétételéhez, így használhatja a webhelyén

most szerkeszthet egy bejegyzést vagy oldalt, vagy létrehozhat egy újat. A tartalomszerkesztőben kattintson a ( + ) gombra egy blokk hozzáadásához a bejegyzéshez, majd válassza ki az Envira Galéria blokkot. Megtalálhatja a közös blokkok részben, vagy használhatja a keresősávot.

 adja hozzá az Envira Galéria blokkot a bejegyzéséhez vagy oldalához

adja hozzá az Envira Galéria blokkot a bejegyzéséhez vagy oldalához

Ezután kattintson a legördülő menüre a galéria kiválasztásához.

 válassza ki galériáját az Envira Galéria blokkból

válassza ki galériáját az Envira Galéria blokkból

a galériát a helyén kell látnia a bejegyzésében.

a képernyő jobb oldalán módosíthatja a beállításokat. Például meg szeretné változtatni az oszlop elrendezését vagy a képek közötti margó méretét.

 az Envira Galéria látható a post szerkesztő

A

bejegyzésszerkesztőben bemutatott Envira Galéria úgy döntöttünk, hogy galériánkat mindig két oszlopban jelenítjük meg. A képek között szélesebb margót is hozzáadtunk.

a felhasználó rákattinthat egy képre, hogy a teljes méretű verziót egy lightbox-ban láthassa. A képeket a lightbox segítségével is görgethetik.

 Kép megtekintése az Envira galériából egy lightbox-ban

Kép megtekintése az Envira galériából egy lightbox-ban

ha további képeket szeretne hozzáadni a galériájához, akkor látogasson el rá Envira Galéria ” minden Galéria a WordPress irányítópultján. Egyszerűen kattintson a galéria nevére a szerkesztéshez.

 az Envira galériában már létrehozott galéria szerkesztése

az Envira galériában már létrehozott galéria szerkesztése

a galériában végrehajtott módosítások bárhol megjelennek, ahol elhelyezte a bejegyzéseiben, oldalain vagy oldalsávjain. Nem kell ezeket újra hozzáadni.

Tipp: Ha a klasszikus szerkesztőt használja a Blokkszerkesztő helyett, akkor is használhatja az Envira Gallery alkalmazást.

a klasszikus szerkesztő felett megjelenik egy ‘galéria hozzáadása’ gomb, amellyel meglévő galériát adhat hozzá a bejegyzéséhez.

 Envira Galéria hozzáadása a klasszikus szerkesztőben

Envira Galéria hozzáadása a klasszikus szerkesztőben

új galériát is létrehozhat, ha rákattint a ‘Média hozzáadása’ gombra, majd a ‘galéria létrehozása’gombra.

 új galéria létrehozása a Médiakönyvtár segítségével a klasszikus szerkesztőben

új galéria létrehozása a Médiakönyvtár segítségével a klasszikus szerkesztőben

reméljük, hogy ez az oktatóanyag segített megtanulni, hogyan kell egymás mellé helyezni a képeket a WordPress programban. Érdemes átnézni a képek összehangolására vonatkozó útmutatónkat a WordPress Blokkszerkesztőben, valamint a must have WordPress Bővítmények átfogó listáját (szakértői választás).

ha tetszett ez a cikk, akkor kérjük, iratkozzon fel YouTube-csatornánkra a WordPress video oktatóanyagokhoz. A Twitteren és a Facebook-on is megtalálhat minket.

Leave a Reply

Az e-mail-címet nem tesszük közzé.