[教學] 使用《HTML Tables Generator》RWD自適應表格產生器製作WordPress表格

1574969624 425b63b70fc99f5f3232ecf219875ddb我們都知道在WordPress發文時,表格的製作是相當棘手的,內建的編輯器雖然可以讓你從《Excel》、《Numbers》等試算表工具貼過來,不過太難調整,也無法自動適應瀏覽器,WordPress的外掛又沒有真正棒的。所以我們教玩家們利用這個《HTML Tables Generator》線上產生RWD自適應表格的網站來製作WordPress能吃的表格編碼。

《HTML Tables Generator》RWD自適應表格產生器網站

網站:www.tablesgenerator.com/html_tables

tg-01▲來到網站點選「HTML Tables」頁籤、「File」、「Paste table data」。

tg-02▲貼上你從《Excel》、《Numbers》、或是《Google試算表》等複製起來的表格資料之後,點「Load」。

tg-03

▲接著點「Theme」替表格選一個主題,先選顏色。

tg-04▲再來是表格的格線樣式,看是不要格線、全部格線、水平格線、還是垂直格線。

tg-05▲再來是表格的底色,看要一色系、水平間隔顏色、還是垂直間隔顏色。

tg-06▲接下來整理一下表格內容資料,基本上是讓。該合併的儲存格合併。

tg-07▲儲存格中的文字也讓它水平置中、垂直置中。

tg-08▲如果需要調整欄寬與行高,可點「Table」、「Cell spacing」。

tg-09▲確認表格完美了,到下方點一下「Generate」、「Copy to clipboard」。

tg-10▲回到WordPress編輯器,點右上方的「文字」貼上剛剛複製編碼。

tg-11▲點右上方的「預覽」即可看到表格內容,上方有個播放器圖示,那可別刪除啊!

th-12▲電腦版正常!

tg-13▲手機瀏覽也很美觀!

延伸閱讀:
Sony Mobile X金馬導演許智彥全新力作「禮物」 用Xperia 5隨處捕捉生活中的每一瞬間
PGO首款PBGN電動機車Ur1在台發表、預售價8.38萬起即日展開預購!
華麗新裳迎耶誕!Nokia 7.2翡翠綠新色登場、Nokia 2720 Flip酷玩紅新上市