今回はWP（ワードプレス）でテーブルでの表作成の方法についてご紹介します！
はじめに
レビュー系の記事を書いていると必ずと言っていいほど必要になってくるのが
「表の作成」
今回はWP超初心者さん、つまり「WPでのテーブル（表）作成どないしたらいいねん難民」の方向けに、同じく超初心者のボクめだゆんが【テーブル(表)作成】について解説していきます！
テーブル（表）作成って何？
一応、これは恒例（記事の文字数稼ぐパターン）のやつなので説明していきますが、
OfficeのWordでは表の挿入をすればいいという一般的な作業なのに、WPになると頭がパニックになって
と膝から崩れ落ちそうになった経験があったのでこの記事を書いております。
テーブル（表）作成にはAdvanced Editor Tools(TinyMCE Advanced）のプラグインが必要！
今回、テーブル（表）作成にあたって、Advanced Editor Toolsを使用していますので導入がお済みでない方はこの機会に是非インストールしてみてください。
テーブル（表作成）とりあえずやってみよう。
おそらくここはスキップしても問題ないところではございますが、それでは商売が成り立ちませんのでもちろん詳しく書いていきます。
STEP1.
▼まずはトップページのツールバーから【テーブル】を選択。
STEP2.
一番上の格子状のマークがついた【テーブル】にカーソルを合わせると表示させたい表の選択範囲を選択できるのでそちらでお好みのサイズを選択します。
GOAL
自分が頑張って表示させた表を見ながら「WPを使いこなせているオレどう・・・！？？」と自分に酔いしれて完成！
テーブル（表作成）とりあえずいじってみよう。
表が出来て自分に酔いしれたのちは、「このままのキミも素敵だよ」と褒めてあげても良いんですが、せっかくなんでもう少し見栄えを整えていきましょうか。
ヘッダーセルで見出しの見栄えを良くする
STEP1.
▼例として「YOU アンド ME」をヘッダーに指定してみます。
まずはヘッダーに指定したいセルを選択しておきます。
【テーブル】→【セル】→【セルのプロパティ】
STEP2.
次に
【セルの種類】→【ヘッダーセル】
中央揃えや左右寄せがしたい場合は
【セルの種類】の下にある【横配置】【縦配置】からお好みで。
GOAL
見栄えの良いヘッダーが完成しましたね♪
| YOU | アンド | ME |
|---|---|---|
| ボクは | キャンプが | 恋人 |
※ヘッダーに指定されたセル内の項目は自動的に太字に変換されます。
ここまでくるとチラチラと「カラム」ってワードが目にちらついて見て見ぬふりをしている方も数名いらっしゃると思いますので調べるの面倒だと思いますから代わりにボクがお答えしておきます。
カラムとは
ソフトウェア操作において表作成などで縦列をカラム（Column）という。
サンプルの表においては「YOUカラム」「アンドカラム」「MEカラム」と表現することになるね。
ちなみに横列をロウ（Row）というよ。
セルの色を変えてみる
STEP1.
任意のセルの範囲（ここではYOUアンドME）を選択します。
先ほどと同様に
【テーブル】→【セル】→【セルのプロパティ】
STEP2.
次に
【高度な設定】→ 枠線の色,背景色
GOAL
完成だね。すごいカラーセンスであることは否めないね！
表の枠線を変更してみる
ここからは枠線を変更してきますよ！
枠線のスタイルを変更する
セルのプロパティ の 高度な設定 から【Border style】の項目を開くと１１種類のラインスタイルが変更できます。
順番に見ていきましょうか。
▼Select...：任意のスタイルを入力
| 俺の屍を超えていけ |
▼Solid：実線
| 俺の屍を超えていけ |
▼Dotted：点線
| 俺の屍を超えていけ |
▼Dashed：破線
| 俺の屍を超えていけ |
▼Double：二重線
| 俺の屍を超えていけ |
▼Groove：線をくぼませる
| 俺の屍を超えていけ |
▼Ridge：線を隆起させる
| 俺の屍を超えていけ |
▼Inset：セルをくぼませる
| 俺の屍を超えていけ |
▼Outset：セルを隆起させる
| 俺の屍を超えていけ |
▼なし
| 俺の屍を超えていけ |
▼Hidden：隠すって意味らしい。
枠線の太さを変える
先ほどからお伝えしている手順で【高度な設定】まで移行する。
▼スタイルの項目に
； border: 〇px ◇◇◇
注意ポイント
〇には数字を入力する。
◇にはラインスタイルを入力する。
「 : 」と「 px 」の後ろに半角スペースを入力すること。
例：線の太さが5ｐｘの実践を入力する場合
➡ border: 5px Solid
画像も挿入できる
▼セルの中に画像を添付するだけ！
 |
XBOX ワイヤレスコントローラー |
【X BOXワイヤレスコントローラー】レビュー！接続設定からProコン比較まで
皆さんもテーブル（表）を作成して、ステキなブログ運営を！
それでは本日はこのへんで✋
おしまい٩(๑❛ڡ❛๑)۶
■めだゆんOfficialページ：コチラ
▶X(Twitter):めだゆん
▶Instagram:＠medayoon_photocamper
この投稿をInstagramで見る
スポンサーリンク
