Kiemelt kép blogmodulban
G-Portálon sajnos nincs beépített kiemelt kép funkció, pedig sokan szeretik ilyennel díszíteni bejegyzéseiket. Ezért írtam meg ezt a scriptet, melynek segítségével itt is tudtok majd kiemelt képet beállítani az egyes posztokhoz, ehhez pedig mindössze egy sor kódra van szükség:
<script title="Kiemelt kép" src="/portal/framework/upload/766182_1466600166_02284.js" charset="UTF-8"></script>
A kódot jobb(!) oldali modulba, vagy szerkeszthető láblécbe kell tenni.
Mivel ugyebár a G-Portál adatbázisában lévő táblákhoz mi nem tudunk új mezőt adni a kiemelt képek linkjének tárolásához, sajnos le kell mondanunk az alcímről (valamit valamiért), ennek a helyére lesz ugyanis mentve kiemelt képünk linkje az adattáblában. Mituán beágyazásra került a kód, azonnal láthatjátok, hogy az alcím lehetőség el is tűnt, helyette képet tudtok beállítani.
A kiemelt képeket formázni is tudjátok CSS-ben a .featuredImage szelektorral. Mivel ezek valójában nem képek, hanem elemek, melyeknek a háttérképe az, amit a script állít be, az alap formázás valami ilyesmi kell, hogy legyen:
.featuredImage {
height: 200px;
background-size: cover;
}
Így már látható is lesz a kép. A background-size értékét kétféleképpen ajánlott beállítani: cover - ezesetben a képet úgy méretezi a böngésző, hogy az kitöltse az egész elemet; contain - ekkor úgy, hogy a teljes kép látszódjon.
A script még elég fiatal, így hibák előfordulhatnak. Ha valami nem úgy működik, ahogy kéne, kérlek jelezzétek.
Verziók
Újdonságok: hibajavítás (a script megszakadt olyan posztoknál, ahol nem volt kiemelt kép); URL mező automatikus kitöltése, ha van beállítva kép
A script legelső verziója
|