【ブログ設定】 (4) 文末に「定型・プロフィール文コーナー」を設置。 PCとスマホでは見え方・印象が全然違う!

【ブログ設定】 (4) 文末に「定型・プロフィール文コーナー」を設置。 PCとスマホでは見え方・印象が全然違う!

この記事は約4分で読めます!


中森学です。ネットやSNSを見る時、スマホ
とPCは同じくらいの割合で見ています。

パソコンとスマホでは画面の大きさ (幅) が違い
ます。パソコンで読むと「程よい分量」と思っ
ても、スマホの画面だと量多すぎ、長い…
と感じる時があります。



今回、
ワードプレスのブログを再開するにあたって
ブログ記事最後に「自己紹介コーナー」を
作ろうと思ったのですが、
パソコンで見ると「イイ感じ」
スマホで見ると「長すぎだよ~!」という
違いを痛感しました。

ワードプレスで自己紹介ボックス (記事最下部のミニコーナー) を作成した。ビジネス目的のブログを書くなら、ページ最後の「プロフィール文」は重要

最初作った文章は、スマホだと長すぎた

ブログ記事最後に「自己紹介コーナー」とは、
下の画像のような「ミニコーナー」です。

WordPressブログの全ての記事の最後に「プロフィール欄」を自作して設置。パソコンとスマホでは見え方が違うため、文章が長くなりすぎないように注意

詳しく書いた自己紹介ページを作り、
気になったら自己紹介ページを見てね」と
するよりも、
同じブログ記事の中で移動することなく
自己紹介情報を見てもらえたら便利だよね~
と思って作りました。


なのですけど…
最初に作った「自己紹介コーナー」を
スマホで見たら…びっくり! (長すぎ)
1画面の中に納まらずにはみ出るくらいで、
「分量多いな… こんなに長いと見る気が失せるよね…」
と痛感。
(下の画像を参照)

スマホで見たら画面をはみ出していて「わざわざスクロールしないと全部を読めないじゃないか…これは面倒」と気づいた。画面からはみ出ていた文章を削除して対応。
ブログ記事はパソコンで書いてます
500字を超えてくると、文章全体を
見渡して推敲する必要がでてくるため
長めの文章はPCで書いています。

PCだと「ちょうど良い分量」だけど
スマホで見ると「うわ、長い…!!」と
感じることがよくあるので、
必ずスマホで一度確認をしています。

スマホ向けのポイントは「画面に収める」

スマホで見られる前提でブログを書く時は
各パートがスマホの画面内に収まる」を
心がけています。


今回で言うと
「自己紹介コーナー」はスマホ画面に収めて
スクロールしないと全部を見れない… (面倒)
ということが起こらないように気を付けました。


「何が何でも1画面に収める」は
難しいです。
1つのパート/段落
まとまりがある1つのブロック
スマホの画面内に収まれば良いと思います。

ワードプレスで自己紹介ボックス (記事最下部のミニコーナー) を作成した。ビジネス目的のブログを書くなら、ページ最後の「プロフィール文」は重要
ここで半分です!

そんなわけで、作ってみた

詳しく書いた自己紹介ページを作り、
「気になる方は自己紹介ページを見てね」と
移動を求めるのではなく
同じブログ記事内で知りたい事を読めるように
下のような形にまとめました。


タブを切り替えて6つのコーナーを
 それぞれ楽しめます

プレゼン資料作成 & ライター。
今までに3万人にインタビュー。

「中森さんと話すと、頭の中がスッキリ整理される!」と言われるので、「深堀りする質問力」が強みなのかな…? と思っています。
(違っていたら恥ずかしい)


左 または 上のタブを切り替えると
「仕事内容」「SNS一覧」「経歴」 などを見られます。

—————————————–

新着記事がLINEで届く!
中小企業・フリーランス・個人事業主・NPOがホームページを使ってネット集客をするためのヒントを伝える情報メディアを運営、中森学 (プレゼン資料や営業資料を制作)
スマホの方はココをタップ 友達登録したら「ブログ」と
一言メッセージして下さいね!

詳しい自己紹介ページを別途作る予定ですが
「わざわざ別ページに移動しなくても、
プロフィール情報をサクっと知りたい」という
方の気持に応えられると思っています。


まとめ

ブログ記事最後に設置する「自己紹介コーナー」
を作りました。

基本的に文章はパソコンで書いているので
「程よい分量で良い感じ!」と思ってもスマホ
だと長く感じることがあるため、
作る」→「プレビュー (スマホで)」→「修正
を繰り返しました。

こだわり出すとキリがない
正直なところ、6つのタブ全部を完成
させるまでに3時間半かかりました。
まぁ、それでも見る人が見れば
「まだまだ」と思うでしょうが…

「自己紹介コーナー」はすべてのブログ記事の
末尾に設置するため、優先順位はとても高いです。

ここをクリアできたので、
「基本的な環境が整っていないから、今はまだ
記事を書けない… (環境整備が先)」という状況
脱出できました。


今後は記事をどんどん書いていこうと思います!

Return Top