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).
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.
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.
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.
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:
ha feltölt egy negyedik képet, akkor a WordPress a többiek alá helyezi.
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.
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.
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.
itt van egy kész galéria bemutató a mintapostánkból:
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.
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.
így néznek ki a képek, miután feltöltötték őket:
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.
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.
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.
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.
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.
Ezután kattintson a legördülő menüre a galéria kiválasztásához.
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.
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.
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.
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.
ú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.
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.