Szeretnéd kicsit feltuningolni a táblázataidat, listáidat a képnek megfelelően?

A táblázataidat, listáidat könnyen feltuningolhatod, csinosabbá teheted ikonok és egy WordPress táblázatkezelő bővítmény használatával.

Lássuk, hogyan állj neki!

1. Ikonok gyűjtésére nagyon szuper hely például: https://www.iconfinder.com/

Az ikonok letöltéséhez regisztráció szükséges.

Sok ingyenes ikont is megtalálsz itt. A felhasználási feltételeket minden ikon mellett megtalálod.

Az ikonokat többféle formátumban és méretben is letöltheted a számítógépedre.

2. A táblázatok kezeléséhez szuper kis bővítmény: https://wordpress.org/plugins/tablepress/  –> Telepítsd a bővítményt és kapcsold be.

3. Megvan a megfelelő ikon, letöltötted a számítógépre, ezután töltsd fel a WordPress oldalad adminisztrációs felületén keresztül a Médiatárba. –> Médiatár –> Új hozzáadása

A feltöltött képre kattintva, a felugró ablak jobb oldalán meg tudod nézni a képhez tartozó URL-t. Kattints bele a mezőbe, jelöld ki az URL-t, majd másold ki (CTRL + C billentyűkombinációval).

4. Most keresd meg a TablePress-t. Hozz létre egy új táblázatot. A táblázat sorokat tartalmaz. Tartalom = szöveges leírás, felsorolás stb.

5. Minden egyes felsorolás elé, ahova szeretnéd az adott ikont beszúrni, írd be ezt a kódot: <img src=”ide-jön-az-ikon-urlje”> (a kódot kézzel írd be és NE MÁSOLD, mert az idézőjelek mást mutatnak itt, ahol olvasod a szöveget, és megváltozhat a honlapodra beillesztés után)

Ezt a kódot ugyanúgy másolhatod egy szöveges tartalom elé is, pl.:

<img src=”ide-jön-az-ikon-urlje”>Ez egy leírás lesz.

<img src=”ide-jön-az-ikon-urlje”>Ez egy másik leírás lesz.

Az EREDMÉNY valami hasonló lesz:

Ez egy leírás lesz.

Ez egy másik leírás lesz.

Ha túl nagy az ikon mérete, akkor a width és height (szélesség és magasság) értékekkel módosíthatsz rajta.

Pl.: <img src=”ide-jön-az-ikon-urlje” width=”20″ height=”20″> –> Ez egy 20px X 20px nagyságú ikont fog beszúrni. Megadhatod csak a width vagy csak a height értéket is. Ha például csak a width értékét adod meg, akkor a height értékét ennek megfelelően fogja átméretezni automatikusan a program, és nem fog torzulni a kép.

Elmented a táblázatodat és már készen is vagy!

Jó munkát!

Posted on: 2015-07-02, by : Cser Hajni