Hogyan készítsünk táblázatot a WordPressben plugin nélkül

Hogyan készítsünk táblázatot a WordPressben plugin nélkül

A CMS fő gondolatát így határoznánk meg:
A karbantartási weboldal tartalmának egyszerű módja, friss és pontos tartása a nem technikai adminisztrátorok által. Ennek köszönhetően alacsony költségekkel használhatja weboldalát elsődleges kommunikációs csatornaként. Ezért a Gutenberg témára és blokkokra való váltás a legjobb választás a marketingcélok eléréséhez. A fentieket azzal bizonyítjuk, hogy bemutatjuk, hogyan lehet táblázatot hozzáadni a WordPressben plugin nélkül.

Találhatsz néhány blogbejegyzést arról, hogyan lehet táblázatot hozzáadni a WordPressben plugin nélkül, amelyek megemlítik, hogy ez nem könnyű, vagy a Google Docs vagy a Word használatát kell használnod. Nos, ez igaz lehet, hacsak nem váltottál még mindig nem az Citadela Gutenberg témára. A régi témák az oldalépítőjükkel klasszikus szerkesztőt használnak. És nem volt olyan egyszerű lehetőség, mint amit a Gutenberg szerkesztő ad.

Kezdje el most

Egyszeri fizetés. 30 napos pénzvisszafizetési garancia.

Fedezze fel a WordPress táblák két lehetőségét az Citadela-ben

A WordPress táblázat tartalma alapján két választási lehetősége van a Gutenberg blokknak, amely táblázatot hoz létre a WordPressben. Más blokkokkal kombinálva sokkal több lehetőséget kapsz, mint amennyit el tudsz képzelni.

Használja az Citadela prémium verzióját, és nem lesz szüksége külön pluginra a táblázat WordPressben történő hozzáadásához.

Árképzési táblázat blokk

Mivel általában táblázatokat használnak a tételek és az árak bemutatására, létrehoztunk egy speciális ár táblázat blokkot, amelyet az Citadela Blocks plugin tartalmaz (széles körben kompatibilis a legtöbb modern WP témával). Nagyon egyszerűen használhatod a WordPress blokkszerkesztőben az árak vonzó módon történő bemutatására és kezelésére.

Ez a blokk fejlett beállításokkal rendelkezik, és az Ön igényeinek megfelelően beállíthatja a reszponzív verziót. Elérhető a Citadela Pro Plugin.

Speciális WP blokkal készült árképzési táblázat

Maga a WordPress azonban kínál egy alapértelmezett blokkot a táblázatok létrehozásához. A neve egyszerűen: Asztalblokk, és percek alatt létrehozhat vele egy nagyon egyszerű prezentációt, például az előfizetési csomagjairól.

A WordPress táblázat blokkja

Ma részletesebben megnézzük a Table Blockot, és beszélünk róla:

Miért praktikusak a táblázatok a WordPressben

Táblázatok a WordPressben - az ételblog receptjeiben használják
A táblázatok segítségével jobban rendszerezheti az összes összetevőt a receptjeiben.

A táblázatok univerzálisan használhatók a Hozzászólásokban és az Oldalakban. Alapvető funkciójuk az adatok vagy számok rendszerezése. A táblázatok a bloggerek számára is hasznosak. Az utazási bloggerek például összehasonlíthatják az egyes úti célok árait. Az ételbloggerek könnyen létrehozhatják az összetevők vagy a szükséges mennyiségek listáját.

Végül, de nem utolsósorban lehetőség van táblázatok használatára a nyitvatartási idő vagy a szolgáltatások és termékek ártáblázatainak bemutatására. Nem számít, hogy éttermi, szépségszalon vagy pékség honlapja van-e. A táblázatoknak biztosan találsz majd felhasználási lehetőséget a weboldaladon.

Hogyan használjuk a táblázat blokkot és hozzunk létre táblázatot a WordPressben (plugin nélkül)

A táblázatok létrehozása a WordPressben a blokkszerkesztő segítségével gyerekjáték. A Table block használatával plugin vagy kódolás nélkül néhány kattintással létrehozhatsz táblázatokat. Nézzük meg, hogyan működik:

  • Első lépésként be kell illesztened a WordPress Table blokkot. Ezt megteheted a "+" gombra kattintva, amely a felső sávban vagy bárhol a szerkesztőben található. Ezt követően kiválaszthat egy adott blokkot.
Táblák hozzáadása a WordPressben a "+" gombra kattintva
Táblák hozzáadása a "+" gombra kattintva

Lehetőség van arra is, hogy a "table" szó után a "table" szót követő "/" ferdehajlással táblázatblokkot illesszen be a táblázatblokk kereséséhez.

Táblázatblokk hozzáadása "/" perjelrel
Táblázatok hozzáadása a "/" perjel használatával

Miután hozzáadta a Table blokkot az oldalához vagy a posztjához, meg kell adnia az alapvető beállításokat, például az oszlopok és sorok számát.

Táblázatblokk alapvető beállításokkal
A táblázat létrehozása után állítsuk be az oszlopok és sorok számát.

Fedezze fel a legújabb Citadela témát, ahol a WordPress Table blokk segítségével táblázatokat hozhat létre, és használhatja az egyedi blokkjainkat is. Tudjon meg többet az Citadela-ről, amelyet az egyes vállalkozástípusokhoz kifejlesztett elrendezési csomagokkal testre szabhat.

Asztalblokk beállításai az eszköztáron

Most már tudod, hogyan készíts táblázatot a WordPressben. Ezután megmutatjuk, hogyan dolgozz vele.

A táblázat feletti felső eszköztár lehetővé teszi a stílus és a formázás módosítását. Ezekkel a beállításokkal megváltoztathatja, hogyan fog kinézni a táblázat. Ne felejtsd el, hogy a végső megjelenés mindig az aktív WordPress témától függ, amelyet használsz.

Mit lehet megváltoztatni?

1. Blokk stílusok

Az első ikon segítségével kiválaszthatja a táblázatok stílusát. A 2 lehetőség közül választhat:

  • Alapértelmezett - a táblázat cellái szegélyezettek lesznek, háttér nélkül. Az egész blokk háttérszíne később adható hozzá.
  • Csíkok - táblázatot szegélyek nélkül, de minden második sor háttérrel lesz kiemelve. Ez a stílus modernebb és kevésbé formális.
Alapértelmezett blokkstílus és Csíkok blokkstílus
Válassza ki a Table blokk stílusát az Alapértelmezett vagy a Csíkos megjelenés között.

2. A WordPress táblázat blokkjának igazítása

A táblázat igazítása a blokk feletti felső eszköztárban is módosítható. Kiválaszthatja a klasszikusok közül a balra, jobbra vagy középre igazítást, de a táblázatot szélesre vagy teljes szélességűre is állíthatja. Az utóbbi kettő elérhetősége mindig az aktív WordPress témától függ, amelyet használsz.

3. A táblázat tartalmának formázása

A táblázatokban lévő szöveg vagy számok félkövér vagy dőlt betűvel írhatók. Más oldalra, grafikonra vagy képre mutató linket adhat hozzá.

4. Szövegigazítás a táblázatban

A WP legújabb verziója biztosítja, hogy ne csak a teljes táblázatot, hanem a sorokon belüli szöveget is igazítsa. A beillesztett szöveget mostantól minden sorban külön-külön is igazíthatod. Ez a funkció segít szebb táblázatot létrehozni.

5. Az oszlopok és sorok száma

Hogyan adjunk hozzá táblázat oszlopokat vagy sorokat a WordPressben? A Table blokkban ez nagyon egyszerű. Ez a blokk lehetővé teszi a cellák nagyon gyors hozzáadását vagy eltávolítását. Egyszerűen kattintson a "Táblázat szerkesztése" gombra, majd utána a műveletre, amit szeretne elvégezni. Ha a "Sor hozzáadása után" gombra kattintasz, azonnal létrejön egy új sor az alján.

Sor hozzáadása a létrehozott táblázat után
Egyszerű módja a következő sor hozzáadásának mindössze 2 kattintással

WordPress táblázat blokk beállításai az ellenőrben

Míg a felső eszköztár a táblázat celláinak beállításait teszi lehetővé, addig a jobb oldali, Ellenőr nevű eszköztár a táblázatblokk összetettebb beállításaira szolgál. Itt is beállíthatja a blokk stílusát (alapértelmezett vagy csíkos), de mi több, beállíthatja a háttérszínt és a táblázat szélességét is.

Asztali beállítások

Alapértelmezés szerint a táblázat cellái dinamikusan igazodnak a bennük lévő szöveg mennyiségéhez. Engedélyezheti a "Fix szélességű táblázatcellák" funkciót is. Minden cellának ugyanaz lesz a szélessége, függetlenül attól, hogy mit tesz bele.

Fix szélességű táblázat cellák funkció
Ha engedélyezi a "Fix szélességű táblázat cellái" funkciót, akkor minden cella azonos méretű lesz.

Színbeállítások

Az Inspector lehetővé teszi a táblázat háttérszínének megváltoztatását is. Ha az Alapértelmezett stílust választotta, az egész táblázatnak ugyanaz lesz a háttérszíne. Ha a Csíkok beállítást választotta, akkor csak minden második sorban lesz beállítva a háttér.

A Table blokk színbeállításai
A blokk színének megváltoztatása

Újonnan hozzáadott funkció: fejléc és lábléc támogatása

A táblázatok könnyebb elérhetősége érdekében a fejlesztők hozzáadták a fejléc és lábléc opciót a WordPress Table blokkjához. Ez a funkció jobb szerkezeti meghatározást (az adatok) is biztosít, és pontosabb információkat ad a mobil asszisztenseknek. A táblázat szerkezete mostantól a következőket tartalmazza <thead>, <tfoot>, és <tbody> a táblázat fejlécének, láblécének és törzsének azonosítására és megkülönböztetésére. A fejléc és a lábléc részt közvetlenül az Ellenőrből engedélyezheti vagy letilthatja.

Wordpress táblázat blokk
Most már hozzáadhat fejlécet és láblécet a táblázathoz.

Extra tipp: Hogyan hozhatsz létre táblázatot a WordPressben plugin nélkül a kép mellé

Szüksége van arra, hogy a táblázat és a kép egymás mellett legyen? Ehhez a Columns Blockot kell használnia. Ez a blokk lehetővé teszi, hogy különböző tartalomtípusokat illesszen be oszlopokba, és szépen igazítsa őket.

Hogyan kell csinálni?

Szúrja be a táblázatblokkot az egyik oszlopba és a képblokkot a másodikba. Ezzel egy beágyazott táblázatot érsz el a WordPress Column Blockon belül a kép mellett. Ez nagyon egyszerű, és nem kell aggódnia az igazítás vagy a reszponzív változat miatt.

Beágyazott táblázat a WordPress Columns blokkban
A Columns blokk segítségével a táblázatot a kép mellé helyezheti.

A Column blockról bővebben a cikkünkben olvashat. Hogyan készítsünk oszlopokat a WordPressben plugin nélkül.

14 gondolat a következőről: „How to Create Table in WordPress without plugin

  1. Nagyon jó poszt, wordpress van lehetőségek, hogy a tonna felhasználó nem,nem látja, A post tisztázza azt. Ez a táblázati bővítmények halála.

  2. Ilyen szép infók! Biztosⅼү egy kell-olvasni és egy felfedezés!
    Ez tényleg segített nekem, köszönöm szépen.

  3. Nagyon hasznos. Nagyszerű megismerni az új Gutenberg blokk funkciókat. Folytassa a jó munkát! Szép napot 🙂

  4. Hiányzik belőle egy alapvető jellemző, azaz a válaszkészség.

    Ha a táblázatot 6 vagy több oszlopos mobilon nézem, akkor tömörítve van, és szörnyen néz ki.
    Legalább tesztelniük kellett volna !

  5. Most, hogy befejezted a táblázat létrehozását, a következő lépés, hogy hozzáadod a posztodhoz. Ehhez először a táblázat rövidkódját kell bemásolnod. Ezt a TablePress All Tables menüpontra navigálva teheti meg. Ezután keresse meg a táblázatot, amelyet szeretne másolni, alatta kattintson a Show Shortcode? Kattintásra megjelenik egy felugró figyelmeztetés, amely megmutatja a rövidkódot.

  6. Nem értem, hogy a WordPress fejlesztői miért nem gondoltak arra, hogy a táblázatot reszponzívvá tegyék 2020-ban. Hogyan lehetséges ez egyáltalán? Szóval mielőtt ez megtörténik, még mindig szükség lesz a pluginokra, hogy ezt megoldják. Őszinte véleményem szerint. Nagyszerű cikk viszont.

    1. Üdvözlöm önöket,

      Köszönöm a kérdést. Alapértelmezés szerint nincs lehetőség ennek kezelésére a panel adminisztrációjában. Talán megfontolhatná egy másik típusú táblatömb használatát. Kérjük, nézze meg a PublishPress Blocks által biztosítottat (ahol különböző típusú kereteket, színeket, betűtípusokat, hátteret stb. lehet kezelni.

      További szép napot!
      Zlatko
      AIT csapat

      1. Van-e mód arra, hogy egy oszlop celláit egyesítsük bármilyen plugin használata nélkül?

        1. Üdvözlöm önöket,

          Köszönöm a kérdést. A WordPress közösség által kezelt blokk egyelőre nem teszi lehetővé a cellák egyesítését. Talán a jövőben erre is lehet opció.
          Ha bármi másban is tudunk segíteni Önnek, forduljon hozzánk bizalommal.

          További szép napot!
          Zlatko
          AIT csapat

Hozzászólások lezárva.