Loncat ke Konten Utama

Cara menyisipkan meja di WordPress dengan TablePress Plugin

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Ini adalah fitur yang tidak ada secara default WordPressnamun, publikasi kami pada dasarnya tidak terdiri dari judul dan paragraf. Beberapa blog juga menggunakan tabel karena berbagai alasan. Masalahnya seperti biasa adalah sangat sulit untuk mengetahui plugin mana yang harus digunakan.

Untuk menjawab kekhawatiran salah satu dari kami pelangganAku pergi ke Anda dalam hal ini Tutoriel bagaimana menambahkan tabel yang bagus di situs WordPress Anda berkat plugin ini TablePress.

Jika Anda tidak mengerti satu titik pun pada tutorial ini, formulir komentar siap membantu Anda.

Apakah kamu siap? Di sini kita pergi!

tablepress-logo

Instalasi dan konfigurasi Plugin tablePress

Memang, kami akan menggunakan Plugin TablePress, yang sangat dikenal dengan cara, untuk menambahkan tabel di artikel dan halaman WordPress. Saya mengundang Anda keinstaller dari dashboard Anda. Anda juga dapat unduh itu sebagai file zip.

Setelah selesai, Anda akan melihat bahwa menu baru tersedia di bilah sisi kiri dasbor Anda. Khusus untuk konfigurasi, Anda tidak perlu banyak melakukan.

Namun, Anda dapat menyesuaikan desain tabel secara keseluruhan dengan menambahkan kode CSS dan mengatur lokasi menu « tablePress » di menu sebelah kiri dasbor.

tablepress-konfigurasi

Bagaimana menambahkan tabel baru di blog Anda

Di menu TablePress », Klik pada« Menambahkan gambar ". Di halaman baru, Anda harus memberi nama pada tabel Anda, deskripsi (opsional), tetapi terutama untuk menentukan jumlah baris dan kolom. Setelah selesai, klik " Menambahkan gambar ".

add-a-tabel

Setelah menambahkan tabel Anda, pergi ke halaman edit. Pada halaman ini Anda akan dapat memodifikasi nom dan deskripsi dari lukisan itu (sampai saat itu tidak ada yang istimewa), Tapi di atas semua, Anda dapat menangani meja itu, termasuk penambahan teks di bidang masing-masing kolom.

Divi: Tema WordPress terbaik sepanjang masa!

lebih 554.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

mengubah-of-a-kolom

opsi tambahan lain yang tersedia, mereka memungkinkan Anda untuk:

  • DARImenambahkan gambar
  • Untuk menambahkan link
  • Untuk mengakses editor lanjutan (Hanya pengembang HTML)
  • Menyembunyikan atau menampilkan baris
  • Gandakan, masukkan atau hapus garis
  • Untuk menambah baris kosong baru

Pilihan berbeda ini berlaku untuk garis (kiri) dan ke kolom (benar).

Pilihan-on-the-garis dan kolom

Seksi tabel Pilihan Memberi Anda kesempatan untuk menentukan opsi tertentu seperti fakta definisikan " baris pertama dari tabel Sebagai judul dan yang mendefinisikan " baris terakhir dari tabel Serendah. Anda juga dapat menentukan opsi visibilitas lainnya dan menambahkan kode CSS.

Pilihan-the-table

Untuk membuat tabel Anda dinamis, Anda dapat mengaktifkan opsi " DataTables "Bagian" Isi Perpustakaan JavaScript DataTables ". Secara default, fitur ini diaktifkan, dan memberi Anda opsi untuk mengaktifkan beberapa lainnya seperti pengurutan, paging, dan lainnya.

Pilihan-library-javascript

Setelah Anda selesai mengedit tabel Anda, jangan lupa untuk menyimpan perubahan Anda dengan mengklik " Simpan perubahan ".

Di bagian bawah halaman, Anda akan melihat 3 tombol lain yang memungkinkan Anda untuk:

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

  • tabel Copy : artinya membuat tabel baru yang terinspirasi oleh yang saat ini dimodifikasi
  • Ekspor Tabel: fitur ini memungkinkan Anda untuk menggunakan informasi dari satu meja di instalasi lain " TablePress Anda juga dapat menggunakan fitur ini untuk membuat cadangan tabel Anda.
  • menghapus tabel : fitur ini est kita tidak bisa claireitu adalah penghapusan tabel yang sedang diedit.

Ekspor-of-a-table

Bagaimana untuk mengelola tabel situs Anda

Semua tabel yang Anda buat tersedia di " TablePress >> semua lukisan-lukisan ". Dari lokasi ini, Anda dapat melakukan tindakan yang dikelompokkan, termasuk tabel menyalin, menghapus atau ekspor. Jika Anda lebih suka melakukan tindakan ini di papan tertentu, arahkan kursor ke atasnya dan Anda akan melihat opsi-opsinya.

Dari lokasi ini juga Anda dapat mengambilnya Kode pendek dari tabel, yang akan Anda tambahkan dalam artikel atau halaman pilihan Anda.

Tidak perlu memberi tahu Anda bahwa untuk melakukan perubahan pada tabel, Anda harus mengklik pada nama tabel.

mengelola-tabel

Cara mengimpor meja

TablePress memberi Anda kemampuan untuk mengekspor dan mengimpor tabel baik pada instalasi yang sama WordPressAtau di tempat lain. Namun, Anda perlu mengakses lokasi " TablePress >> Impor tabel ".

Dari sana, Anda dapat menentukan sumber tabel (Berkas, Url, di server, entri manual).

-Des-Tables impor

Cara menambahkan gambar ke artikel atau halaman

Dari homepage PluginAnda dapat memulihkan Kode pendek, seperti yang saya katakan sebelumnya, dengan mengklik tautan "Tampilkan pintasan".

Post-shortcode

Salin kode ini dan tambahkan ke editor visual artikel atau halaman.

Selain-u-shortcode-on-l-bagian

Setelah selesai, mempublikasikan artikel (atau halaman) dan consultez-itu. gambar cantik Anda sejalan dengan semua baris dan kolom (itulah yang saya dapat capai di rumah dengan tema minggu ini).

Tabel-preview

Itu semua untuk tutorial ini yang didedikasikan untuk membuat dan menambahkan tabel pada halaman / artikel dari situs WordPress Anda berkat TablePress. Saya harap Anda menemukannya bermanfaat.

Jangan ragu untuk membagikan artikel ini atau memberikan komentar.

Artikel ini berisi komentar 38
  1. Halo,

    Saya tidak dapat menemukan plugin yang memungkinkan saya mengubah nilai spreadsheet langsung di situs (pada halaman pribadi), tetapi tidak harus masuk ke dashboard dan kemudian di plugin.

    Merci!

  2. sore dan terima kasih untuk jawaban cepat.
    Memang, jika saya mengklik salah satu tautan Anda (misalnya 1er berkenaan dengan katalog) saya tiba di halaman kosong dengan menyebutkan "Maaf, tidak ada posting yang sesuai dengan kriteria Anda. "
    Tetapi jika pada halaman yang sama ini saya klik pada "HOME" (di mana semuanya normal) dan saya kembali pada "CATALOG": itu muncul cukup normal dan sangat cepat (saya menggunakan Firefox).
    Dengan kontra, mencoba pencarian dengan Internet Explorer: KEJUTAN BESAR: perubahan total gaya ... .. semua panjangnya, deformasi tata letak, kelambatan di layar !!!!!
    Bisakah Anda menjelaskan kepada saya mengapa perbedaan ini ditampilkan?
    Lalu, dapatkah Anda memberi tahu saya sejelas mungkin (saya ingatkan pengalaman saya dalam hal situs web) bagaimana memperbaiki kesalahan yang Anda ajukan? dan selain itu, bagaimana Anda menemukannya?
    Apakah Anda juga ingin saya memposting dokumen PDF (tangkapan layar) yang saya ajukan kepada Anda dan bagaimana saya bisa mengirimnya?
    Saya tahu, itu banyak pertanyaan dan banyak waktu untuk satu orang, dan saya akan sangat bersyukur jika Anda dapat terus membantu saya dalam kekacauan ini.
    Sementara itu, terima kasih lagi dan umur panjang ke situs benar-benar hebat ini!

    1. Baik pagi atau sore hari yang baik,
      Maaf untuk respon super terlambat. Aku sudah cukup sibuk sepanjang hari, tapi aku akan kesulitan menjawabnya.

      - Dengan mengklik pada link pertama, Anda diharapkan untuk mengakses file javascript yang isinya tidak boleh dibaca untuk Anda. Jika sebaliknya, Anda mengakses halaman tidak ditemukan di blog Anda, maka javascript sumber daya yang digunakan oleh tema (atau Plugin) tidak ditemukan dan oleh karena itu, fungsi yang sumber daya ini diharapkan dapat membawa tidak akan bekerja. Dalam kasus Anda file 4 hilang.
      - Perubahan gaya bervariasi dari satu browser ke browser lainnya. Jika Anda menggunakan FireFox dan Chrome (terutama versi terbaru), tata letaknya mungkin sama. Sehubungan dengan Internet Explorer, layar sebagian besar diimbangi, karena browser ini tidak menghormati standar yang dimiliki orang lain (di sisi lain browser Edge microsoft adalah versi perbaikan dari Internet Explorer).

      Untuk mengatasi masalah Anda lebih cepat (mengingat pengalaman Anda), saya mengundang Anda untuk meminta diagnosis blog Anda (gratis). Pada akhir ini, Anda akan diberitahu apa yang hilang dan apa yang harus dilakukan. Kami juga dapat menerapkan beberapa tindakan yang akan membuat Anda tidak menemui masalah seperti ini di masa mendatang.

      Hubungi customer service kami silakan.

      https://blogpascher.com

  3. Halo dan selamat atas tutorial Anda.
    Setelah kepergian "webmaster" kami, saya ditunjuk sebagai "manajer TI" - sementara saya orang baru di situs web - dan saya ingin mengganti meja (mewakili katalog dengan nama penulis, judul ...) oleh katalog baru yang diperbarui.
    Saya ingin melakukan penggantian dengan meja TablePress.
    Semuanya berjalan dengan baik kecuali bahwa fungsi "urutkan" tidak berfungsi, sementara di "Konten pustaka DataTable JavaScript" SEMUA dicentang dan khususnya yang menyangkut "penyortiran".
    Dapatkah Anda memberitahu saya mengapa? dan bagaimana memecahkan masalah saya?
    Anda dapat menyadari fenomena ini dengan mengunjungi situs "www.bs-limoges.fr" (atau "Perpustakaan Sound of Limoges") di halaman "CATALOG".
    Sebelumnya, terima kasih telah membantu saya dan semoga harimu menyenangkan.

    1. Halo,
      untuk membantu Anda memecahkan masalah Anda, bisakah Anda mengirim tangkapan? Jika juga memungkinkan untuk memiliki link ke halaman Anda, maka itu akan menjadi nilai tambah.
      Merci.

      1. Halo dan terima kasih untuk mengambil kasus saya menjadi pertimbangan, terutama begitu cepat.
        Saya membuat beberapa tangkapan layar dan saya menyimpannya dalam PDF dengan komentar saya tapi, bagaimana cara mengirimnya?
        Dapatkah saya mengirim mereka sebagai lampiran dalam pesan pribadi dan jika demikian, saya bisa memiliki alamat email?
        Atau yang lain, cara mempostingnya melalui situs ini? Saya mencoba "copy-paste" tanpa hasil ... ..
        Adapun tautan yang mengarah ke halaman saya, selain alamat: "www.bs-limoges.fr", Anda mendarat langsung di halaman yang bersangkutan dengan tautan berikut:
        «Http://bs-limoges.fr/catalogue/»
        Terima kasih atas bantuan Anda benar-benar diterima.
        Bonne journée à vous.

        1. Halo,
          setelah meninjau situs web Anda, saya menyadari:
          1 - Ada kesalahan JavaScript dari awal halaman, karena beberapa sumber yang hilang:
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Catalog.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Map.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Catalog.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Anim.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Map.js

          2 - Meja Anda sangat panjang. Hal dayung pada browser saya. Anda harus menyertakan halaman untuk meja.
          Anda perlu menyelesaikan masalah sumber daya yang hilang ini sehingga array dapat berjalan normal.

          1. Re bonjour,
            Tidak memiliki berita lagi sebagai hasil dari jawaban saya kemarin, saya menyadari bahwa itu tidak muncul di situs ini. Misteri komputer lain untukku!
            Jadi, saya beristirahat hari ini.
            Saya bertanya bagaimana Anda memiliki akses ke alamat Anda memberi saya (http://bs-limoges.fr/wp-content/themes/bsl/scripts/....) Dan berakhir pada halaman di mana kalimat muncul: "Maaf, tidak ada tulisan yang sesuai dengan kriteria Anda" ????????
            Bagi saya, ketika saya mengetik alamat situs saya, saya masuk ke homepage dan mengklik halaman (misalnya: "CATALOG") Saya ada di halaman normal saya (dengan katalog saya) ??? Dan itu sama untuk semua halaman yang Anda kutip kepada saya: masih merupakan misteri!
            Katalog terbuka sangat cepat bertentangan dengan apa yang Anda katakan kepada saya.
            Saya bekerja dengan Firefox, tapi saya cek dengan Internet Explorer dan juga cepat.
            Jadi saya benar-benar tidak mengerti.
            Dengan kontra, saya perhatikan bahwa dengan Internet Explorer, situs ini benar-benar berbeda:
            Tidak ada kemiripan dengan yang yang muncul di Firefox.
            Di Firefox: semua ada di kolom 8 dan di Explorer: semua panjangnya di satu kolom. Bagaimana menjelaskannya ????
            Jika tidak, Anda meminta saya untuk "memecahkan masalah sumber daya yang hilang" dan kemudian di sana, bagi saya, itu adalah misi yang mustahil tanpa bantuan dari luar. Saya mengakuinya kepada Anda: Saya adalah orang baru yang murni dalam pemeliharaan situs web!
            Jadi, jika Anda menjelaskan secara rinci apa yang harus saya lakukan dan bagaimana melakukannya, Anda akan menyelamatkan saya dari langkah yang buruk.
            Jika mau juga saya bisa posting screenshot yang saya usulkan tapi sekali lagi anda harus jelaskan saya bagaimana cara posting di situs anda.
            Itu saja, ini memberi Anda pembacaan lama tentang masalah saya dan terutama waktu lama untuk meramalkannya (jika Anda menerimanya!) Dan untuk semua ini, saya memperbarui semua rasa terima kasih saya dengan harapan bahwa kali ini pesan saya sampai kepada Anda. .
            Semoga harimu menyenangkan, dan mungkin "akhir pekan yang baik" ........

          2. Halo,
            Dengan mengakses kode sumber blog, browser menunjukkan kesalahan yang coba saya jelajahi. Dan mengklik kesalahan ini, saya mengakses blog anda, yang tidak normal, karena saya harus mengakses script (pemrograman kode komputer). Jika saya mengakses halaman kesalahan dan bukan naskah, maka sumbernya hilang dan seperti yang saya katakan sebelumnya, fitur yang bergantung padanya tidak akan bekerja.

            Sayangnya, untuk mengatasi masalah sumber daya yang hilang ini, Anda harus memiliki pengetahuan dasar tentang webmastering (sehingga akan dipelajari). Tapi seperti yang saya katakan, kami menawarkan layanan dukungan pelanggan kami, yang memungkinkan kami untuk mengajari Anda banyak hal dalam webmastering (tapi bukan itu), tapi juga untuk mengatasi sebagian besar masalah teknis Anda.

            Jika Anda ingin belajar, ada banyak kursus online dan bahkan tutorial di sini, tapi saya harus mengakui bahwa itu akan memakan sedikit waktu. Jadi terserah pada Anda untuk memutuskan dan tidak peduli apa yang Anda pilih, Anda akan sampai pada solusi.

            Merci.

          3. Halo dan terima kasih lagi untuk tanggapan Anda untuk permintaan saya akhirnya menyeberang.
            Jelas, saya punya pekerjaan untuk sampai kesana! Tapi sejak awal saya mencari solusi dengan membaca semua tutorial yang saya temukan di Net dan saya siap untuk berkonsultasi dengan banyak orang lain jika bisa membantu saya.
            Dan itu juga bagaimana saya menemukan Anda (super apalagi ...) jadi untuk saat ini saya akan terus mengikuti rekomendasi Anda.
            Jadi Anda memberi tahu saya: "kami menawarkan layanan dukungan pelanggan kami", bisakah Anda memberi tahu saya cara memanfaatkan layanan ini?
            Anda menambahkan jawaban terakhir Anda: "Saya mengundang Anda untuk meminta diagnosis blog Anda (gratis). Tetapi jika saya mengklik tautan Anda (https://blogpascher.com) iya saya berakhir di situs anda, tapi saya tidak punya informasi mengenai layanan GRATIS ini. Saya hanya menemukan layanan PEMBAYARAN!
            Kemudian, dalam kasus-kasus 2 melakukan itu?
            Mengenai perbedaan dalam presentasi, saya hanya harus berharap bahwa "pembaca" di masa mendatang dari situs tersebut bekerja dengan Firefox atau Chrome. Dalam hal apapun terima kasih atas klarifikasi ini yang saya tidak tahu (belum satu !!!) Tetapi apakah ada kemungkinan untuk menghindari masalah baru ini?
            Ayo, itu terlalu lama saya membuat Anda bosan dengan masalah saya. Jadi saya akan membiarkan Anda bersantai untuk akhir pekan dan berharap Anda hari yang baik.
            Besok, itu akan menjadi ringan ... ..

          4. Halo,
            Untuk mengakses diagnostik gratis, Anda akan menemukan tombol di beranda. Semua informasi mengenai pembinaan dan pelatihan juga ada di beranda. Anda juga akan memiliki agen yang terhubung untuk menjawab semua pertanyaan Anda.

  4. Halo

    Saya menggunakan wordpress dan Tabel Tablepress dan ingin tahu apakah mungkin untuk menyalin sebagian dari meja dengan isinya dan paste di meja lain sebagai hasilnya. Mari saya jelaskan:

    Saya memiliki Tabel A dan Tabel B

    Tabel A memiliki garis 15 dengan konten di setiap sel
    Tabel B meliputi garis 5, tapi saya akan menambahkan baris 10 dari Tabel A dengan isinya
    Tabel B, memiliki tabel yang sama dengan baris nomor yang sama dan konten yang sama.

    Terima kasih sebelumnya

    Frédérique

    1. Halo,
      memang dimungkinkan. Hanya Anda tidak akan memiliki antarmuka yang akan menyederhanakan operasi. Anda akan memiliki perintah yang baik dari shortcode. Karena jika Anda copy dan paste shortcode salah, itu dapat bahwa tabel tidak lagi ditampilkan.

        1. Anda akan perlu untuk mengekspor tabel Anda ingin menyalin kolom. Dengan kandungan diekspor, Anda harus memanipulasi file CSV yang dihasilkan. Di sinilah semuanya akan rumit jika Anda tidak memiliki penguasaan file jenis ini.
          Anda dapat menggunakan file CSV untuk bergabung kolom dari dua tabel sekali dan mengimpor file CSV kemudian.
          Seperti yang telah saya katakan sebelumnya, ini bukan tugas yang mudah.
          Anda juga dapat menggunakan plugin duplikasi konten "Duplicate Posts" (lakukan pencarian di atasnya). Berharap bahwa plugin ini akan kompatibel dengan TablePress.

          Good luck.

  5. Halo
    Saya telah memodifikasi CSS pilihan - Saya ingin mengubah warna yang pertama di baris header tabel. Tapi tidak ada perubahan ... Saya dikosongkan cache
    .tablepress th thead,
    tfoot .tablepress th {
    background-color:! d3cec8 penting;
    }

    Terima kasih atas bantuan Anda ...

  6. Bonjour Thierry,

    Saya berterima kasih untuk tutorial ini sinsèrement saya keluar dari ketidaktahuan saya. Itu selama ketika mencoba untuk menginstal tabel di blog saya tanpa keberhasilan. Tapi meskipun penjelasan Anda, saya tidak bisa selalu lukisan ini terkenal. Aku punya dua masalah:
    1) Saya memang download file zip. Setelah download selesai, apa seni kita lakukan selanjutnya? Saya tidak melihat sesuatu yang baru pada menu
    Pertanyaan: Setelah download berarti penampilan TablePress Plugin otomatis dalam menu blog saya?
    2) Ketika saya memilih opsi plugin yang saya perhatikan, sayangnya, bahwa "Ekstensi" saya tidak memiliki opsi "Tambah".
    Pertanyaan: Apakah ada solusi?

    NB: blog saya adalah bagian dari platform blogger (mondoblog.org). Saya setiap kali dihadapkan dengan kesulitan memasukkan data saya dienkripsi dalam tabel seperti kasus ini: http://matango.mondoblog.org/2016/05/06/cameroun-pourquoi-lopposition-est-elle-abandonnee-par-le-peuple-1/

      1. Bonjour Thierry,
        Bonjour Hervé,

        Memang, saya tidak akan ragu saya! Platform (Mondoblog) menggunakan perangkat lunak WordPress. Tapi setiap blogger bebas untuk personalisasi blog mereka di akan. Itulah mengapa saya berpikir untuk meminta bantuan Anda. Aku tidak tahu bahwa dalam sebuah blog sebagai bagian dari platform WordPress adalah mustahil untuk menambahkan plugin.

        Terima kasih untuk waktu Anda.

        Cordialement

  7. Aku sedang membuat website dengan tema wordpress dengan HUEman. Semua data dalam lukisan saya terpusat. Tidak dapat menemukan cara untuk menyelaraskan ke gauche.Dans apa file CSS adalah kontrol (kiri).
    Merci pour la tanggapan.

    1. Hello Gilbert

      Maaf untuk jawaban terlambat, kami memiliki konferensi. Mengenai permintaan Anda, saya perlu screenshot silakan. Kami dapat membantu Anda untuk plugin, tetapi tidak untuk tema karena kita membatasi diri di sini untuk menyajikan beberapa alat, tapi sayangnya kami tidak dapat memberikan dukungan.

  8. Halo, dan selamat untuk tutorial besar ini dibaca.
    Aku punya dua pertanyaan:
    1) bagaimana bisa pusat teks dalam sel; atau semua sel pada saat yang sama?
    2) bagaimana kita bisa menunjukkan batas sel?
    Terima kasih dan saya berharap segera

    1. Hello Jean-Claude,
      1: Anda dapat memaksa penyelarasan semua sel dengan CSS khusus: "tabel td {align: center! Important; } »

      2: Anda juga dapat memaksa tampilan batas dengan kode CSS khusus "table tr {border-top: solid 1px #333! Penting ;; border-bottom: solid 1px #333! important ;; } td table {border-left: solid 1px #333! important ;; border-right: 1px padat #333! penting; }

  9. Halo,

    Pertama, terima kasih untuk tutorial Anda! Saya ingin mengubah warna latar belakang meja, tapi aku tidak bisa. Pilihan dalam rangka css kustom, saya menempatkan contoh FAQ dan disimpan. Tapi warna tetap sama ... Thanks in advance untuk solusi.

    1. Halo,

      Saya tidak begitu mengerti apa yang Anda katakan dengan "Saya meletakkan contoh FAQ dan disimpan".
      Sementara itu, sebelum merambah ke perubahan CSS, pertama Anda perlu tahu CSS.

      Jika ini kasusnya, Anda pasti tahu bahwa Anda perlu mengambil pemilih objek DOM (Id atau kelas). Dalam hal ini, Anda perlu menerapkan akhiran "! Penting" untuk setiap nilai, jika perubahan tidak berlaku.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
7 saham
saham7
menciak
Register
Ada apa