Jak utworzyć tabelę w WordPress bez wtyczki

Jak utworzyć tabelę w WordPress bez wtyczki

Zdefiniowalibyśmy główną ideę każdego CMS, taką jak:
Prosty sposób na utrzymanie zawartości strony internetowej, dbanie o jej aktualność i dokładność przez administratorów nietechnicznych. Dzięki temu możesz wykorzystywać swoją stronę internetową jako główny kanał komunikacji przy niewielkich nakładach. Dlatego przejście na motyw i bloki Gutenberga to najlepszy wybór, aby osiągnąć cele marketingowe. Udowadniamy powyższe, prezentując jak dodać tabelę w WordPressie bez wtyczki.

Możesz znaleźć posty na blogu o tym, jak dodać tabelę w WordPress bez wtyczki, która wspomina, że nie jest to łatwe lub musisz użyć Dokumentów Google lub Worda. Cóż, może to być prawda, chyba że nadal nie przełączyłeś się na motyw Citadela Gutenberg. Stare motywy z ich narzędziem do tworzenia stron używają klasycznego edytora. I nie było tak łatwej opcji, jaką daje edytor Gutenberga.

Zacznij teraz

Zacznij już teraz, korzystając z okresu próbnego bez ryzyka. Nie wymagamy karty kredytowej.

Poznaj dwie opcje tabel WordPress w Citadela

W oparciu o zawartość tabeli WordPress masz dwie możliwości dla bloku Gutenberga, który tworzy tabelę w WordPress. Dostajesz o wiele więcej opcji, niż możesz sobie wyobrazić w połączeniu z innymi blokami.

Użyj wersji premium Citadela, a nie będziesz potrzebować dodatkowej wtyczki, aby dodać tabelę w WordPress.

Blok tabeli cen

Ponieważ tabele są zwykle używane do prezentacji towarów i cen, stworzyliśmy specjalny blok Cennik, który jest zawarty we wtyczce Citadela Blocks (szeroko kompatybilnej z większością nowoczesnych motywów WP). Możesz go bardzo łatwo użyć w edytorze bloków WordPress, aby prezentować i zarządzać cenami w atrakcyjny sposób.

Ten blok ma zaawansowane ustawienia i możesz skonfigurować wersję responsywną zgodnie ze swoimi potrzebami. Jest dostępny w Wtyczka Citadela Pro.

Tabela cen wykonana ze specjalnego bloku WP

Jednak sam WordPress oferuje domyślny blok do tworzenia tabel. Nazywa się to po prostu: Blok tabelii możesz go użyć do stworzenia bardzo podstawowej prezentacji, na przykład swoich pakietów abonamentowych, w ciągu kilku minut.

Blok tabeli WordPress

Dzisiaj przyjrzymy się bliżej Table Block i porozmawiamy o:

Dlaczego tabele w WordPressie są praktyczne

Tabele w WordPressie – wykorzystywane w przepisach na blogu kulinarnym
Tabele pomagają lepiej uporządkować wszystkie składniki w przepisach

Tabele mają uniwersalne zastosowanie w postach i na stronach. Podstawową funkcjonalnością jest organizowanie danych lub liczb. Tabele są również korzystne dla blogerów. Na przykład blogerzy podróżniczy mogą porównywać ceny dla poszczególnych destynacji. Blogerzy kulinarni mogą łatwo stworzyć listę składników lub wymaganą ilość.

Last but not least możliwe jest wykorzystanie tabel do prezentacji godzin otwarcia lub cenników usług i produktów. Nie ma znaczenia, czy masz stronę internetową dla restauracji, salonu kosmetycznego czy piekarni. Na pewno znajdziesz zastosowanie tabel na swojej stronie.

Jak korzystać z bloku tabeli i tworzyć tabele w WordPress (bez wtyczki)

Tworzenie tabel w WordPressie za pomocą edytora bloków to bułka z masłem. Za pomocą bloku tabeli możesz tworzyć tabele za pomocą kilku kliknięć, bez wtyczek i kodowania. Przyjrzyjmy się, jak to działa:

  • Najpierw musisz wstawić blok tabeli WordPress. Możesz to zrobić, klikając „+”, który znajduje się na górnym pasku lub w dowolnym miejscu w edytorze. Następnie możesz wybrać konkretny blok.
Dodaj tabele w WordPress, klikając „+”
Dodawanie tabel po kliknięciu na „+”

Możliwe jest również wstawienie bloku tabeli za pomocą ukośnika „/”, następującego po słowie „tabela”, aby wyszukać blok tabeli.

Dodaj blok tabeli z ukośnikiem „/”
Dodawanie tabel za pomocą ukośnika „/”

Po dodaniu bloku Tabeli do swojej strony lub postu, musisz ustawić podstawowe ustawienia, takie jak liczba kolumn i wierszy.

Blok tabeli z podstawowymi ustawieniami
Po utworzeniu tabeli ustalmy liczbę kolumn i wierszy

Poznaj najnowszy motyw Citadela, w którym możesz tworzyć tabele za pomocą bloku tabeli WordPress, a także korzystać z naszych niestandardowych bloków. Dowiedz się więcej o Citadela, który możesz dostosować za pomocą pakietów układów opracowanych dla określonych rodzajów działalności.

Ustawienia bloku tabeli na pasku narzędzi

Teraz wiesz, jak zrobić tabelę w WordPress. Następnie pokażemy, jak z nim pracować.

Górny pasek narzędzi nad tabelą umożliwia wprowadzanie zmian w stylizacji i formatowaniu. Za pomocą tych ustawień możesz zmienić wygląd tabeli. Nie zapominaj, że ostateczny wygląd zawsze zależy od aktywnego motywu WordPress, którego używasz.

Co można zmienić?

1. Style blokowe

Za pomocą pierwszej ikony możesz wybrać style tabel. Możesz wybrać jedną z 2 opcji:

  • Domyślny – komórki tabeli będą miały obramowania, bez tła. Kolor tła dla całego bloku można dodać później.
  • Paski – tabela bez obramowań, ale co drugi wiersz będzie podświetlony tłem. Ten styl jest bardziej nowoczesny i mniej formalny.
Domyślny styl bloku i styl bloku Paski
Wybierz styl swojego bloku tabeli między domyślnym a paskiem

2. Wyrównywanie bloku tabeli WordPress

Wyrównanie tabeli można również zmienić na górnym pasku narzędzi nad blokiem. Możesz wybrać jeden z klasycznych, takich jak lewy, prawy lub środkowy, ale możesz też ustawić szeroki lub pełny stół. Dostępność dwóch ostatnich zawsze zależy od aktywnego motywu WordPress, którego używasz.

3. Formatowanie zawartości tabeli

Tekst lub liczby w tabelach można ustawić jako pogrubione lub kursywą. Możesz dodać link do innej strony, wykresu lub obrazu.

4. Wyrównanie tekstu w tabeli

Najnowsza wersja WP zapewnia możliwość wyrównania nie tylko całej tabeli, ale także tekstu wewnątrz wierszy. Możesz teraz wyrównać wstawiony tekst w każdym wierszu osobno. Ta funkcja pomaga stworzyć ładniejszy stół.

5. Liczba kolumn i wierszy

Jak dodać kolumny lub wiersze tabeli w WordPress? W bloku Table jest to bardzo proste. Blok ten umożliwia bardzo szybkie dodawanie lub usuwanie komórek. Po prostu kliknij „Edytuj tabelę”, a następnie na akcję, którą chcesz wykonać. Jeśli klikniesz „Dodaj wiersz po”, nowy wiersz zostanie utworzony od razu na dole.

Dodaj wiersz po w utworzonej tabeli
Łatwy sposób dodawania następnego rzędu za pomocą zaledwie 2 kliknięć

WordPress Ustawienia bloku tabeli w inspektorze

Podczas gdy górny pasek narzędzi umożliwia zmianę ustawień komórek tabeli, prawy pasek narzędzi o nazwie Inspektor służy do bardziej złożonych ustawień bloku tabeli. Również tutaj możesz skonfigurować style bloków (Domyślny lub Paski), ale co więcej, możesz także ustawić kolor tła i szerokość tabeli.

Ustawienia stołu

Domyślnie komórki tabeli dynamicznie dopasowują się do ilości tekstu w nich zawartego. Możesz także zezwolić na funkcję „Komórki tabeli o stałej szerokości”. Wszystkie komórki będą miały tę samą szerokość bez względu na to, co umieścisz w środku.

Funkcja komórek tabeli o stałej szerokości
Jeśli włączysz funkcję „Komórki tabeli o stałej szerokości”, każda komórka będzie miała ten sam rozmiar

Ustawienia kolorów

Inspektor umożliwia również zmianę koloru tła tabeli. Jeśli wybrałeś styl Domyślny, cała tabela będzie miała ten sam kolor tła. Jeśli wybrałeś Paski, tylko co druga linia będzie miała ustawione tło.

Ustawienia kolorów bloku tabeli
Zmiana koloru bloku

Nowo dodana funkcja: Obsługa nagłówka i stopki

Aby tabele były bardziej dostępne, programiści dodali opcję nagłówka i stopki do bloku tabeli WordPress. Funkcjonalność ta zapewnia również lepszą definicję strukturalną (danych) i dostarcza dokładniejszych informacji mobilnym asystentom. Struktura tabeli zawiera teraz <thead>, <tfoot>, I <tbody> identyfikować i rozróżniać nagłówek, stopkę i treść tabeli. Możesz włączyć lub wyłączyć sekcję nagłówka i stopki bezpośrednio z Inspektora.

Blok tabeli wordpress
Teraz możesz dodać nagłówek i stopkę do swojej tabeli

Dodatkowa wskazówka: Jak utworzyć tabelę w WordPress bez wtyczki obok obrazu

Czy potrzebujesz mieć tabelę i obraz obok siebie? Aby to zrobić, musisz użyć bloku kolumn. Ten blok pozwoli ci wstawiać różne typy treści do kolumn i ładnie je wyrównać.

Jak to zrobić?

Wstaw blok tabeli do jednej kolumny, a blok obrazu do drugiej. Otrzymasz zagnieżdżoną tabelę wewnątrz bloku kolumn WordPress obok obrazu. To bardzo proste i nie musisz się martwić o wyrównanie czy responsywną wersję.

Zagnieżdżona tabela w bloku kolumn WordPress
Za pomocą bloku Kolumny możesz umieścić swój stół obok obrazu

Możesz przeczytać więcej o Column block w naszym artykule Jak zrobić kolumny w wordpress bez wtyczki.

14 pomyślał o „How to Create Table in WordPress without plugin

  1. Bardzo dobry post, wordpress ma opcje, których nie widzi mnóstwo użytkowników, Twój post to wyjaśnia. To umarło z wtyczek stołowych

  2. Taka miła informacja! Jasneⅼү, do przeczytania i odkrycia!
    Faktycznie pomogło mi dzięki wielkie.

  3. Bardzo pomocne. Wspaniale jest dowiedzieć się o nowych funkcjach bloku Gutenberga. Kontynuujcie dobrą pracę! Miłego dnia 🙂

  4. Brakuje mu kwintesencji funkcji, czyli responsywności.

    Jeśli przeglądam tabelę w telefonie komórkowym z 6 lub więcej kolumnami, jest ona skompresowana i wygląda okropnie.
    Przynajmniej powinni to przetestować!

  5. Teraz skończyłeś tworzyć tabelę, następnym krokiem jest dodanie jej do posta. Aby to zrobić, musisz najpierw skopiować krótki kod tabeli. Można to zrobić, przechodząc do TablePress All Tables. Następnie znajdź tabelę, którą chcesz skopiować, pod nią kliknij Pokaż krótki kod? Po kliknięciu pojawi się wyskakujące okienko z krótkim kodem.

  6. Nie mogę zrozumieć, dlaczego programiści WordPress nie pomyśleli o responsywności stołu w 2020 roku. Jak to w ogóle możliwe? Więc zanim to się stanie, nadal będzie można skorzystać z wtyczek, aby rozwiązać ten problem. Moim szczerym zdaniem. Ale świetny artykuł.

    1. Witam,

      Dzięki, że pytasz. Domyślnie nie ma możliwości zarządzania nim w panelu administracyjnym. Być może możesz rozważyć użycie innego typu bloku tabeli. Proszę spojrzeć na ten dostarczony przez PublishPress Blocks (gdzie możesz zarządzać różnymi typami obramowań, kolorami, czcionkami, tłem itp.

      Miłego dnia!
      Zlatko
      Zespół AIIT

      1. Czy jest jakiś sposób na scalenie komórek kolumny bez użycia jakichkolwiek wtyczek?

        1. Witam,

          Dzięki, że pytasz. Blok potraktowany przez społeczność WordPress nie pozwala na razie na scalanie komórek. Być może w przyszłości pojawi się taka opcja.
          Jeśli jest coś jeszcze, w czym możemy Ci pomóc, skontaktuj się z nami.

          Miłego dnia!
          Zlatko
          Zespół AIIT

Możliwość dodawania komentarzy nie jest dostępna.