
WordPress文章中添加自適應表格,前面寫文章的時候需要用到表格來表達陣列信息,但是在WordPress添加表格不想是在office中那樣方便,需要借助插件或者代碼才可以實現,今天分享一個不需要安裝插件純代碼實現WordPress文章中添加自適應表格的方法,表格可以實現文字字體居中色彩屬性、自定義行數列數、插入圖片等操作。
教程開始
WordPress編輯文章切換到文本編輯模式,將下面代碼添加進去,并修改其中的文字:
自適應表格
自適應表格 輸入文字 自適應表格 輸入文字
效果如下:

一:如果想添加更多行。
多復制幾個
...這樣的代碼組合即可。
自適應表格
自適應表格 輸入文字 自適應表格 輸入文字 自適應表格 輸入文字 自適應表格 輸入文字
效果如下:

二:如果想對添加更多列。
上面是兩欄自適應表格,如果需要多欄自適應表格,可以將代碼中的“50%”修改成需要的數字。3欄修改成“33.33%”,四欄修改成“25%”等,以此類推即可,也可以設置不同的列寬度。
自適應表格
序號 自適應表格 輸入文字 備注 序號 自適應表格 輸入文字 備注
效果如下:

三:如果想修改文字字體、居中、色彩等信息。
可以在Wordpress的可視化編輯器中選擇中需要修改的文字,直接在上方的文字屬性欄設置即可。

效果如下:

四:如果想在表格中添加圖片
可以在Wordpress的可視化編輯器中直接將光標插入需要插入圖片的表格中,添加媒體圖片即可。

效果如下:

總體效果預覽
