因為我本身也經常需要用到一些針對產品比較的表格,而且覺得tablepress弄表格比較麻煩,所以找到一些方法分享給大家:
; h2 S5 O* ], u7 o0 B$ Q: t( v) I7 @. S
1. 打開tablestyler.com這個網站,選擇需要的表格樣式,可以選擇是否保留表格頭部和底部自定義顏色樣式等等大家自己看看吧:
- ~: l, }& G- P. f: t
* V1 v) ]+ O r7 w5 e9 m( E) y
2 e. R$ N8 h; ?$ {# @7 J5 `0 W" E/ V0 ~$ U
將對應的HTML代碼粘貼到WORDPRESS的POST或者PAGE裡的對應位置。
& f0 }, o& j% A/ G: E3 i1 |- b, F9 t
$ P2 X1 b5 ? m. L
. ]( ^% D6 ^' K2. 安裝WP插件:Simple Custom CSS2 z3 Q# x* g0 N+ S" u
3 d* p- @! p' O# G% E. F
激活後點設置插件,將對應生成的CSS代碼放進去,點UPDATE+ H/ P) V/ @& j8 k+ I3 o
+ P! b4 d1 i9 x, ]% D4 o
! c" f- N' j6 _, R& W
1 R1 M/ ?, D9 q3 X3 A0 ^! _% g
DONE
3 P& l. b( N/ N/ J6 ?* n4 g4 [" p
注意:如果需要插入不同的表格對應不同的樣式,則需要對應不同的代碼,只需要簡單的修改一下類名稱就行了,比如:<div class="datagrid"><table> 標紅文字改成其他名字就OK了
c- `+ t. X7 v5 O% ~9 s$ K: ], B2 v6 d3 y4 x8 p8 o! p. R
/ ^0 w7 [) R6 x/ D( H) |
0 m9 f$ N s h7 S) Z |