# Kép

Ez a leírás segít Önnek **Kép** hozzáadásban.

#### KÉP ELHELYEZÉSE

- A bal oldalon található Widget panel-ról húzza a kép dobozt az oldalára.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-drag.png)

#### MÉDIA BESZÚRÁSA

- Amikor egy képet húz az oldalára akkor meg fog jelenni az **Insert Media** ablak.
- Itt lehetősége van kiválasztani a további képet a **Media Library**-ból vagy fel is tölthet egy vagy több képet, ha az **Upload Files** hivatkozásra kattint.
- Mindezek mellett lehetősége van **URL cím** megadásával hivatkozni egy vagy több képre, ehhez használja az **Insert From URL** hivatkozást.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-insert-media.png)

#### KÉP MÉRETE

- A kép kiválasztását követően meg fog jelenni egy **Párbeszéd ablak**
- Itt lehetősége van a kép beállításainak módosítására, valamint **le is cserélheti** a képet.
- A kiválasztott képnél több opcióból választhat, többek között módosítható a kép **méret**e, de beállítható **egyedi méret** is, ehhez válassz a **Custom** opciót, majd adja meg a kép méretét a **Width** és a **Height** mezőkben (pl. 100×100).

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-settings1.png)

#### KÉP HIVATKOZÁSA

- Lehetősége van a képhez hivatkozást beállítani, ami lehet **egyedi URL**, vagy **média fájl**, illetve **Lightbox**.
- A **hivatkozás** beállításához válassza a **Custom URL** lehetőséget, média fájl esetén a **Media File** opciót. Ha nem szeretne hivatkozást beállítani akkor hagyja üresen a **Link to** mezőt.
- Lehetőség van arra is, hogy a hivatkozás új lapon nyíljon meg, ehhez jelölje be a **New Tab** opciót.
- Képaláírás beállításához jelölje be a **Show Image Caption** jelölő négyzetet.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-settings2.png)

#### KÉP IGAZÍTÁSA

- Az **Alignment** részen ki tudja választani a kép igazítását.
- Ha szeretne átmenetet beállítani akkor jelölje be az **Overlay Hover Effect** lehetőséget. Ez az effekt akkor fog működésbe lépni amikor az egeret a kép fölé viszik.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-settings3.png)

#### KÉP ÁTMENET

- Ha szeretne **átmenetet** a képhez beállítani akkor jelölje be az **Overlay Hover Effect** jelölő négyzetet.
- Ezt követően válassza ki az **Ikont**
- Válassza ki az ikon **színét** és a **méretét**.
- Végül válassza ki a **háttérszínt**.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-overlay.png)

#### EGYEDI STÍLUS

- A **stílus** fülön lehetősége van egyedi stílus megadására is.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Image-custom-style.png)