スタッフブログ

視認性UP!ゴチャゴチャなりやすいコンテンツも解決!表の作り方

2015年10月19日(月) ワードプレス

いつも週刊メルマガをご覧頂き、誠にありがとうございます。
今週は、CMSproサポート担当の沖野が担当させていただきます。

***********************************************************
【視認性UP!ゴチャゴチャなりやすいコンテンツも解決!表の作り方】
CMSproサポート担当: 沖野直人
*************************************************************

今回は、コンテンツの視認性UP↑
表の作成方法をご紹介したいと思います。

お電話で毎日サポートをさせていただいている中で、ご相談いただく事柄の1つに
「なんか自分のホームページ、文章がズラズラ並んでいて、見にくいんですよね・・」
というお声・ご相談をいただくことが多々あります。

活字離れが進んでいる現代では、
ユーザーは、ホームページの文章を全て読んでいるわけではありません。
ザックリとメイン画像だったり、大見出しを読んで、その後の文章を
読むか読まないかを判断します。

弊社では、
「文章の改行や文字の太さなどで強弱をつけたり、文章の間々に写真を差し込んでみてください」
とアドバイスをさせていただいています。
これだけでも、文字がズラ~~っと並んでいるよりは、視認性は格段にアップして、
読んでくれる確率はグッと高くなります。

でもそれだけだと、なんか素人っぽいページになってしまう・・・。
そこで表の登場です!

ほんとに簡単に作れちゃいますので、以下YouTubeにアクセスしながら楽しく作っちゃいましょう!
https://www.youtube.com/watch?v=QECYJeDCewg/

【お手軽簡単・表の作り方】
*****************************************************

1:表を挿入する
まずは、管理画面から表を作成したいページに移動します。
そして、上に並んでいるいくつかのアイコンの中から、
ルービックキューブのようなマーク(カーソルを乗せるとテーブルと文字が出てきます)をクリック。
次に下に出てくる、<テーブルを挿入>から、作成したい行と列を決めてクリック。

▼イメージ参考画像をご覧ください
http://fa1.info/wp-content/themes/million/img/tablemerumaga1.jpg

テーブルボタンが見つからない場合は、下記URLをご参照いただき追加してみてください。
http://bazubu.com/tinymce-advanced-23845.html/

2:文字を入力
最初、縮まった表が表示される場合がありますが、その場合は表の四隅から
クリックしながらマウスを動かすと、伸縮します。
次に、行と列の各項目にそれぞれ文字を入力。
たったのこれだけで、表は完成です!!

▼イメージ参考画像をご覧ください
http://fa1.info/wp-content/themes/million/img/tablemerumaga2.jpg

補足:
2の段階で、行もしくは列の数が不足していた、または多すぎたなどあってもご心配なく。
再度、<テーブルを挿入>から行や列を選択していただくと、行の削除や
列を挿入などが出てきますので、途中からでも増やしたり削除したりすることができます。
※このあたりの操作は、Excelの感覚に似ています

●【ポイント】
少し操作にクセはありますが、慣れてくれば誰でも簡単に作成できるようになりますので、
最初は、新規ページを作成してその中で練習していくことをお勧めします。

【表でつくるとお勧めのコンテンツ】
*******************************************************

■会社概要
社名や設立年、所在地などを文章で連続して書いても、すごく見づらいです。
そんな時は、表にしちゃいましょう!
※Googleマップも近くに配置しちゃえば、見事な会社概要が完成
http://fa1.info/16054/

■料金表
見やすいとお問合せに繋がりやすいです。
みなさんはどうかわかりませんが、貧乏性の自分は良いサービスがあったら
「まずいくらだ?」って思っちゃいます。
そこを分かりやすく表で整理してあげることで、ユーザーにとってわかりやすい
コンテンツとなり、お問合せに繋がるかもしれません。

■営業日
病院などのホームページにお勧めです。
土曜や日曜診療をやっている場合は競合と差別化になりますので、
ぜひ表にしちゃってください!

********************************************************

いかがでしたでしょうか?
見づらいコンテンツも表を使用することで、コンテンツを読みやすくすることができ、
ユーザーの離脱を防ぐことにつながっていきます。

いまいちど、ホームページの中身を見直してみて、
表に出来そうなコンテンツがあれば、積極的に試してみてください!

今回も最後までお読みいただき、ありがとうございました。

– 沖野直人

関連記事

  • 動画撮って載せようぜ☆ いつも週刊メルマガをご覧頂き、ありがとうございます。 今週はCMSpro制作担当の秦野(はたの)が担当させて頂きます。 最近涼しくなり、ツーリングが楽しい季節になりましたね♪ (バイクに乗っていない方は無視して下さい) […]
  • あなたのHPを守る:WordPressセキュリティ術 いつも週刊メルマガをご覧頂き、誠にありがとうございます。 今週は、CMSproサポート担当の沖野が担当させていただきます。 ********************************************************* […]
  • Wordpressアップデート後は、以前のエディターを使うべし こんばんは! CMSpro(シーエムエスプロ)の細川です。 いつも週刊メルマガをご覧頂き、誠にありがとうございます。 年内最後のメルマガ担当させていただきます。 年末年始の営業日時を更新しようとして 久しぶりに、HPの管理画面を確認したら 「アレ…?仕様が違うじゃん」、「ブロックってなに?」 […]
  • 画像を頻繁に追加されるページにはギャラリー機能を使うべし おはようございます、リンヤ株式会社の細川です。 いつもCMSpro(シーエムエスプロ)週刊メルマガをご覧いただき、誠にありがとうございます。 超大型連休も終わり通常運転な日々に戸惑っている細川です。 画像を頻繁に追加されるページにはギャラリー機能を使うべし CMSproサポート担当: […]
  • WordPressとうまく付き合う方法 いつもCMSpro週刊メルマガをご覧頂き、誠にありがとうございます。 今週は制作の秦野が担当させていただきます。 弊社ではこれまでWordPressというCMSを利用してサイト構築をしてまいりました。ほとんどのお客さまのホームページにこの仕組みが利用されています。 なぜWordPre […]
  • 企業活動の軸。 おはようございます。 […]

補助金・助成金

東京都港区芝浦3-14-8芝浦ワンハンドレッドビル2F運営:リンヤ株式会社