6.13. Képstílus létrehozása
Ebben a témakörben megismerjük, hogyan lehet a Drupalra bízni a látogatóknak kiszolgált képek automatikus formázását. A cél, hogy az Árusok adatlapjain a bemutatkozó fotóik egységesen jelenjenek meg, ne mindig ugyanabban a formátumban, ahogy fel lettek töltve.
- A Recept és Árus tartalomtípusoknak már létezniük kell. Ehhez lásd a 6.1. szakasz - Tartalomtípus hozzáadása témakört.
- Mind a két tartalomtípushoz hozzá kell, hogy legyen rendelve a Fő kép nevű mező. A mezőkről bővebben a 6.3. szakasz - Egyszerű mezők tartalomtípushoz adása témakörben van szó.
- Mindkét típusban legyenek már beküldött tartalmak. Lásd: 6.1. szakasz - Tartalomtípus hozzáadása, 6.3. szakasz - Egyszerű mezők tartalomtípushoz adása és 5.2. szakasz - Új tartalmi egység felvitele témakörök.
- A Kezelés adminisztrációs menüben menjünk a Konfiguráció > Média > Képstílusok (vagy a címsorba gépelve: admin/config/media/image-styles) oldalra.
- Kattintsunk a Képstílus hozzáadása gombra.
- Írjuk be az új képstílus nevét: Közepesen nagy (300x200)
- Mentéshez kattintsunk az Új stílus létrehozása gombra. Megjelenik a Közepesen nagy (300x200) stílus szerkesztése című oldal.
- A Hatás táblázatban a legördülő listából válasszuk az Arányos átméretezés és méretre vágás lehetőséget. Kattintsunk a Hozzáadás gombra.
Töltsünk ki minden mezőt a lent látható módon:
Mezőnév Érték Szélesség
300
Magasság
200
Kattintsunk a Hatás hozzáadása gombra. Ezzel sikeresen elmentettük első saját képstílusunkat, ami még csak egy hatásból (arányos átméretezés-kivágás) áll.
- Válasszuk ki a Kezelés adminisztrátori menüben a Felépítés > Tartalomtípusok menüpontot (vagy gépeljük a címsorba: admin/structure/types). (admin/structure/types).
- Az Árus tartalomtípus sorának végén, a Műveletek oszlopban kattintsunk a lenyíló gomb Megjelenés beállítása lehetőségére. Betöltődik a Megjelenés beállítása oldal (admin/structure/types/manage/vendor/display).
- Győződjünk meg arról, hogy a másodlagos fülek közül az első, Alapértelmezett (angolul „Default”) van kiválasztva.
- A Fő kép mező sorában kattintsunk a fogaskerék ikonra a további beállítási lehetőségek eléréséhez.
Töltsünk ki minden mezőt a lent látható módon:
Mezőnév Magyarázat Érték Képstílus
Kiválaszthatjuk a már létezők közül, hogy itt melyik legyen alkalmazva.
Közepesen nagy (300x200)
Kép hivatkozása erre
Hová legyen a látogató átirányítva, ha rákattint a képre?
Semmi
- Kattintsunk a Frissítés gombra.
- Kattintsunk a Mentés gombra. Innentől már az új képstílus lesz használatban, amikor egy Árus típusú tartalmat megnyitunk.
- Nyissuk meg az egyik, korábban már felvitt, ilyen típusú tartalmunkat, és ellenőrizzük, hogy valóban ilyen méretben jelenik-e meg a bemutatkozó fotó. Ha még segítség szükséges egy tartalomegység megtalálásához, akkor az 5.3. szakasz - Tartalmi egységek szerkesztése témakör hasznos lehet.
- Végül ismételjük meg a folyamatot a 8.-tól a 15. lépésig a Recept tartalomtípuson is.
Working with images in Drupal 7 and 8 (azaz „Munka a képekkel D7-en és D8-on”) című közösségi dokumentáció a Drupal.org-on (angol nyelven).
Közreműködők
E témakör szövegét Boris Doesborg és Jojy Alphonso (Red Crackle) a Drupal közösségi dokumentációjának "Working with images in Drupal 7 and 8" (azaz „Munka a képekkel D7-en és D8-on”) című szócikkéből vette át és szerkesztette, melynek szerzői joga 2000–2025 között annak egyéni közreműködőié. Fordította: Balu Ertl (Brainsum).
Source file: structure-image-style-create.asciidoc
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
