文字の装飾方法や書くときに意識してほしいこと

文字を書く時に心がけて欲しい点がいくつかあるのでチェックしておいてくださいね。

 

スマホを意識して記事を書きましょう

記事作成はパソコンで行っていますがブログを読んでくれる方のほとんどがスマホです。

タブレットやパソコンの方もいますがスマホでのアクセスが80%以上!

なので文章を書く時にはスマホで読まれるという事を意識して書いてくださいね。

 

↓修正前

冒頭でも触れましたが約1年前から開催が告知されていました。その時はリアルタイム検索やTwitterでトレンド入りするほど盛り上がっていましたね。今は刀剣乱舞などの人気の後押しもあるのかと思われます。刀や甲冑の展示は男性がターゲットかと思われますが今は若い女性に人気ということだそうなので来場も多く見られそうですね。以前同じく福岡市博物館で開催された刀の展示では地元のローカル番組で取り上げられるほどの話題でしたよ。

 

私が書いた文章ですがパソコンですと特に問題なく表示されていますよね。

特別読みにくいことは多分ないかと思います。

 

ですがスマホで表示させてみると・・・

↓修正前のスマホ表示

 

アルバカさん
文字が敷き詰められてて読みにくい!!

 

これだとアクセスした人のストレスになってしまうので

改行を使って修正します。

 

↓修正後

冒頭でも触れましたが約1年前から開催が告知されていました。

その時はリアルタイム検索やTwitterでトレンド入りするほど盛り上がっていましたね。今は刀剣乱舞などの人気の後押しもあるのかと思われます。

刀や甲冑の展示は男性がターゲットかと思われますが今は若い女性に人気ということだそうなので来場も多く見られそうですね。

以前同じく福岡市博物館で開催された刀の展示では地元のローカル番組で取り上げられるほどの話題でしたよ。

 

 

修正後のスマホ表示↓

スッキリしましたね!

スマホを意識して一行の長さ改行をするとパソコンでの表示がおかしく感じるかもしれませんが気にしなくてOKです!

お持ちのスマホでもWordPressの編集画面にアクセスできるようにしておくとその都度確認できますよ!

 

確認方法

Chromeを使って確認する

ブラウザでChromeを使っているなら記事の下書きを済ませることで表示ページを確認することができます。

ページで【右クリック】→【検証】を選択することでスマホで確認せずともパソコンのままでスマホでどのように記事が見えているのか確かめることができます。

 

検証画面に移動したら表示サイズを選択します。

一番所有率の高い(2020年7月時)iPhoneXシリーズに合わせておきましょう。

 

このページで改行や行間の違和感のある箇所がありましたら調整をおねがいします。

 

スマホで確認する方法

もしパソコンにChromeを導入していない場合はお待ちのスマホでブログの管理画面にアクセスして確認してください。

【記事一覧】のページから【プレビュー】とタップして確認します。

 

機種によって改行の見え方が変わってくるので、

更にこちらが調整する場合がありますのでご理解ください。

 

文字の装飾もしてみましょう

一行の長さと改行を意識してスッキリさせたところで次は文字の色付け装飾も記事を書くにあたって必須です。

 

このマニュアルでも既に出てきていますね

青文字赤文字ですね。

どういう時に必要かというと、

大事な情報を伝えたい時

ですね(あえて文字も大きくして色付けしてみました)

 

先程の修正した文章から強調したい!と思う箇所を装飾してみますね

 

冒頭でも触れましたが約1年前から開催が告知されていました。

その時はリアルタイム検索やTwitterでトレンド入りするほど盛り上がっていましたね。今は刀剣乱舞などの人気の後押しもあるのかと思われます。

刀や甲冑の展示は男性がターゲットかと思われますが今は若い女性に人気ということだそうなので来場も多く見られそうですね。

以前同じく福岡市博物館で開催された刀の展示では地元のローカル番組で取り上げられるほどの話題でしたよ。

 

 

・刀剣乱舞

・若い女性に人気

を強調して色付装飾してみました。

 

イベントやお出かけ情報だったら

・開催期間

・住所

・駐車場所在地や台数

 

商品紹介ですと

・発売日

・値段

・予約の可否

 

このあたりの情報を強調させてください。

やり方を解説しますね

 

「こんにちは」を色付したかったらマウス等で文字を選択後太文字にして色付します。

するとこんにちは文字が変わったはずです。

それほど目立たせる必要のないけどちょっとだけ強調させる場合は

太文字」だけでOKです。

Bボタンを押さなくても文字入力する前に

Windowsなら「Ctrlキー+B」→「こんにちは」

Macなら「Command+B」→「こんにちは」

とショートカットできます。

 

私はまず一文を書き終えて確認、目立たせたい文字があれば

文字をマウスで選択してCommand+Bを押して色付けしてます(Macユーザーです)

 

もう1つ、

太文字を蛍光ペンでチェックしたような感じにもできます。

やりかたは簡単です、

先程のように文字を書いたら好きな方法で太文字にして、

文字が選択されているのを確認したら

最初は「Quicktags」と表示されてるリストを押します

 

 

黄色バックを押すと先程の蛍光ペンでチェックしたような文字になります。

赤文字(各見出しの結論などに使うとGOOD)

青文字(その他に大事な事、強調したい事に使いましょう)

蛍光ペン(結論ほどではないが重要な事、補足などに使いましょう)

を記事の中で上手に使ってみてくださいね!

 

 

最後に

・スマホを意識した記事制作をしよう!

・文字の装飾もしてみましょう!

の2点でした!

読む人を疲れさせないように配慮しましょう。

もし読む人が欲しい情報があっても読みにくかったらすぐにページから離脱しちゃいますので><