2015.11.16WordPressツイート8シェアはてブ8送るPocket1WordPressは簡単にサイトが更新できる仕組みなんだよ。いう声をたくさん聞きますが、自分はそうは思いません。デフォルトの状態だと出来る機能は限られているし、結構WEBの知識がないとなかなか使いこなすのは難しいと思っています。WordPressにはそれを補ってくれる優秀なプラグインがたくさんあることも事実。プラグイン選びは非常に重要になるんですよね。今回はWordPressで表組み(tableタグ)を比較的簡単につくる方法をプラグインを使ってご紹介したいと思います。表の見出しを入れてみる他にできること表を横幅いっぱいにする列・行を増やすセルを結合するまとめまず、表組み(table)って意外とむずかしい以前個人ブログでWordPressの更新はビジュアルエディタを使ってますといった記事を書かせていただきました。普通にテキストを書いたり、それを見出しにするくらいであればデフォルトでも問題ないのですが、表組み(table)をしようと思ったらどうでしょう。タグの知識がないと結構難しいですよね。¥100000※サンプルですタグとしてはこんな感じになります。<table><tbody><tr><th>service</th><th>price</th></tr><tr><td>素晴らしい落書き</td><td>¥100000</td></tr></tbody></table>たったこれだけの表であっても、タグとしてみるとtr、th、tdなどたくさんのタグがあって、HTMLって何?という方にとっては意味不明です。このタグを書いて下さいというのは難しい話でしょう。ところがこんな表組み(table)を簡単に実装してくれるプラグインがあるんです。Advancedというプラグインは表組み(table)をつくるための専用プラグインではなく、エディタをカスタマイズしていろいろ機能を追加してくれるプラグインです。Advancedでできることをご紹介。ツールバーの内容を自分好みにカスタマイズできるビジュアルエディタのままソースコードを確認できる記事内の文言の検索&置換を行える印刷や日時を挿入など独自のボタンを追加できるビジュアルエディタのまま表組み(table)を使えるようになる今回は最後に紹介した表組み(table)です。Advancedを使った表組み(table)の作り方を紹介していきます。基本となる表を作成するまず表の作り方ですが、これは非常に簡単。この表のようなアイコンをクリックして列・行の数を決めます。ここでは横に2個、縦に2個のシンプルな表を作成。言葉で書いてもわかりづらいのでアニメーションをつくってみましたのでそちらをご確認ください。¥100000これでシンプルな表ができあがりました。これだとどこが表の見出しとなるのかわかりません。いうタグしか含まれていないので、表組み(table)としては不完全です。表の見出しを入れてみる今度は表の見出しをつけてみましょう。いってもやることは簡単で、見出しにしたい部分を左上からドラッグして選択し、表のプロパティをいじってあげます。セルのプロパティ」と選んで、セルの種類をヘッダーセルに変えるだけ。こちらも結局アニメーションをつくりましたのでご確認ください。¥100000これでだいぶ表のようになりましたね!基本的にはここまでで十分かと思いますが、他にも色々とできることがありますのでついでに紹介しておきましょう。」の設定を100%とすることで横幅いっぱいにすることができます。¥100000列・行を増やす列や行を増やすには、増やしたいセルの隣のセルを選択した状態で、行(列)の項目から「行を上に追加(列を左に追加)」とするだけ。これでタグをいじることなくテーブルセルを増やすことができます。同上セルを結合するExcelなどにもある機能ですが、セルを結合することもできます。セルの結合」とするだけ。他にもいろいろとあるのですが、ここまでを覚えておけばあとは応用がきくと思いますのでいろいろとお試し下さい!ちなみに今回はわかりやすくするために、表全体や見出し部分を選択したりしていますが、横幅を変更したり、行や列を追加する場合は、ドラッグで選択する必要はなくて、そのセル、もしくは表の位置にカーソルがあればOKです。表のデザインは使用しているテーマによって変わってきますのでサンプルの通りにはならないと思います。まとめ動画の撮影が意外と時間がかかって、最後の方が駆け足気味になってしまいましたがこのプラグインを使用すれば結構簡単に表組みを導入することが出来るのではないかと思います。Advancedの方がサクサク編集できるし、他にもエディタを使いやすくする機能がついてくるので好きで愛用しています。今までWordPressで表組み出来なかった。表の時はタグ打ちしてた。それ、面倒だなと思っていた。いう方はこのプラグインを使用すると幸せになれると思います。AdvancedはこちらSPONSORLINKWordPressプラグイン便利この記事をシェアツイート8シェアはてブ8送るPocket1FOLLOWFeedly新作!シンプルかつパワフルWPテーマ「スワロー」SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。「必要なものとは何か」を考え尽くして、無駄な機能やデザインを削ぎ落とした洗練されたWordPressテーマです。「新しいスマホビュー時代をつくろう」というのをコンセプトに、スマホでの見やすさ、操作しやすさにとことんこだわりました。US矢野ヨシキ香川県(うどん県)にてフリーランスWEBデザイナー/ディレクターとして活動。小規模なWEBサイト制作を得意とし、コンセプト設計からデザイン、コーディング、撮影にいたるまでのすべてをこなします。地方の良さを全国に広めていくお手伝いをしていきたいと思っています。WebSiteTwitterFacebookGoogle+HOMEWordPress【WordPress】HTMLわからない!という初心者でも簡単に表組み(table)をつくる方法WPテーマ「スワロー」シンプル。このサイトで使っているWordPressテーマ、SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。