Nyhedsblog: WordPress & Joomla-udvidelser

Opret og administrer tabeller med Gutenberg Editor

banner-diagrammer

Tabeller og diagrammer er vigtigere, end vi tror, ​​når vi har et websted, da dette kunne gøre det virkelig nemmere at vise vores priser, planer, virksomhedens bane og mange ting mere.l

 Det kan være meget kedeligt at finde en tabel efter oprettelse, da vi skal kopiere / indsætte kortkoden, men hvad med hvis der er en blok dedikeret til at finde alle dine tabeller? WP Table Manager giver dig mulighed for at gøre det med den brugervenlige Gutenberg WordPress-editor.

WP Table Manager tilføjer blokke til Gutenberg-editoren, der giver dig mulighed for at tilføje disse tabeller med et søgefelt direkte i blokken.

 

Oprettelse af WordPress-tabeller med dette plugin til Gutenberg

Til dette indlæg bruger vi WP Table Manager til at oprette en prissammenligningstabel, først og fremmest vil vi se, hvordan man opretter tabeller.

Først og fremmest skal du gå til Tables Manager> Alle Borde , i dette afsnit skal du klikke på + Opret ny> Tabel , dette åbner tabeleditoren, vi kunne bruge et tema til at gøre tingene virkelig nemmere, så lad os vælge en, klik på Tema> Valg af tema .

 

 

Du vil se alle mulighederne for temaer, så vi vælger den, der fungerer til prissammenligningstabellen.

 

 

Klik nu Ok (husk at alle data i tabellen fjernes).

Da vi har tilføjet et tema, er næsten hele arbejdet færdigt.

 

 

Vi er bare nødt til at foretage enkle justeringer og tilpasse tabellen til vores behov, jeg vil fjerne mange rækker og redigere mange af dem, disse kan redigeres bare ved at klikke på den og begynde at skrive, som hvis du brugte Excel.

For at fjerne skal du blot klikke på rækkerne, højreklikke og derefter Fjern .

 

 

Hvis du nu vil redigere cellen, skal du bare klikke på den, den åbner en avanceret editor, som du kan bruge til at tilpasse indholdet, som du vil.

 

 

Hvis vi vil tilpasse mere tabellen, kan vi ændre farven, vi skal bare klikke på cellen og bruge de øverste værktøjer til at ændre farven på de celler, vi ønsker.

 

 

Vi behøver ikke at gemme tabellen, da den automatisk gemmes ved hver ændring.

Nu hvor vi har oprettet tabellen, kan vi føje den til indlægget ved hjælp af Gutenberg Editor-blokken.

Gå til Indlæg> Tilføj nyt , du vil se Gutenberg Editor, vi vælger WP Table Manager blokken.

 

 

Dette tilføjer et søgefelt, der viser kategorierne og tabellerne, og du kan tilføje en tabel ved blot at klikke på tabellen.

 

 

Tabellen tilføjes, og nu skal du kun offentliggøre dette indlæg, og tabellen vil være der, så let som at klikke på bordet og udgive indlægget / siden.

 

 

Og det er alt, vi har oprettet og sendt en pristabel på mindre end 10 minutter, virkelig let, er det ikke?

 

Brug af WP Table Manager i WordPress til at oprette diagrammer

Ja, vi har også mulighed for at oprette diagrammer fra tabellerne, og den anden gode nyhed er, at diagramafsnittet har en dedikeret Gutenberg-blok, så du nemt kan finde diagrammet, når du opretter dit indlæg.

For at oprette diagrammer skal du gå til Table Manager> Alle tabeller , vi skal have en tabel oprettet med de data, som vi vil afspejle i diagrammet, vi har en tabel udarbejdet med information til at oprette dette diagram.

En god praksis kan være at oprette en kategori for hver type bord, som vi ønsker at oprette, for eksempel her har vi oprettet en kategori kaldet: "Diagrammer".

Kategorier er virkelig nemme at oprette, for dette klik på + Opret ny> Kategori .

 

 

Indtast endelig kategorititlen, vælg forældrekategorien (hvis dette er en underkategori), og klik på Udført .

 

 

Lad os nu gå til den tabel, hvor vi vil oprette diagrammet, vi har tilføjet en tabel baseret på befolkningerne fra 5 lande.

 

 

For at oprette diagrammet bliver vi nødt til at vælge de celler, som vi vil føje til diagrammet, og klikke på Diagram> Opret diagram ud fra data.

 

 

 Nu vil vi se diagrammet oprettet med den rigtige menu, hvor vi vil kunne se værktøjerne til at tilpasse diagrammet.

 

 

Vi bruger cirkeldiagrammet til dette eksempel.

 

 

Nederst på panelet til højre vil vi være i stand til at vælge farven for hvert felt, så vi kan få farverne til at passe med det tema, vi bruger.

 

 

Nu hvor vi har oprettet / tilpasset diagrammet, skal vi gå til Indlæg> Tilføj nyt, så vi kan oprette indlægget og tilføje det nye diagram, som vi har oprettet.

På Gutenberg Editor skal du kigge efter " WP Table Manager Chart" -blokken og føje den til indlægget.

 

 

Dette åbner et søgefelt, hvor du kan se alle tilgængelige diagrammer.

 

 

Som du kan se, vil det vise alle tilgængelige kategorier, tabeller og diagrammer. Derfor skal vi have alt ordnet i kategorier. Klik nu på det diagram, du vil tilføje, i vores tilfælde er "Befolkningskortet".

 

 

Som du kan se, tilføjes kortkoden automatisk, så du bliver kun nødt til at offentliggøre den, og alt bliver gjort.

 

 

Men hvad sker der nu, hvis vi vil opdatere dataene i diagrammet? Skal vi oprette et nyt diagram? Svaret er nej! Du kan bare redigere dataene inde i tabellen, og diagrammet opdateres automatisk.

I dette eksempel er Tuvalu-befolkningen 11147, som du kan se på billedet, så lad os ændre befolkningen til 20000 og tjekke diagrammet igen.

 

 

Nu skal diagrammet opdateres, lad os kontrollere det.

 

 

Og ja, magien er færdig, vi har oprettet et dynamisk diagram, der let kan ændres bare ved at ændre dataene inde i tabellen.

 

Plus, tabeller fra databaser i WordPress

Der er også en mulighed for at oprette tabeller fra databasen, og denne tabel opdateres automatisk, når der er ændringer i din database, så hvis du har oplysninger gemt på din database, og du vil oprette en tabel / diagram baseret på den, skal du bare klikke på + Opret ny> Databasetabel

 

 

Dette omdirigerer dig til en side med alle tabellerne inkluderet i din database, så du bare kan vælge den med de kolonner, du ønsker, og WP Table Manager opretter automatisk tabellen.

 

 

Derefter vil du være i stand til at vælge de kolonner, du vil føje til tabellen, for eksempel vil vi her kun vælge kommentartypen og e-mailen fra forfatterne.

 

 

Til sidst skal du vælge titlen for hver kolonne og tilføje reglerne for at oprette tabellen.

 

 

Klik nu på Opret tabel, så oprettes tabellen automatisk. Husk, at der er betingelser, som vi kan tilføje, for eksempel kun at vise en variabel, hvis forfatterens e-mail er “ Denne e-mail-adresse er beskyttet mod spambots. Du skal aktivere JavaScript for at kunne se den. ”.

 

 

Vi kan tilføje så mange regler, som vi vil, vi skal bare klikke på "Tilføj", og der tilføjes et nyt felt for at indstille en ny regel.

Og nu kan du se, hvor let det er at oprette tabeller fra databasen.

 

Begynd at oprette tabeller med WP Table Manager

Nu hvor du ved, hvor let det er at oprette tabeller og administrere dem ved hjælp af WP Table Manager , hvad venter du på? Gå her og køb dit medlemskab for at begynde at betjene alle disse borde på den mest professionelle måde.

 

4
WordPress-filoverførsel og temaer: Download filer ...
Analyse af avancerede brugerdefinerede felter 'SEO-indvirkning på Wo ...
 

Kommentarer 8

Gæst - Chelsea tirsdag 19. maj 2020 18:56

Jeg kan ikke centrere min avancerede tabelblok. Venligst rådgive.

Jeg kan ikke centrere min avancerede tabelblok. Venligst rådgive.
Tristan onsdag 20. maj 2020 06:54

Hej, du kan bruge den avancerede kolonnemanager til at centrere din tabel, hvis standardværktøjet ikke fungerer som forventet. Brug f.eks. Et 3 kolonnelayout og placer tabellen i midterdelen. Håber det hjælper.

Hej, du kan bruge den avancerede kolonnemanager til at centrere din tabel, hvis standardværktøjet ikke fungerer som forventet. Brug f.eks. Et 3 kolonnelayout og placer tabellen i midterdelen. Håber det hjælper.
Gæst - Nathan tirsdag 26. maj 2020 15.30

Kan du tilføje en mulighed for at justere skriftstørrelse i den avancerede tabelblok? Dette er en almindelig anmodning fra klienter, og er den eneste funktion, jeg savner fra din ellers vidunderlige avancerede tabelblok.

Kan du tilføje en mulighed for at justere skriftstørrelse i den avancerede tabelblok? Dette er en almindelig anmodning fra klienter, og er den eneste funktion, jeg savner fra din ellers vidunderlige avancerede tabelblok.
Tristan onsdag 27. maj 2020 05:49

Ok, det er noteret!

Ok, det er noteret!
Gæst - Sander tirsdag 9. juni 2020 12:40

Ville det være muligt at have lister i tabelcellen?

Ville det være muligt at have lister i tabelcellen?
Tristan tirsdag 9. juni 2020 12:50

Hej, det er i øjeblikket ikke muligt, men jeg anbefaler at sende en anmodning om funktion på supportforum til plugin-biblioteket.

Hej, det er i øjeblikket ikke muligt, men jeg anbefaler at sende en anmodning om funktion på supportforum til plugin-biblioteket.
Gæst - Kristin Hanes fredag ​​12. juni 2020 22:24

Hej! Jeg bemærkede, at avancerede tabeller ser meget anderledes ud på bagenden end forenden. Jeg er ikke sikker på, hvordan man knytter skærmbilleder til denne kommentar, eller hvor e-mail support. Nogen idé om, hvorfor dette sker?

Hej! Jeg bemærkede, at avancerede tabeller ser meget anderledes ud på bagenden end forenden. Jeg er ikke sikker på, hvordan man knytter skærmbilleder til denne kommentar, eller hvor e-mail support. Nogen idé om, hvorfor dette sker?
Tristan mandag 15. juni 2020 12:31

Hej, det sker, at temaer anvender automatisk styling på borde. Cloud, send os venligst en supportanmodning på supportforummet til plugin-biblioteket?

Hej, det sker, at temaer anvender automatisk styling på borde. Cloud, send os venligst en supportanmodning på supportforummet til plugin-biblioteket?
Allerede registreret? Log ind her
Gæst
Fredag ​​den 26. november 2021

Captcha-billede

Ved at acceptere får du adgang til en service leveret af en tredjepart ekstern til https://www.joomunited.com/