wordpress建站教程：古騰堡區(qū)塊添加復雜表格的方法

繼續(xù)分享wordpress建站教程。之前悅然wordpress建站給大家分享了使用使用HTML插入表格，但是這個方法復雜了一點，只適合實在沒辦法的情況下使用。

解決wordpress網(wǎng)站插入表格難題，以HTML方式插入表格

今天分享一個wordpress古騰堡區(qū)塊編輯器插入復雜表格的方法，直接復制，無需使用HTML。

默認情況下我們可以直接把EXCEL或WORD中的表格復制到wordpress中，但只有簡單表格可以完整復制過來，稍微復雜一點的，比如有合并單元格的表格樣式就不行。

如上圖所示，當我們把有合并單元格的表格復制到古騰堡區(qū)塊時，樣式有BUG，表格會有空缺，雖然勉強能看，但太影響美觀。

解決方法如下：

1.添加一個【經(jīng)典】區(qū)塊。

2.直接把EXCEL或WORD中的表格復制到【經(jīng)典】區(qū)塊中，這樣表格樣式就完整了。一般情況下到這里就可以了，也有一些主題可能不行，因為受主題影響，直接復制到【經(jīng)典】區(qū)塊中的表格可能缺少CSS樣式，會出現(xiàn)沒有邊框的情況，解決方法看下面。

3.找到默認區(qū)塊的格式CSS樣式，默認情況下應該是【wp-block-table】。如果不對，則可以隨便添加一個區(qū)塊表格，預覽，然后瀏覽器按F12找到默認區(qū)塊的表格CSS樣式。（具體步驟就不細說了，懂的都懂，不懂的話一兩句話講不清楚，建議可以直接看前面的HTML插入表格的方法）

4.把【經(jīng)典】區(qū)塊轉換為【欄目】，然后選中，在右邊添加額外的CSS類，然后把正確的表格CSS樣式名稱添加進去就可以了。

總結：這個方法如果只是前兩步，那就非常簡單，比HTML代碼插入表格更好用；如果前兩步不行，那就需要再加兩步，這就有點麻煩，大家按需使用吧。