post

Compress JPEG & PNG images bővítmény

Compress JPEG & PNG images bővítmény

A bővítmény segítségével JPEG és PNG kiterjesztésű fájlokat tudsz webre optimalizálni a weboldaladon.
Ez azt jelenti, hogy a weboldalara feltöltendő, vagy már feltöltött képeidet tudod a bővítmény segítségével egy olyan optimális méretre csökkenteni, amivel a képfájl mérete csökken, – tehát kevesebb helyet foglal a tárhelyeden a fájl-, de mégis elegendő pixelt tartalmaz a képfájl ahhoz, hogy jó minőségben látszódjon a weboldalon.

Helyet spórolsz és a weboldalat látogatói is szeretni fognak, mert a kisebb méretű fájlok gyorsabban töltődnek be a weboldalon, így ha kisebb sávszélességgel (internet gyorsasága) is rendelkezik a felhasználód, akkor is sokkal gyorsabban betöltődik az oldal, számítógépen, tableten és mobilon egyaránt. Tovább

post

Responsive lightbox

A lightbox lényege röviden: ha szerepel egy kép a weboldaladon (bejegyzésben vagy oldalon) és valaki rákattint a képre, akkor az a kép kiemelkedik a háttérből (általában a háttér, a tartalom ami a kép mögött van picit elsötétül) és megtekinthető lesz nagyobb méretben.

A WordPress alapból úgy kezeli egy képet, hogy beilleszted a blogbejegyzésbe vagy oldalba, egy linket tesz köré, és ha a látogatód rákattint a képre, akkor átnavigálja őt a feltöltött kép url-jére, amin csak a kép látszik és a körül az oldalon minden egy nagy fehérség lesz.

Valahogy így (a fekete keretet szándékosan raktam köré, hogy lásd a fehér sávot mellette):

lightbox-nelkul Tovább

post

WordPress bejegyzéshez beállított kiemelt kép megjelenítése a Facebookon

Elkészítesz egy WordPress bejegyzést.

A bejegyzéshez beállítasz egy kiemelt képet (a bejegyzés jobb oldalánál lent).

Szeretnéd, ha ez a kiemelt kép jelenne meg, amikor a Facebookon megosztod az új bejegyzést. Megosztásnál azonban, mégsem ez a kép jelenik meg. Tovább

post

Kép beillesztése widget-be, html kódok használata nélkül

Ha gyors és egyszerű megoldást szeretnél képek, bannerek elhelyezésére a wordpress weboldaladon, akkor nagyon hasznos bővítmény lehet számodra a Simple Image nevű bővítményt. https://wordpress.org/plugins/simple-image-widget/

Html tudást egyáltalán nem igényel.

Lépj be a wordpress admin felületére, majd a Bővítmények –> Új hozáadása almenüpontra kattints.

A keresés mezőbe írd be, hogy simple image.

Az első találatnál, kattints a Telepítés most linkre (nálam már telepítve van, ezért írja ki, hogy Telepítve)

simple_widget_keresesi_eredmeny

Amint telepítette, kattints a bővítmény bekapcsolása linkre.

Ha ez kész, máris használatba tudod venni.

Menj a Megjelenés –> Widgetek almenübe.

Az elérhető widgetek között találni fogsz egy Image nevezetűt, ezt húzd egérrel abba a widget területbe, ahol szeretnéd beilleszteni a képet.

A widgetterületbe húzva, és a widgetet lenyitva ilyet kell látnod:

 image_widget

 A choose an image gombra kattintva tudod kiválasztani a Médiatárból a képet (itt a már korábban feltöltött képek közül tudsz választani, vagy a Fájl feltöltése fület tudod választani, ahol a saját gépedről tudsz egy új képet beszúrni.

Válassz ki egy képet, majd a képes doboz jobb alsó sarkában kattints az Update Image gombra. Ezzel a widget beszippantja a kiválasztott képet.

image_widget2

Én nem szeretném, ha full size (tehát teljes méretű képet tenne be), így kiválasztottam, hogy a Size az legyen Medium, de választható még bélyegkép méret is.

A Linknél megadtam, hogy a kép milyen oldalra mutasson és mivel szeretném, ha a képre kattintva új ablakban nyílna meg a link-nél megadott weboldal, így bepipáltam az Open in new window? előtti jelölőnégyzetet is.

 

Fent a Title mezőt töltöttem még ki, ez lesz az oldalon megjelenő kép címe, tehát a kép fölött fog megjelenni.

Kitölthető még a Linkhez tartozó szöveg is, illetve további szöveget is meg lehet adni. Ha a Text mező van kitöltve, akkor a kép alá fogja elhelyezni ezt a szöveget.

A Mentés gombra kattintva lehet elmenteni a képet.

A Láthatóság gomb arra funkcionál, hogyha extra elemként szeretnénk megjeleníteni a képet pl.: Mutat, ha Kategória neve mondjuk Blog, tehát csak a Blog nevű kategóriákban jelenítse meg a képet. Ez akkor hasznos, ha elhelyezel egy képet, mint bannert, tehát reklámfelületet és mondjuk valami olyat reklámozol, amit szeretnél, ha csak azok számára jelenne meg, aki egy adott témakört szeret olvasni pl.: fotózás – mert egy fotótanfolyamot hirdetsz.

De választható még a Kategórián kívül Oldal, szerző, címke, és dátum is.

Ha ezekből valamelyiket kiválasztod, akkor a sor végén található Hozzáadás szóra kell kattintani, és a végén a Mentésre.

Nálam ilyen lett a végeredmény az oldalon:

image_widget_vegeredmeny

Szeretnél azonnal értesülni a friss blogbejegyzésekről email-ben? Iratkozz fel: ITT!

Amennyiben hasznosnak találtad a cikket, kérlek oszd meg ismerőseiddel is, a cikk alján található gombok valamelyikével! Köszönöm!

post

Szöveg és kép beillesztése és formázása widgetben

Szeretnél a honlapodra a sidebar (jobb vagy baloldali oldalsáv) vagy a láblécbe, vagy bárhol, ahol erre alkalmas widget területed van egy képet, vagy bármilyen formázott szöveget beilleszteni?

Szeretnék, de nem tudom hogyan!

Akkor lássuk! Kezdjük az elején.

Belépsz a wordpress adminisztrációs felületére. Válaszd ki ezt: Megjelenés -> Widgetek menüpont. Tovább