Táblázat készítése WordPressben

Időnként felmerül az igény, hogy bizonyos tartalmakat csinosabb lenne táblázatban elhelyezni egy WordPress oldalon. A táblázat készítése html-ben sem bonyolult, mindössze néhány kódot kell megjegyezned hozzá, és annyira logikus, hogy elrontani is nehéz – de ha szerkeszteni is akarod a táblázatodat, akkor jobb, ha egy okos bővítményt használsz erre a célra.

Ez az okos bővítmény nem más, mint a WP-Table Reloaded, amelyet ide kattintva tölthetsz le. Telepítés és bekapcsolás után némileg szokatlan módon az Eszközök menüpont alá költözik be egy saját menüponttal, erre kattintva láthatod, hogy három lehetőség áll előtted: létrehozhatsz (Add New Table), importálhatsz (Import a Tablevagy exportálhatsz (Export a Table) táblázatot, illetve néhány opciót is beállíthatsz, de alapesetben legjobb, ha úgy hagyod őket, ahogy vannak.

A táblázat elkészítése igen egyszerű: adsz neki egy nevet (Table Name) és egy leírást (Description) – utóbbi nem kötelező; majd megmondod, hogy hány sorból (Number of Rows) és hány oszlopból (Number of Columns) álljon a táblázat.

Ezután megjelenik egy kényelmes felület, teljesen egyértelmű akkor is, ha nem értesz angolul – feltöltöd a táblázatodat tartalommal és elmented az Update Changes feliratú gombra kattintva. Számos lehetőség áll előtted, ha menet közben rájössz, hogy változtatnod kell a táblázatodon: beszúrhatsz és törölhetsz sorokat illetve oszlopokat, megváltoztathatod a sorrendjüket, sőt, sorba is rendezheted a táblázatod elemeit valamelyik oszlop adatai alapján növekvő vagy csökkenő sorrendben. A kedvencem: egyszerűen alkalmazhatod a html kód rowspan illetve colspan utasításait, azaz egyesíthetsz cellákat függőlegesen vagy vízszintesen is. Teljes kiszolgálás.

 

WP-Table Reloaded

 

Amikor készen vagy a táblázatoddal, és be akarod illeszteni egy bejegyzésbe vagy oldalba, akkor a [table id=1 /] kódot kell bemásolnod a megfelelő helyre (természetesen az ID-szám táblázatonként változik).

Azért ne csak dicshimnuszokat zengjek erről a valóban nagyon hasznos és okos bővítményről: meglehetősen makacs bővítmény is egyben, nem kifejezetten “kaméleon”, azaz nem veszi fel a sablonod kinézetét: van neki saját stílusa, és ettől nehéz eltántorítani, bele kell túrnod hozzá a css fájljába. De ez legyen a legnagyobb hibája: azért még mindig százszor egyszerűbb így létrehozni egy táblázatot, mint html-ben molyolni. (Megjegyzem, én inkább html-ben molyolok, de ez az én bajom 🙂 )

 

Oszd meg Te is:

Share on email
Share on facebook
Share on twitter
Share on whatsapp
Share on linkedin

Szerző:

Ezek is érdekesek lehetnek számodra: 

Iratkozz fel hírlevelünkre!

Javasolt eszközök:

Banner250x250.png
Elementor Pro
Generatepress Logo White Asset
GeneratePress
Divi 4.0
Divihello
Prémium támogatás és ajándék Divi licence
Adatvedelem.png
ADATVÉDELEM minta
Aszf.png
Webshop ÁSZF minta

“Táblázat készítése WordPressben” bejegyzéshez 35 hozzászólás

  1. Moni, köszönöm a leírást!
    Ami még fontos lehet, hogy “mezei” xls file-t nem lehet exportálni (legalábbis én nem tudtam). Html-t, xls-t és csv-t engedélyez csak, ezért exportálás előtt a táblázatunkat el kell menteni a fenti fájlformátumok valamelyikébe.
    (Remélem, nem baj, hogy itt beleokoskodtam.)
    A.

    Válasz
  2. Köszönöm Móni, hogy foglalkozol a kérdéssel!
    Én eredetileg azért akartam táblázatot csinálni a honlapunkra, hogy néhány mezőt kitöltetek, és az általam az excellben előre beírt képletek alapján kiszámolja az érdeklődőnek a végeredményt, és azonnal kap egy árat.
    Így akartam megúszni az egyedi árajánlat írásokat. (Lustaság fél egészség, no meg a sűrű lábmosás- mondta mindig a matek tanárom… 🙂 )
    Akkor beletörött a bicskám. Szerinted erre is használható lenne?
    Most egy űrlapot töltenek ki, és azt kapom meg. Tulajdonképpen ez nagyon jó, mert megvan az az előnye, hogy személyre szabottan tudok ajánlatot adni,és el tud indulni egy kommunikáció. Nagy részéből vásárló lesz. 🙂
    De van 1-2 ötletem, hogy a táblázat mire lehet még jó!
    Mindenképpen hasznos bejegyzés!

    Válasz
    • Lehet, hogy én értem félre, de ez nem egy “táblázat beszurása a tartalomba egyszerű szerkeszthetőséggel” kiegészítő, ami csak létrehozza a táblákat és nem kell html kóddal molyolni? Vagy egy űrlap készítő is egyben aminek segítségével adatokat kérhetünk be a látogatótól… ?

      Mert ha csak az első, úgy nincs lehetőség xls-be kimentve ajánlat készítésre hisz nem tudunk általa adatot bekérni….

      Válasz
  3. Épp mostanában foglalkoztatott a táblázat készítés problémája.
    Én ezt a bővítményt használom: TinyMCE Advanced. Kibővíti a WP szövegszerkesztőjét sok hasznos funkcióval, többek között táblázatszerkesztővel is. Beköltözik a Beállítások alá, ahol egyénileg testre szabható. Szerintem nagyon jó.
    Kipróbálom majd azt is amit te ajánlottál.

    Válasz
  4. Ez a táblázat szinte biztos, nem fog számolni az adatokkal. Azokat kézzel kell beírni, amikor a táblázatot elkészíted. És ez “kőbevésett” adat.
    Dinamikus táblázatot véleményem szerint PHP-ben tudsz csak készíteni.
    Azt meg nem tudom, hogy a PHP fájlra hogy lehet hivatkozni. Nem hinném, hogy a WP engedné. Még nem próbáltam, de valahogy biztos meg lehet oldani. Talán iFrame-mel?

    Válasz
    • Van egy olyan bővítmény, amely a html kódok mellett a php kódok használatát teszi lehetővé.
      Exec-PHP a neve, és abban segít, hogy ne csak html, hanem php kódokat is használhass.

      Válasz
      • Igen, így van, köszönöm, csak kiegészítésképpen: ez arra való, hogy php-kódot írva a bejegyzésbe vagy az oldalba, az lefusson. (Mert ha külön php-fájl, az természetesen használható az Exec-PHP nélkül is.) De azért ezzel a bővítménnyel vigyázni kell, haladóknak ajánlom csak.

  5. Álljon meg a harciszekér!!! 🙂

    Ez TÁBLÁZATOT készít, nem űrlapot. Arra ott van a Contact Form 7, a cFormsII, vagy egyebek, akár bármelyik Autoresponder is.

    Olyan fogalom nincs, hogy “dinamikus táblázat”. A táblázat az egy tartalom, amit Te viszel fel, sorokba és oszlpokba rendezve. Az űrlapon adatokat tudsz bekérni, amelyeket a honlapod látogatói visznek be.

    Ami az adatokból még számol is, azt ajánlatkészítő szoftvernek hívják. Lehet ilyet vásárolni, vagy le lehet programoztatni javascriptben.

    Ne keverjük össze ezeket!

    Válasz
  6. Én már használtam ezt a táblázatkészítőt.
    Olyanra jó pl. hogy többféle ajánlatod van, és a sorok az összetevőket tartalmazzák. Az oszlopokban a pipák, a végén a megrendelési (kosárba) lehetőség, linkkel a megrendelési űrlaphoz.

    Válasz
  7. Kedves Moni!

    Nem ehhez a témához kapcsolódik a következő kérdésem.
    Van arra mód wordpress alatt, hogy a nyitólapon ne a bejegyzések
    jelenjenek meg, hanem egy oldal?

    Köszönöm.

    Üdv: Csaba

    Válasz
    • Természetesen van. A Beállítások -> Olvasás menüpontban választhatod ki, hogy mi legyen a kezdőoldalon. Ha egy statikus oldalt választasz kezdőlapnak, de a blogot is meg akarod jeleníteni, akkor készíts egy statikus oldalt “Blog” néven, ez legyen teljesen üres, és a Beállítások -> Olvasás menüpontban ezt add meg, mint a “bejegyzések oldala”.

      De vigyázz, ez sablonfüggő: van olyan sablon, ami ezt nem veszi figyelembe (például az Elegant Themes sablonjai). Az ilyen sablonoknak van külön saját menüpontjuk, és ott adhatod meg, hogy mi legyen a főoldalon.

      Válasz
  8. Kedves Móni!

    Az Akismet nem fogadja el a saját kódját. Ezt írja ki már sokadszorra-A kulcs helytelen. Mégegyszer, alaposan kellene ellenőrizni!

    Igaz most már egy csúszkát kell nullára állítani az ingyenességhez.

    A másik dolog. A Wordnek van Demo változata? Nem merem élesben szerkeszteni az oldalam mert akkor duplikáció lenne a még meglévővel. Az előnézet meg nem jeleníti meg az oldalsávot. Vagy oldalakon nem lehet oldalsáv?
    Nagyon jól szórakozom a wordpressel. Kisérletezgetek mi mire való és mit csinál. De mivel csak egy ingyenes szolgáltatásom van, nem sietek. Egy fórumszerű dolgon gondolkozom.
    Valóbane első vagy Kedves Mónika aki lépésről lépésre megmutatod az alapvető dolgokat.
    Még tizedét sem olvastam el az oldaladon lévő információnak. De ráérünk nem sietünk sehova igaz? Ez nagyon tetszik a Vezérlőpultban.

    szeretettel jani

    Válasz
    • Szia!

      Mentsd el a bejegyzést (vagy oldalt) Vázlatként, úgy meg tudod nézni. De ha nem jelenik meg az oldalsáv, az nem ennek a hibája, akkor úgy van beállítva, hogy ott éppen ne legyen oldalsáv. Vannak különböző típusú oldalak, az Alapértelmezetten kívül – ez sablonfüggő.

      Jó mulatást és kísérletezgetést!

      És még egy ötlet: ha nem akarod, hogy mások lássák, amit csinálsz, kapcsold be a Maintenenace Mode bővítményt! Ilyenkor ha be vagy jelentkezve, látod az oldalt, ha nem, akkor csak egy üzenetet, hogy karbantartás alatt van az oldal.

      Válasz
  9. Az Akismet megoldódott. Robot másolás ellen van beállítva. Sokadjára vettem észre, hogy lehagyja az utolsó számot. Be akartam biggyeszteni de azt sem engedte. Be kell írni!
    szeretettel jani

    Válasz
  10. Sziasztok! Tud valaki segíteni abban, hogy a honlapon, hogy lehet a tartalmi részben pozícionálni a tartalmi részben? Érdekelne még, hogy tudom a sorokat színezni, vagy áttetszővé tenni hogy kép kerüljön a táblázat mögé?
    Köszi

    Válasz
    • Szia!
      Ehhez mindenképpen kell valamilyen kódolási ismeret. Vagy a bővítményben kell saját stílust definiálni (css-ben) és azt használni, vagy talán egyszerűbb, ha az adott táblázatot megírod vagy valakivel megíratod html-ben és a kapott kódot a bejegyzésszerkesztő html nézetében bemásolod.

      Válasz
  11. Szia Móni!

    Egy receptes honlapom van és összetett keresőt szeretnék csinálni rajta, hogy a receptek közül több szempont alapján lehessen választani! Milyen bővítményt javasolsz?

    Válasz
    • Próbáltam rákeresni, ki is próbáltam néhányat, de nem találtam semmi értelmeset. Az ElegantThemes sablonok között van egyébként egy ingatlanos, és abban négyféle módon tudsz keresni, de valójában ott is egyszerre csak egyféleképpen. Tehát hiába adod meg, hogy milyen árú, hányszobás és milyen jellegű ingatlan legyen, csak az egyik keresőfeltételt veszi figyelembe.

      Úgyhogy tartok tőle, hogy egyedileg kell programoztatni ilyet. Másvalakinek van esetleg ötlete?

      Válasz
  12. Szia Móni!
    Köszönöm a választ! Nekem lehet, hogy ez a megoldás is elég! Külön külön, de több szempont alapján lehet keresni? Ez talán működhet!

    Válasz
  13. Sziasztok!

    A WP-Table Reloaded támogatása ha jól látom, megszűnt, jogutódja a TablePress bővítmény. Szerintem ez utóbbi jobb, mert pl. a betűnagyság akkora benne, mint a szöveg többi részében.
    http://tablepress.org/

    További kellemes honlapozást.
    Titi

    Válasz
  14. Sziasztok,

    Móni,

    arra van mód, hogy a termékeknél az elfogyott kiírás helyett előrendelhető legyen kiírva?
    Sokkal bizalomgerjesztőbb lenne, de nem tudok rájönni, hogyan lehet,egyáltalán meg lehet-e változtatni.
    Köszönöm,
    Regina

    Válasz
    • Szia, Regina!

      WooCommerce webáruházat használsz?

      Az “Elfogyott” ott a “Sold out” fordítása, a nyelvi fájlban lehet csak kicserélni (és sajnos ez minden frissítésnél felülíródik).

      Ha tényleg fel akarsz venni előrendelést, ahhoz pedig a WooCommerce-nek van egy fizetős kiegészítője, azzal megoldható.

      Válasz
  15. Sziasztok!
    Nagyon szuper az oldal és a hozzászólások is! Kezdő vagyok és segítséget szeretnék kérni, hogy wordpress oldal létrehozásakor, 3 hasábot illesztek be (+element -> Flip boxes) és bárhogy állítom, a hasábok a tartalomhoz méretezik magukat. :-/
    Equal Height Columns bővítményt találtam, de azzal sem sikerült.
    Minden segítségnek örülök.
    Köszönöm.
    Pisti

    Válasz
    • Szia!

      Sajnos amit írsz, az nem WordPress alap funkció, valószínűleg a sablonod adja hozzá. És mivel több tízezer sablon létezik, és nem tudom, a Tiéd melyik (de ha tudnám, akkor se biztos, hogy ismerném), ezért ebben sajnos nem tudok segíteni. Az Equal Height Columns bővítmény pedig (ha jól látom) a bejegyzések vagy oldalak tartalmának oszlopokba rendezésében segít, de hogy ez a kettő Nálad hogyan jön össze, azt nem tudom.

      A lényeg az, hogy mindez nem általános WordPress kérdés, hanem speciálisan a Te oldaladra igaz csak, úgyhogy senki nem fog tudni segíteni Neked kívülről, a sablonod és bővítményeid ismerete nélkül.

      Sajnálom, hogy nincsenek jobb híreim…

      Válasz
  16. Szia Móni,

    nagyon köszönöm, hogy válaszoltál. Elfelejtettem leírni, hogy az Avada sablonról van szó.
    Ha esetleg így van ötleted egy amatőr számára, akkor köszönöm.

    Válasz
    • Az Avadát persze ismerem, dolgoztam már vele, és én is belefutottam ugyanebbe a hibába. Mindent megpróbáltam, de hiába, nem hagyja magát. A dobozban (oszlopban) lévő szöveget kell úgy megírni, hogy egyformára sikerüljenek az oszlop magasságok 🙂 Az Equal Height Columns erre nem hat, de a legcsalafintább css-trükkök sem…

      Válasz

Szólj hozzá!

Ez a weboldal az Akismet szolgáltatását használja a spam kiszűrésére. Tudjunk meg többet arról, hogyan dolgozzák fel a hozzászólásunk adatait..