2017年8月22日ブログの中に表を入れたいことってありますよね?例えば、商品やサービスの価格を表示するとき。300円と表にする方が見やすいですよね?わたしは、セミナーの案内時にも表を使っています。こんな感じで↓↓すっきり見やすくないですか?見やすくわかりやすいブログを作るために知っておくと便利な「表」。ワードプレスなら表は簡単に挿入できますので、その方法について書きたいと思います。記事投稿画面で表を挿入したい場所にカーソルを置き、下記をクリックします。Advanced』というプラグインを追加し有効化させてください。「テーブル」という文字の上にカーソルを合わせると右側にマスが出てきます。何列x何行の表を挿入するのか、マウスを動かして選択します。2列x4行を選択しました。これでOKでしたらマウスをクリックして確定させます。後はここに必要な項目を入力していけばOK!簡単でしょ?表の挿入で注意したいこと一つ注意して欲しいことがあります。それは、列の幅を調整しないで欲しいのです。列の幅は、線の上にマウスを当てると矢印(↔︎)が表示されるので、その矢印を動かすことで簡単に変更ができるのですが、そうやって調整をすることで、スマホで見た時に表が全部表示されないことになってしまいます。わかります?右側が切れているのです。これは、線を動かすことでHTMLでセルの幅を指定してしまっているのですね。すると横幅の狭いスマホで見た時も指定されたセルの幅が優先されてしまい、右側が切れた形で表示されてしまうのです。幅を指定しなければ横幅は100%で表示されます。PCで見た時もスマホで見た時もタブレットで見た時も、横幅の100%で表示されるので、右側が切れて見えないということがなくなるのです。表のカスタマイズ表自体は簡単に作れます。慣れてくると「ちょっと見た目にも工夫したいな〜」なんて思いも出てくることでしょう。表の罫線に色をつけたり、背景に色をつけたり・・・より見やすくするためのカスタマイズ方法を記載しますね。表は「列」「行」「セル」で表現されます。これを事前に知っておいてくださいね。罫線に色をつける表をクリックし編集できる状態にする。その状態で、テーブルボタンをクリックし、「表のプロパティ」を選択。「枠線に「1」と入力。(数字が大きいほど太い線となります。)詳細のタブをクリックして画面を切り替え、枠線の色を指定すると「スタイル」にHTMLコードが自動で表示されますのでOKをクリックします。次に、表全体を選択します。セルのプロパティをクリック。詳細タブをクリックして枠線の色を指定します。(表のプロパティで指定した色と同じ色を指定してください)はい!枠線の色が指定されました。400円セルに色をつけるセルに背景色をつける方法です。項目を記載した行に色をつけたい場合は、行全体を選択し、「セルのプロパティ」をクリックします。詳細タブをクリックし、背景色を指定ます。枠線の色も指定して、背景色もつけたい場合は、一気にセルのプロパティで指定しちゃいましょう!まとめワードプレスに表を挿入する方法と簡単にできるカスタマイズ方法。見やすいブログにするために、こういった一手間も必要ですよ〜。奈津子ブログ集客プロデューサー/ライター/コラムニスト読者(消費者)との関係をつくり、集客や販売につなげる発信で5年10年後もお客様に愛される会社・お店づくりのためのメディアづくりをサポートしている。これまで発信してきたもの、持っているコンテンツをわかりやすく見やすい形に編集してコーディネイトすることを得意とする。コミュニケーションの中で、その人の中にある光るもの・強みを引き出すことも得意。講座や個別サポートでは、その人ならではの魅力を引き出し、わかりやすく伝わりやすい言葉にして発信するお手伝いをしている。先日、こんなメールが届きました。ブログ【Lightning】ヘッダーのスライダー画像が消えない!?Lightningのサイト制作。ヘッダー部分のカスタマイズをしている時のこと。Avatarsで簡単登録!情報の信頼度をあげるためにも、誰が記事を書いているのかがわかった方が良いですよね。今やスーパーで売っているお野菜でさえ作り手の顔写真が貼っている時代。顔が見えるって安心感が増すんですよね。最近のお気に入りワードプレステーマ「Lightning」。使うほどに、その便利さを実感しています。今日は、関連記事の表示方法について書きたいと思います。ブログ【WordPress】メニューバーのリンク先を別タブで表示させる方法ワードプレスでのサイト制作時、メニューバー(グローバルメニュー)に、他サイトへの直接リンクを貼ることもよくあること。その際、サイトが切り替わってしまわないよう別タブで開く方法を記載します。Favoriteプロフィール七星奈津子ブログ集客プロデューサー/ライター/コラムニスト読者(消費者)との関係をつくり、集客や販売につなげる発信で5年10年後もお客様に愛される会社・お店づくりのためのメディアづくりをサポートしている。講座や個別サポートでは、その人ならではの魅力を引き出し、わかりやすく伝わりやすい言葉にして発信するお手伝いをしている。(4)最新記事ブログ2019/07/03お泊まりご飯会に参加して得られたこと観測史上最も遅い梅雨入りが発表された日の週末、淡路島に行ってきました。週間天気予報を見て、「朝から大雨」を覚悟して行ったのだけれど、奇跡的に晴れ間も見れるほどの天候。...ブログ2019/06/08はじまりはいつもプロフィール先日、3年前にブログ講座に来てくださっていた明子さんに、久々にお会いしました。全国を駆け回る明子さん。...ブログ2019/05/26薫風自南来〜美しい女性を目指して月一お稽古〜今日は月に一度のお茶のお稽古のため京都へ。先月のお稽古の時に「来月からは風炉だから、お作法も変わりますよ」と聞いていたのでドキドキで向かいました。水曜日にブログ部というのをやっていまして。何かを指導するわけでもないのですが、一緒にブログを書く時間。...ブログ2019/05/19寝癖は根元から、悩みは根本から朝、鏡の前でヘアーセット・・・というか寝癖を直している時に、いつも思い出す言葉があります。...おすすめ記事1ブログ集客で成果が出る人の5つの特徴ブログ講座をスタートして5年。様々な人を見てきました。その中で成果を出している人の特徴をあげてみます。いった記事が上位に表示されています。...3ブログに使える!厳選フリー素材サイトとプラグイン見やすいブログ、読みやすいブログにするためには写真やイラストなどを本文内に挿入することはもはや必須。いえ、ネット上に出ている写真を勝手に使うのは絶対にダメです。