Kā izveidot tabulu WordPress bez spraudņa

Kā izveidot tabulu WordPress bez spraudņa

Mēs varētu definēt jebkuru CMS galveno ideju, piemēram:
Viegls veids, kā uzturēt tīmekļa vietnes saturu, uzturēt to svaigu un precīzu ar netehniskajiem administratoriem. Pateicoties tam, jūs varat izmantot savu tīmekļa vietni kā galveno saziņas kanālu ar nelielām izmaksām. Tāpēc pāreja uz Gutenberg tēmu un blokiem ir jūsu labākā izvēle, lai sasniegtu savus mārketinga mērķus. Mēs to pierādām, iepazīstinot ar to, kā pievienot tabulu WordPress bez spraudņa.

Varat atrast dažus emuāru ierakstus par to, kā pievienot tabulu WordPress bez spraudņa, kuros minēts, ka tas nav viegli vai ka jums ir jāizmanto Google Dokumenti vai Word. Nu, tas var būt taisnība, ja vien jūs vēl neesat pārgājuši uz Citadela Gutenberg tēmu. Vecās tēmas ar savu lapu konstruktoru izmanto klasisko redaktoru. Un tur nebija tik vienkāršas iespējas, kādu sniedz Gutenberg redaktors.

Sākt tagad

Vienreizējs maksājums. 90 dienu naudas atmaksas garantija.

Izpētīt divas WordPress tabulu iespējas Citadela programmā

Pamatojoties uz jūsu WordPress tabulas saturu, jums ir divas izvēles iespējas Gutenberg blokam, kas izveido tabulu WordPress. Jums ir daudz vairāk iespēju, nekā jūs varat iedomāties kombinācijā ar citiem blokiem.

Izmantojiet Citadela premium versiju, un jums nebūs nepieciešams papildu spraudnis, lai pievienotu tabulu WordPress.

Cenu tabulas bloks

Tā kā tabulas parasti tiek izmantotas, lai attēlotu preces un cenas, mēs esam izveidojuši īpašu cenu tabulas bloku, kas ir iekļauts Citadela Blocks spraudnis (plaši saderīgs ar lielāko daļu mūsdienu WP tēmu). Jūs varat to ļoti viegli izmantot WordPress bloku redaktorā, lai atraktīvā veidā attēlotu un pārvaldītu cenas.

Šim blokam ir paplašināti iestatījumi, un jūs varat iestatīt responsīvo versiju atbilstoši savām vajadzībām. Tas ir pieejams Citadela Pro spraudnis.

Cenu tabula, kas izveidota ar īpašu WP bloku

Tomēr WordPress pats piedāvā noklusējuma bloku tabulu izveidei. Tā nosaukums ir vienkārši: Galda bloks, un varat to izmantot, lai dažu minūšu laikā izveidotu ļoti vienkāršu prezentāciju, piemēram, par jūsu abonēšanas pakotnēm.

WordPress galda bloks

Šodien mēs sīkāk aplūkosim tabulas bloku un runāsim par:

Kāpēc tabulas WordPress ir praktiski

Tabulas WordPress - izmanto pārtikas bloga receptēs
Tabulas palīdz labāk sakārtot visas receptes sastāvdaļas.

Tabulas ir universāli lietojamas ziņojumos un lappusēs. Pamata funkcionalitāte ir organizēt datus vai skaitļus. Tabulas ir noderīgas arī blogeriem. Piemēram, ceļojumu blogeri var salīdzināt atsevišķu galamērķu cenas. Pārtikas blogeri var viegli izveidot sastāvdaļu sarakstu vai nepieciešamo daudzumu.

Visbeidzot, bet ne mazāk svarīgi, ir iespējams izmantot tabulas, lai atspoguļotu pakalpojumu un produktu darba laiku vai cenu tabulas. Nav svarīgi, vai jūsu tīmekļa vietnē ir restorāns, skaistumkopšanas salons vai maiznīca. Jūs noteikti atradīsiet tabulām pielietojumu savā tīmekļa vietnē.

Kā izmantot tabulas bloku un izveidot tabulu WordPress (bez spraudņa)

Izveidot tabulas WordPress, izmantojot bloku redaktoru, ir pavisam vienkārši. Izmantojot tabulu bloku, varat izveidot tabulas ar dažiem klikšķiem bez spraudņa vai kodēšanas. Apskatīsim, kā tas darbojas:

  • Vispirms ir nepieciešams ievietot WordPress tabulas bloku. To var izdarīt, noklikšķinot uz "+", kas atrodas augšējā joslā vai jebkurā redaktora vietā. Pēc tam varat izvēlēties konkrētu bloku.
Tabulu pievienošana WordPress, noklikšķinot uz "+"
Tabulu pievienošana, noklikšķinot uz "+"

Tabulas bloku var arī ievietot, izmantojot slīpsvītru "/", kas seko vārdam "tabula", lai meklētu tabulas bloku.

Pievienot tabulas bloku ar slīpsvītru "/"
Tabulu pievienošana, izmantojot slīpsvītru "/"

Pēc tabulas bloka pievienošanas lapai vai ziņojumam ir jāiestata pamatnosacījumi, piemēram, kolonnu un rindu skaits.

Tabulas bloks ar pamata iestatījumiem
Pēc tam, kad tabula ir izveidota, iestatīsim kolonnu un rindu skaitu.

Izpētiet jaunāko Citadela tēmu, kurā varat izveidot tabulas, izmantojot WordPress tabulu bloku, kā arī izmantot mūsu pielāgotos blokus. Uzziniet vairāk par Citadela, kuru varat pielāgot ar izkārtojuma paketēm, kas izstrādātas konkrētiem uzņēmējdarbības veidiem.

Tabulu bloku iestatījumi rīkjoslā

Tagad jūs zināt, kā izveidot tabulu WordPress. Tālāk mēs jums parādīsim, kā ar to strādāt.

Augšējā rīkjosla virs tabulas ļauj veikt stila un formatēšanas izmaiņas. Izmantojot šos iestatījumus, varat mainīt tabulas izskatu. Neaizmirstiet, ka galīgais izskats vienmēr ir atkarīgs no izmantotās aktīvās WordPress tēmas.

Ko var mainīt?

1. Bloku stili

Izmantojot pirmo ikonu, varat atlasīt tabulu stilus. Varat izvēlēties vienu no 2 iespējām:

  • Noklusējuma - tabulas šūnām būs robežas bez fona. Fona krāsu visam blokam var pievienot vēlāk.
  • Svītras - tabula bez robežām, bet katra otrā rinda tiks izcelta, izmantojot fonu. Šis stils ir modernāks un mazāk formāls.
Noklusējuma bloka stils un svītru bloka stils
Izvēlieties galda bloka stilu starp noklusējuma vai svītru izskatu

2. WordPress tabulas bloka izlīdzināšana

Tabulu izlīdzināšanu var mainīt arī augšējā rīkjoslā virs bloka. Varat izvēlēties vienu no klasiskajām iespējām, piemēram, kreiso, labo vai centrālo, bet tabulu var arī izveidot platu vai pilnībā platu. Pēdējo divu pieejamība vienmēr ir atkarīga no aktīvās WordPress tēmas, ko izmantojat.

3. Tabulu satura formatēšana

Tekstam vai skaitļiem tabulās var iestatīt treknrakstā vai slīprakstā. Varat pievienot saiti uz citu lapu, grafiku vai attēlu.

4. Teksta izlīdzināšana tabulā

Jaunākajā WP versijā ir iespējams izlīdzināt ne tikai visu tabulu, bet arī tekstu rindās. Tagad varat izlīdzināt ievietoto tekstu katrā rindā atsevišķi. Šī funkcija palīdz izveidot skaistāku tabulu.

5. Stabiņu un rindu skaits

Kā pievienot tabulas kolonnas vai rindas WordPress? Tabulu blokā tas ir ļoti vienkārši. Šis bloks ļauj ļoti ātri pievienot vai noņemt šūnas. Vienkārši noklikšķiniet uz "Rediģēt tabulu" un pēc tam uz darbību, ko vēlaties veikt. Ja noklikšķiniet uz "Pievienot rindu pēc", apakšā uzreiz tiks izveidota jauna rinda.

Add row after in created table
Vienkāršs veids, kā pievienot nākamo rindu ar 2 klikšķiem

WordPress tabulas bloka iestatījumi inspektorā

Augšējā rīkjosla ļauj mainīt tabulas šūnu iestatījumus, bet labās puses rīkjosla, ko sauc par inspektoru, tiek izmantota sarežģītākiem tabulas bloka iestatījumiem. Arī šeit var konfigurēt bloka stilus (noklusējuma vai svītru), bet vēl vairāk - iestatīt fona krāsu un tabulas platumu.

Galda iestatījumi

Pēc noklusējuma tabulas šūnas dinamiski pielāgojas tajās esošajam teksta apjomam. Varat arī atļaut funkciju "Fiksēta platuma tabulas šūnas". Visām šūnām būs vienāds platums neatkarīgi no tā, kas tajās būs ievietots.

Fixed width table cells feature
Ja iespējosiet funkciju "Fiksēta platuma tabulas šūnas", katrai šūnai būs vienāds izmērs.

Krāsu iestatījumi

Inspector ļauj arī mainīt tabulas fona krāsu. Ja esat izvēlējies noklusējuma stilu, visai tabulai būs tāda pati fona krāsa. Ja esat izvēlējies iespēju Stripes (Svītras), fons tiks iestatīts tikai katrai otrajai rindai.

Color settings of Table block
Bloka krāsas maiņa

Jaunpievienotā funkcija: Atbalsts galvenes un kājenes

Lai padarītu tabulas pieejamākas, izstrādātāji pievienoja WordPress tabulas blokam galvenes un kājenes opciju. Šī funkcionalitāte nodrošina arī labāku strukturālo definīciju (datiem) un sniedz precīzāku informāciju mobilajiem palīgiem. Tabulas struktūrā tagad ir <thead>, <tfoot>, un <tbody> lai identificētu un nošķirtu tabulas galveni, apakšdaļu un pamatdaļu. Sadaļu ar galveni un kājenes daļu var ieslēgt vai izslēgt tieši no Inspector.

Wordpress Table block
Tagad tabulai varat pievienot galveni un kājenes

Papildu padoms: Kā izveidot tabulu WordPress bez spraudņa blakus attēlam

Vai jums ir nepieciešams, lai tabula un attēls būtu blakus viens otram? Lai to izdarītu, ir jāizmanto kolonnu bloks. Šis bloks ļaus jums ievietot dažāda veida saturu kolonnās, un tās būs skaisti izlīdzinātas.

Kā to darīt?

Ievietojiet tabulas bloku vienā slejā un attēlu bloku otrā slejā. Iegūsiet tabulu, kas ievietota WordPress kolonnu blokā blakus attēlam. Tas ir ļoti vienkārši, un jums nav jāuztraucas par izlīdzināšanu vai responsīvo versiju.

Nested table in WordPress Columns block
Izmantojot bloku Kolonnas, varat novietot tabulu blakus attēlam.

Vairāk par kolonnu bloku varat izlasīt mūsu rakstā Kā izveidot kolonnas WordPress bez spraudņa.

14 domāja par “How to Create Table in WordPress without plugin

  1. Ļoti labs amats, WordPress ir iespējas, ka tonnas lietotājs nav,neredz, Jūsu amats to noskaidrot. Tas,s ir miris no galda spraudņi

  2. Tik jauka informācija! Protamsⅼү vajadzētu lasīt un atklājums!
    Tas patiesībā palīdzēja man paldies tik daudz.

  3. Ļoti noderīgi. Lieliski uzzināt par jaunajām Gutenberg bloka funkcijām. Turpiniet labu darbu! Jauku dienu 🙂

  4. Tam trūkst būtiskas iezīmes, proti, atsaucības.

    Ja mobilajā ierīcē skatos tabulu ar 6 vai vairāk kolonnām, tā tiek saspiesta un izskatās briesmīgi.
    Vismaz viņiem vajadzēja to pārbaudīt !

  5. Tagad tabula ir izveidota, un nākamais solis ir pievienot to ziņojumam. Lai to izdarītu, vispirms ir jānokopē tabulas saīsinātā koda teksts. To var izdarīt, dodoties uz TablePress Visas tabulas. Pēc tam atrodiet tabulu, kuru vēlaties kopēt, un zem tās noklikšķiniet uz Rādīt īskodu? Pēc klikšķa parādīsies uznirstošais brīdinājums, kurā būs redzams saīsinātais kods.

  6. Nevar saprast, kāpēc WordPress izstrādātāji nedomāja par to, kā padarīt tabulu atsaucīgu 2020. gadā. Kā tas vispār ir iespējams? Tātad, pirms tas notiks, joprojām būs nepieciešams izmantot spraudņus, lai to atrisinātu. Manā godīgajā viedoklī. Lielisks raksts tomēr.

    1. Sveiki,

      Paldies par jautājumu. Pēc noklusējuma paneļa administrācijā nav iespējas to pārvaldīt. Varbūt jūs varētu apsvērt iespēju izmantot cita veida tabulas bloku. Lūdzu, aplūkojiet PublishPress Blocks piedāvāto (kurā varat pārvaldīt dažādu veidu apmales, krāsas, fontus, fonu utt.

      Labu dienu!
      Zlatko
      AIT komanda

        1. Sveiki,

          Paldies par jautājumu. Bloks, ko apstrādā WordPress kopiena, pagaidām neļauj apvienot šūnas. Iespējams, nākotnē varētu būt šāda iespēja.
          Ja ir vēl kaut kas, ar ko mēs varam jums palīdzēt, sazinieties ar mums.

          Labu dienu!
          Zlatko
          AIT komanda

Komentāri ir slēgti.