framework.gp

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

v1.0.2 - legújabb

Ú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

v1.0

A script legelső verziója

Súgó Még nincs hozzászólás.

Frissítés