Dokumentacja WP Table Manager

Wprowadzenie

WP Table Manager to rozszerzenie WordPress używane do zarządzania tabelami HTML w WordPressie z interfejsem arkusza kalkulacyjnego. Jest dostarczany jako pojedynczy pakiet, wszystkie motywy są włączone.

 

Menedżer WP-Table

 

Główne zalety:

  • Zarządzaj tabelami jak w arkuszu kalkulacyjnym
  • Zawiera 6 motywów
  • W pełni zarządzany z dowolnego edytora
  • Automatyczne zapisywanie AJAX
  • Sortowalne dane na frontend
  • Edytor stylów komórek, linii i kolumn
  • Zmień rozmiar linii i kolumny za pomocą drag'n drop
  • Skopiuj komórkę za pomocą drag'n drop
  • Skopiuj pełną tabelę jednym kliknięciem
  • Format komórek HTML
  • Zaawansowany edytor kodu CSS

 

I. INSTALACJA WP TABLE MANAGER

1.1 Zainstaluj

 

Aby zainstalować naszą wtyczkę, powinieneś użyć standardowego instalatora WordPressa lub rozpakować i umieścić cały folder w / wp-content / plugin.

 

install-wp-media-folder

 

Następnie kliknij aktywuj wtyczkę, aby zobaczyć menu WP Media Folder na lewym menu WordPress.

WP Table manager jest dostępny z dedykowanego lewego menu lub w lightbox z edytora. Masz również parametry w menu „Konfiguracja”.

 

1.2 Zaktualizuj wtyczkę

Aby zaktualizować WP Media Folder, możesz użyć strona głównayślnego aktualizatora WordPress. Możesz także usunąć i zainstalować nową wersję z pliku .zip pobranego ze strony www.joomunited.com. W każdym razie nie stracisz żadnej zawartości, ponieważ wszystko jest przechowywane w bazie danych.

 

aktualizacja wptm

 

Pamiętaj, aby zawsze mieć najnowszą wersję, aby uniknąć problemów z bezpieczeństwem i stabilnością.

Aby zaktualizować płatną wersję, musisz zalogować się do swojego konta JoomUnited z ustawień WordPress: Ustawienia> Ogólne

 

Połącz konto

 

Następnie użyj loginu i hasła do konta JoomUnited. Po pomyślnym zalogowaniu przycisk zmienia kolor na niebieski z tekstem Odłącz moje konto JoomUnited

 

image9

 

W końcu możesz zaktualizować wszystkie komercyjne wtyczki JoomUnited ze zaktualizowanego standardu WordPress.

 

II. WP TABLE MANAGER COMMON USE

Główną ideą WP Table Manager jest zarządzanie wszystkimi tabelami z edytora, chociaż masz widok wtyczki. WP Table Manager działa na każdym edytorze WYSIWYG WordPress, zarówno dla frontendu, jak i backendu. Na przykład możesz użyć go w niestandardowym module WordPress.
 

2.1 Zarządzaj tabelami z artykułu

 

menedżer tabeli-przycisk

 

Po zainstalowaniu WP Table Manager masz przycisk edytora wyświetlany poniżej edytora. Kliknij go, aby otworzyć główny widok WP Table Manager.

Menedżer tabel w lightboxie otwartym z posta:

 

image14

 

Jeśli chcesz wstawić tabelę do edytora, użyj górnego prawego przycisku Wstaw tę tabelę, aby umieścić ją w swoim artykule. Następnie tabela zostanie zmaterializowana z szarym obszarem i ikoną programu Excel.

 

image15

 

Jeśli ponownie klikniesz obszar, a następnie ponownie przycisk WP Table Manager, wczytana wcześniej tabela zostanie załadowana.

 

image16

 

Jednak Gutenberg jest teraz strona głównayślnym edytorem w WordPressie, więc możesz się przyjrzeć 2.7 Bloki w Gutenberg

2.2 Zarządzaj tabelami i kategoriami

Tabele są klasyfikowane w kategoriach. W kategoriach możesz mieć tyle tabel, ile chcesz.

Aby utworzyć kategorię tabeli, kliknij Nowa kategoria tabel przycisk w nagłówku pulpitu nawigacyjnego. Aby utworzyć nowy stół, kliknij Utwórz przycisk tabeli.

 

kategorie tabeli

 

Uwaga: strona głównayślna kategoria i tabela zostały już utworzone podczas instalacji wtyczki

 

Kategorią można zarządzać, umieszczając na niej mysz, możesz edytować nazwę lub ją usunąć.

 

Nazwa tabeli

 

Aby zamówić kategorie, możesz użyć funkcji przeciągania i upuszczania.

 

table-move

 

Umieszczenie myszy na tytule tabeli spowoduje wyświetlenie ikon do edycji tytułu tabeli, skopiowanie tabeli (wszystkie tabele zawierające dane i szablon) lub kosza.

 

2.3 Edycja tabeli

Aby dodać dane w tabelach, musisz działać tak, jak w arkuszu kalkulacyjnym. Dwukrotne kliknięcie komórki daje możliwość aktualizacji zawartości, jedno kliknięcie, aby zaznaczyć jedną / kilka komórek (i na przykład zastosować styl).

 

image20

 

Aby dodać linie lub kolumny, kliknij znak + na obramowaniu tabeli lub kliknij prawym przyciskiem myszy!

 

dodaj wiersz wiersza

 

Aby skopiować komórki, możesz użyć CTRL + C / CTRL + V (lub rzeczy z jabłkami, które wykonują ten sam J) lub możesz także umieścić mysz w prawym dolnym rogu komórki i ustawić ją w wybranym kierunku.

 

kopia komórkowa

 

Pamiętaj, że wszystko, co robisz, jest automatycznie zapisywane w wiastrona głównaości w prawym górnym rogu

 

Masz możliwość cofnięcia ostatniej modyfikacji.

 

image24

 

WP Table Manager przechowuje kopię zapasową dokonanej modyfikacji i jest w stanie ją przywrócić.

 

image25

 

2.4 Zaawansowana edycja treści

Możesz dodać treść HTML z edytorem WYSIWYG wewnątrz każdej komórki. Wybierz komórkę po prawej stronie Format> HTML.

 

image26

 

Teraz, gdy edytujesz komórkę, będziesz miał wewnątrz edytor HTML. Dostępne są obrazy i HTML.

 

komórka tabeli html

 

Komórki można również scalić. Wybierz 2 komórki lub więcej, a następnie kliknij prawym przyciskiem myszy, menu pozwoli Ci na scalenie.

 

image28

 

2.5 Import / eksport arkusza Excel i arkusza kalkulacyjnego

Możesz importować i eksportować arkusz kalkulacyjny w WP Table Manager za pomocą naszego dedykowanego narzędzia.

 

image29

 

Tabele można importować z Excela lub otwartych dokumentów biurowych. Format zostanie wykryty automatycznie i zaimportowany. Zauważ, że importowana będzie tylko pierwsza strona programu Excel.

Eksport można wykonać w formacie Excel 2003 lub 2007.

 

image30

 

2.6 Shortcode

Każda tabela ma swój kod skrótu, który można znaleźć pod adresem Więcej kart na prawym panelu. Następnie możesz łatwo udostępnić tabelę, używając skrótu, np .: [wptm id = 8]

 

krótki kod

2.7 Bloki w Gutenberg

Możesz teraz pokazać swoje tabele lub wykresy w edytorze Gutenberga. Te dwa bloki WP Table Manager to wykres WP Table Manager i WP Table Manager.

Aby wyświetlić tabelę w edytorze Gutenberga, kliknij WP Table Manager przycisk w kategorii Widżety. Pojawi się menu rozwijane, a następnie wybierz tabelę, którą chcesz pokazać w interfejsie.

 

add-table-block

 

Jest podobny do wykresu, klikając Wykres WP Table Manager przycisk w kategorii Widżety. Następnie wybierz jeden wykres w menu rozwijanym.

 

dodaj-wykres-blok

 

III. STOŁY STYLIZACYJNE

3.1 Format

Karta formatu jest strona głównayślnie dostępna po prawej stronie ekranu. Zawiera różne parametry.

 

image31

 

  • Typ komórki: strona głównayślny lub HTML. Typ strona głównayślny umożliwia wykonywanie obliczeń za pomocą HTML wstawiającego treść HTML, taką jak obrazy. Edytor WYSIWYG dla każdej komórki zostanie zaimplementowany w następnej wersji, w momencie dodania HTML do komórki.
  • Tło komórki kolor: oczywiście definiowanie koloru tła

 

image32

 

Opcje obramowań i czcionek można zastosować do pojedynczych lub wielu komórek

image33

 

Szerokość wiersza i kolumny można zdefiniować w pikselach. Wybierz kolumnę lub wiersz w dowolnym miejscu tabeli i zatwierdź rozmiar.

 

3.2 Opcje motywu i sortowania

Na karcie tabeli, nadal po prawej stronie, masz wybór motywów. Kliknij motyw, aby go zastosować.

Zastosowanie motywu spowoduje zastąpienie wszystkich danych i stylu w tabeli. Tak więc, aby kontynuować, należy zastosować motyw, a następnie edytować dane i utworzyć własny motyw, a następnie zduplikować tabele.

 

wybór tematu

 

„Funkcja automatycznej stylizacji: pomaga kolorować linię na stole za pomocą Stylizacja nagłówka i Stylizacja stopki opcje. Możesz wybrać style szablonów lub utworzyć własne w ustawieniach wtyczki.

 

image35

 

Parametr sortable pozwala na sortowanie danych AJAX na nakładce.

 

image36

 

Wyrównanie tabeli dotyczy wyrównania div zawierającego całą tabelę, na przykład wyśrodkowania całej tabeli.

 

image37

 

Opcjonalnie dostępne jest także oświetlenie do komórek. Możesz włączyć tę funkcję w konfiguracji. strona głównayślnie jest wyłączony. Możesz wybrać podświetlony kolor i krycie podświetlenia.

 

podświetlanie tabeli

 

3.3 Dodaj podpowiedź do komórek

Podpowiedzi na komórki muszą być aktywowane z konfiguracji wtyczki (Menu konfiguracji). Po aktywacji otrzymasz przycisk na dole karty formatu podczas edycji tabeli.

image39

 

Możesz dla szerokości w pikselach. Podpowiedź edycji przeniesie Cię do podpowiedzi za pomocą edytora, aby edytować podpowiedź.

 

image40

 

Dodaj zawartość i zapisz, gotowe, podpowiedź zostanie wyświetlona po stronie publicznej po najechaniu myszką.

 

image41

 

3.4 Zamrożenie linii i kolumny

Zamrożenie linii lub kolumny jest dostępne w Stół patka. Możesz zamrozić do 5 linii lub kolumn. Jest liczony od pierwszego wiersza / kol.

 

image42

 

Aby zamrozić wiersz, istnieje dodatkowa opcja, która pozwala ustalić wysokość stołu (ponieważ kontener stołu może mieć nieskończoną wysokość).

 

image43

 

Gdy wybierzesz linię lub kolumnę do zamrożenia, będziesz mógł przewijać swój stół i zawsze wyświetlać stałą linię / wiersze.

 

image44

 

3.5 Filtrowanie danych kolumn

Opcja filtrowania jest ponownie dostępna na karcie tabeli. Możesz go aktywować, aby włączyć publiczne pola filtrowania danych.

 

image45

Przykład filtrów:

 

responsive-table-scroll

 

3.6 Własny CSS

Przejdźmy o krok dalej. Jeśli jesteś projektantem stron internetowych z umiejętnościami css, będziesz mógł dodać css do Więcej kart. Możesz dodać dopełnienie i promień obramowania na komórce.

 

image47

 

Pamiętaj, że jeśli zastosowałeś motyw, niektóre niestandardowe css zostaną dodane automatycznie. Nadal możesz go edytować.

 

Nadal na Więcej kart, kliknij na niestandardowy Przycisk CSS dostęp do edycji css. Kod CSS jest zabarwiony za pomocą kodu lustrzanego i może być zapisany w mniejszym CSS, działa też!

 

custom-table-css

 

Komórki, linia, kolumny mają współrzędne umożliwiające identyfikację każdego z nich i zastosowanie na nim niestandardowego css. R to wiersz, C to kolumna.

 

image49

 

3.7 Elastyczne tabele WordPress

Czy moje stoły reagują na zmiany lub używają przewijania na małych urządzeniach?

WP Table Manager obsługuje responsywny projekt z priorytetowym narzędziem, jako opcja. strona głównayślnie funkcja responsywna jest wyłączona, wystąpi przepełnienie (mimo to działa świetnie na urządzeniach mobilnych).

 

tryb responsywny

 

Tryb responsywny jest zaawansowany, możesz zdefiniować priorytet ukrywania kolumn w rozmiarach mobilnych. Gdy kolumny są ukryte, wyświetlone zostanie menu mobilne z polem wyboru, aby wymusić wyświetlanie / ukrywanie kolumn.
Rozmiar kolumny jest ustalany podczas edycji tabeli. Jeśli rozmiar wszystkich kolumn jest zbyt duży dla kontenera, będziesz miał przepełnienie i będziesz mógł łatwo przewijać urządzenia mobilne.

Tabela z przewijaniem (lepiej dla małej ilości kolumn)

 

responsive-table-scroll

 

Tabela z ukrytą kolumną (lepiej dla dużej liczby kolumn)

 

57bb0cb0ac948

 

3.8 Pobierz tabelę

Aby udostępnić swój stół publicznie, należy włączyć Pobierz przycisk opcja na Karta tabeli na prawym panelu. Typem pliku będzie * .xlsx.

 

tabela pobierania

 

IV. WYKRES Z TABEL

4.1 Utwórz tabelę z danymi

Od wersji 2.0 masz teraz możliwość dodawania wykresów do treści. Najpierw utwórz tabelę z danymi, aby wygenerować wykres.

 

image50

 

Następnie dokonaj wyboru, aby wygenerować wykres, tutaj zaznaczona jest cała tabela, kliknij Dodaj przycisk wykresu.

 

image51

 

Zostanie wygenerowany wykres z uwzględnieniem wybranego zakresu danych. Po prawej stronie możesz wybrać typ tabeli. Możesz wygenerować wykres według potrzeb z zestawu danych.

 

image52

 

Wykres będzie dynamicznie aktualizowany w odniesieniu do zmiany danych w tabeli.

 

4.2 Parametry wykresu

Po dodaniu wykresu masz kilka opcji w prawej kolumnie.

image53

 

„Wiersz przełączania / kolumna” jest dostępny tylko wtedy, gdy w zestawie danych wybrano tylko liczby. Będziesz mógł zmieniać dane z col na wiersz.

Parametr „Użyj pierwszego wiersza / kolumny jako etykiety” umożliwia dodanie etykiety do wykresu

 

image54

 

Następnie masz opcje ustawienia szerokości / wysokości, wyrównania, koloru do wykresu.

 

V. PŁYTY EKSPOZYCYJNE I GOOGLE SYNC

5.1 Synchronizuj tabelę z danymi pliku Excel

Możliwe jest przeprowadzenie synchronizacji między utworzonym stołem a plikiem programu Excel znajdującym się na serwerze (w dowolnym miejscu). Od prawa zakładka o nazwie „Tabela” na dole masz blok do połączenia pliku Excel z tabelą.

 

link-to-Excel


Jeśli ty kliknij przycisk Przeglądaj, będziesz mógł wybrać Excel w dowolnym miejscu na serwerze, tutaj jest to plik przesłany przez menedżer multimediów (/ folder przesyłania).

 

link-excel-file-table

 

Po powiązaniu pliku Excel z tabelą możesz nacisnąć Pobierz dane przycisk do importowania danych z pliku Excel.

Uwaga: Tylko dane zostaną pobrane z programu Excel, a nie ze stylów, więc globalny styl tabeli pozostanie nietknięty podczas importu.

 

dane do pobrania

 

Ostrzeżenie: w zależności od dostępnej pamięci na serwerze nie będzie można zaimportować bardzo dużych plików programu Excel (na przykład ponad 1000 wierszy)

Oto wynik importu danych.

 

Excel-Google-synchronizacja arkuszy

 

5.2 Synchronizacja z arkuszami Google

WP Table Manager oferuje również możliwość synchronizacji Arkuszy Google. Twój arkusz Google musi zostać opublikowany, aby mógł zostać zsynchronizowany. Więc najpierw otwórz arkusz z Google Drive i opublikuj go jako stronę internetową za pomocą Menu Plik.

 

arkusze google-publik-web-google

 

Następnie uzyskasz dostęp do łącza pliku Arkusze Google, skopiuj ten link.

 

link-arkusz

 

I wklej do Zakładka „Tabela” WP Table manager

 

link-to-Excel

 

Jesteś skończony! Możesz teraz pobrać dane do natychmiastowej synchronizacji i uruchomić automatyczną synchronizację. Opcja stylu pobierania jest dostępna w przypadku, gdy chcesz uzyskać style arkuszy kalkulacyjnych Arkusze Google.

 

5.3 Automatyczna synchronizacja arkuszy Excel i Google

Nad linkiem do pliku można również aktywować automatyczną synchronizację. WP Table Manager pobierze dane automatycznie w regularnych odstępach czasu.

Po aktywacji powiastrona głównaienie jest wyświetlane po tytule tabeli.

 

powiastrona głównaienie o synchronizacji arkusza google

 

Opóźnienie synchronizacji można ustawić w konfiguracji globalnej WP Table Manager.

 

okres synchronizacji

 

 

VI. PARAMETRY WP TABLE MANAGER

6.1 Parametry

Aby uzyskać dostęp do WP Table Manager, wejdź WP Table Manager> Konfiguracja

Jako opcję możesz zdefiniować:

  • Włącz przyciski Importuj / Eksportuj
  • Eksportuj format pliku
  • Włącz podpowiedź
  • Włącz automatyczne zapisywanie lub aktywuj przycisk ręcznego zapisywania
  • Okresowość synchronizacji plików
  • Załaduj wtyczkę na frontend
  • Przebuduj alternatywny kolor
  • Podświetlanie komórek
  • Podświetl kolor tła
  • Podświetl kolor czcionki
  • Podkreślanie krycia
  • Formaty daty
  • Pozycja symbolu
  • Symbol (y) waluty
  • Symbol dziesiętny
  • Liczba dziesiętna
  • Tysiąc symboli

 

image55

 

VII. WP TABLE MANAGER TIPS ANS TRICKS

7.1 Obliczenia

Masz podstawową implementację obliczeń w WP Table Manager. Dostępne elementy to:

  • SUMA, LICZBA, CONCAT
  • MINIMUM MAKSIMUM ŚREDNIA
  • DATA, DZIEŃ, DNI, DZIEŃ360
  • LUB, XOR, I

Aby utworzyć sumę, wpisz w ten sposób: = SUMA (A1; B2) lub = SUMA (A1: B2)

 

obliczanie sumy

 

7.2 Role użytkownika

Zarządzanie tabelami jest definiowane przez role użytkownika WordPress, które mają możliwość wykonania określonej akcji. Wszyscy użytkownicy w roli użytkownika będą mieli takie same uprawnienia dotyczące zarządzania tabelami.
Aby skonfigurować dostęp, użyj menu WP Table Manager> Role użytkownika.

 

ustawienia ról użytkownika

 

Po zalogowaniu użytkownik będzie miał uprawnienia do zarządzania plikami.

Możesz ustawić właściciela użytkownika dla kategorii i tabel w Więcej patka.

 

set-user-role

 

VIII. TABELE Z BAZY DANYCH

WP Table Manager umożliwia tworzenie tabel z tabel bazy danych.

Od administratora kliknij WP Table Manager> Tabele bazy danych.

 

 

Następnie będziesz mógł wybrać tabele i kolumny z bazy danych. Klikając kontrolkę, możesz wybrać kilka tabel, kolumn.

 

wybór bazy danych

 

Przy wyborze kolumny możesz zdefiniować niestandardowy tytuł i strona głównayślną kolejność danych w tabeli, gdy są wyświetlane po stronie publicznej.

 

column-titleandordering

 

Następnie masz kilka opcji i filtrów do zastosowania w swoich tabelach:

  • strona głównayślny poziom paginacji (do użycia z dużą ilością danych)
  • Liczba wierszy do paginacji
  • Zastosuj filtr do swoich danych, tj. kolumna może być równa, różna ... od określonej wartości
  • Możliwość grupowania niektórych wartości w kolumnach

 

opcje tabeli bazy danych

 

Wreszcie możesz wyświetlić podgląd i wygenerować swój stół, tak jak w przypadku każdej innej tabeli.

Jedyna różnica polega na tym, że tematów nie można stosować na tabelach, ale można dostosować cały wyświetlacz, tak jak w każdej innej tabeli.

 

Gdy Twój stół zostanie wygenerowany, nadal będziesz miał dostęp do stołu Źródło bazy danych i możesz na przykład dodać kolumnę „Status” do tabeli w Źródło danych patka.

 

generowane w bazie danych