筋トレ

便利で簡単!WordPressのブログで表の作り方【初心者向け】

投稿日:2019年7月12日 更新日:

WordPressマーク

ブログ記事を書いている時、ここに表を挿入したいのに!という時にやり方がわからないことはありませんか?

表を作りたいけどやり方がわからないので、仕方なく箇条書きなどでごまかしたりしていませんか?

初心者の方はHTMLをいじって表を作るなんてハードルが高すぎますよね?

今日はそんな方の疑問を解決するため簡単に表を作成する方法を解説したいと思います。

この記事を読むと

  • 簡単に表が作れるようになる。
  • ブログの見栄えがよくなり読まれるようになる。
Sponsored Link

WordPressのプラグインで表を作る

表を簡単に作るには『TinyMCE Advanced』というプラグインを紹介したいと思います。

TinyMCE Advancedのインストール

①プラグイン→新規追加をクリックします。 
②キーワード欄に「 TinyMCE Advanced 」を入力します。
③今すぐインストールをクリックします。
④有効化をクリックします。

TinyMCE Advancedの設定方法

設定方法は初心者でもわかりやすくそれほどありませんが、これはというものだけ説明します。

TinyMCE Advancedエディター設定

ツールバー設定→「 TinyMCE Advanced 」を選択します。
設定画面が表示されます。

Block EditorかClassic Editorを設定

2018年12月のWordPressのアップデートでこれまでのエディタと大きく仕様が変わり、Block Editor(Gutenberg)になりました。

Block Editor(Gutenberg)は慣れるまで使いにくいという方が多いのでプラグインなどで旧エディタを使われている方も多いと思います。

プラグインを入れて旧エディタを使っている方はClassic Editor(TinyMCE)タブを選択して設定してください。

僕はBlock Editor(Gutenberg)を使用しています。

Editorメニューバーの設定

Block Editor(Gutenberg) の設定ですが、それほど変わりませんのでこの説明で十分かと思います。

Enable the editor menu (recommended).はチェックを入れたままにしてください。

Editorメニューバー設定

下のアイコン集から入れたい機能をメニューバーの赤枠部分にドラッグ&ドロップします。

僕はシンプルが好きなので赤枠を付けた、「下線」「背景色」「リンクの削除」を設定しています。

Sponsored Link

表の作り方

それでは実際に表を作っていきましょう。

Block Editor(Gutenberg) では表を作るブロックを追加する際に、「Classic Paragraph」を選択します。

Classic Paragraph選択

ブロックにEditorメニューバーが表示されます。

表を挿入する

テーブル挿入

テーブルアイコン→テーブルをクリックするとマス目が表示されます。
マス目の数で行と列の数を決めます。
この例では4行、3列の表ができます。

セルに文字を入力

セルに文字を入力

それぞれのセルに文字を入力します。

文字を揃える

文字を揃える

文字を揃えたいセルを範囲選択して赤枠のアイコンをクリックします。
この例では2行目を中央揃えにしています。

行挿入

行挿入

挿入したい行にカーソルを合わせます。
テーブルアイコン→行→行を下に挿入をクリックします。
※行を上に挿入したい場合は行を上に挿入をクリックします。

列挿入

列挿入

挿入したい列にカーソルを合わせます。
テーブルアイコン→列→列を右に挿入をクリックします。
※列を右に挿入したい場合は行を上に挿入をクリックします。

行削除

行削除

削除したい行にカーソルを合わせます。
テーブルアイコン→行→行を削除をクリックします。

列削除

列削除

削除したい列にカーソルを合わせます。
テーブルアイコン→列→列を削除をクリックします。

セルの結合

セルの結合

結合したいセルを範囲選択します。
テーブルアイコン→セル→セルの結合をクリックします。

枠線の色を変更する

セルのプロパティ

変更したいセルを範囲選択します。
テーブルアイコン→セル→セルのプロパティをクリックします。

表のプロパティ高度な設定

高度な設定タブ→枠線の色をクリックします。

枠線色選択

色のパレットから好きな色をクリックします。

背景色を変更する

枠線の色の変更と同様に背景色を変更したいセルを範囲選択し、
テーブルアイコン→セル→セルのプロパティをクリックします。

背景色

高度な設定タブ→背景色を選択します。

背景色の選択

色のパレットから好きな色をクリックします。

表の完成

プレビューを見るとこのような表が作成されます。

いかがでしたでしょうか。

こんな時に表が作れればいいのにという場面でも簡単に表が作成できると
思います。

是非、試してみてくださいね!

Sponsored Link

-筋トレ

執筆者:

関連記事

軽いダンベル

結局筋肉をつけるためにはどうすればいい!?最新の筋トレ方程式【新常識】

こんにちは、とも<Tomo_AIA>です。 今回はこれから筋トレを始める方や筋トレ初心者の方に、結局筋肉をつけるための筋トレとはどのようにすべきか最新の化学から紹介したいと思います。 少し …

前腕

女性にモテる!前腕をたった5分で鍛え上げる【筋トレメニュー】

こんにちは、とも<Tomo_AIA>です。 今回は僕が日常でやっている前腕の筋トレ種目の解説をしたいと思います。 皆さんは知っていますでしょうか?女性が好きな男性の筋肉ランキングで『前腕』 …

方腕立て伏せ

【筋トレ】筋トレを始める初心者が自宅で最初にやるべきメニューは?【これ一択】

こんにちは、とも<Tomo_AIA>です。 今回は、筋トレを始めようと思っている方、やろうと思っているけどなかなかやる気になれない方、何をやっていいかわからない方、筋トレはやりたいけどジム …

ダンベルと果物

どのくらい飲めばいいの?プロテインの最適な摂取量とタイミング【最新科学】

こんにちは、とも<Tomo_AIA>です。 前回のエピソードではプロテインの最適な摂取時間を解説しましたが今回はプロテインの1日の最適な摂取量を解説していきたいと思います。 前回のエピソー …

ダンベルとお肉

いつ飲むの!?新ゴールデンタイム!最高のプロテイン摂取時間!【最新科学】

こんにちは、とも<Tomo_AIA>です。 今回はプロテイン=タンパク質は実際いつ飲むと最適なのか解説していきたいと思います。 同時に筋肉をつけていくことによるタンパク質の大切さや未だに多 …

【とも】

ITコンサルタント/お笑い大好き

経歴:同支社大学→新卒で某大手不動産会社の営業→コンサル会社に営業として転職→ITエンジニアを希望し転属→ITコンサルタント→サラリーマンとして生きることに限界を感じ大手ネットワークビジネス、ア〇ウェイをやるも挫折→PC1台で自由に生きられるインターネットビジネスを学ぶ→自由で超健康に生きられる人を増やす活動を展開中→夢はハワイにワイキキビーチを臨む別荘とホームジムを持つこと

プロフィールの詳細>

Twitter>