非常方便的方法給WordPress添加表格的6種方法
2022-12-07 加入收藏
2021年給WordPress添加表格的6種方法
接觸WordPress外貿(mào)建站的客戶多了,幾乎都需要在文章和頁面插入WordPress表格,羅列產(chǎn)品參數(shù),本文奶爸為大家總結(jié)6種WordPress添加表格的方法。
想要在WordPress網(wǎng)站插入表格數(shù)據(jù),可以挑選以下方法實(shí)現(xiàn):
文章目錄 隱藏
1. 方法一:復(fù)制粘貼
2. 方法二:古騰堡編輯器添加
3. 方法三:使用構(gòu)建器添加
4. 方法四:使用表格插件
5. 方法五:使用圖片
6. 方法六:使用在線HTML代碼生成
方法一:復(fù)制粘貼
WordPress添加表格方法一是直接復(fù)制Word或者excel里面的表格,然后切換到WordPress編輯器里面粘貼,就可以把表格插入進(jìn)來了。
這種方式最方便,不過缺點(diǎn)也比較明顯,太復(fù)雜的表格粘貼了可能會(huì)界面錯(cuò)位,表格的樣式也會(huì)和在Word、Excel上面的不一樣,需要自己代碼改造。
方法二:古騰堡編輯器添加
古騰堡編輯器是WordPress現(xiàn)在默認(rèn)的頁面編輯器,所以我們可以直接在WordPress的古騰堡編輯器里面添加一個(gè)表格。
這個(gè)功能創(chuàng)建的表格不支持太復(fù)雜的樣式,但是兼容性比較好。
方法三:使用構(gòu)建器添加
不少WordPress網(wǎng)站都使用的elementor等熱門構(gòu)建器,這些構(gòu)建器有的帶有表格功能,有的可以通過附加擴(kuò)展來添加表格功能。
方法四:使用表格插件
從WordPress插件庫可以搜索到不少表格相關(guān)的插件,奶爸建站筆記之前也分享過好幾款:
WordPress網(wǎng)站添加可浮動(dòng)標(biāo)題排序表格的方法:TablePress
方便靈活的給WordPress網(wǎng)站插入表格方法:WP Table Builder
小巧的WordPress響應(yīng)式表格插件:Responsive Data Table
支持單元格合并的WP表格插件Data Tables Generator by Supsystic
除了免費(fèi)表格插件外,你用心搜索還會(huì)發(fā)現(xiàn)一些付費(fèi)的表格插件,每個(gè)插件都試一試,找一個(gè)自己用的順手的安裝使用即可。
方法五:使用圖片
如果你的表格比較復(fù)雜,那么插入圖片的方法是最便捷的,可能你會(huì)有SEO方面的顧慮,不過在插入圖片表格展現(xiàn)形式比上面七種方法都更有利于用戶體驗(yàn)的話,插入圖片也是一個(gè)不錯(cuò)的方法。
方法六:使用在線HTML代碼生成
https://www.tablesgenerator.com/html_tables 是一個(gè)在線生成表格HTML代碼的網(wǎng)站,可以幫助我們把表格內(nèi)容轉(zhuǎn)換為html代碼,然后在WordPress里面粘貼就可以了。
使用方法:
1、可以點(diǎn)擊File下面新建(New table)、創(chuàng)建演示表格(Create an example table),也可以直接在Table菜單下面設(shè)置表格大?。⊿et size)。
2、在Theme處可以給表格選擇主題樣式
3、雙擊表格可以輸入內(nèi)容,頂部的工具可以合并單元格,插入圖片和鏈接等操作。
4、生成Html代碼之后,復(fù)制所有的html代碼。
5、在WordPress里面粘貼剛才的html代碼(經(jīng)典編輯器需要切換到text模式下粘貼,古騰堡編輯器可以直接添加html塊粘貼)
以上就是奶爸給大家分享的6種WordPress添加表格的方法了,挑選一款自己合適的方法使用吧。