このサイトはSWELLテーマを使用中 ≫

SWELLの使い方~私が記事作成で工夫していること~

この記事から得られること

※ブロックエディター自体の機能含む

気になる目次をクリック

ブログ記事作成での工夫

私が1番気を付けている点は『スマホで読んだときの見た目』です。

  • 読みやすい
  • 集中できる
  • 流し読みでも目に留まる

装飾が多すぎず、文字だらけにならないよう考えた結果今のスタイルが出来上がりました。

良かったら参考にしてください。

文字装飾

SWELLマークを押すと下記の装飾が表示されます。

背景色・マーカー線

色やスタイルを設定から選ぶことができます。

淡い色だと目がチカチカしないのでオススメ。

細ストライプversion

私が使っている色はこちら

  • 赤マーカー(#f7bbca)
  • 青マーカー(#b0d4f4)

青マーカーを利用することが多いです。

より重要なことは太字と合わせて使いますし、赤より青の方が集中力も上がるかなと。

学校で青ペンが良いと流行りませんでしたか?
青ペン・青マーカーがメインだったなぁ

※見出し/マーカー/吹き出しの色を統一するのも綺麗ですよ!

▼文字装飾の種類一覧はこちら

注釈

説明の付け足しなどちょっとした言葉を忍ばせられる注釈

※注釈←これ

見た目的にも邪魔にならず重宝しています。

使い方は、文字を範囲して注釈ボタンを押すだけ!
文中でも好きな箇所に使えます。

ブロック装飾

行間

cocoonを利用しているブログを見ると行間が凄く広いんです。

ゆったりした雰囲気があり飛ばし読みをしようと思う確率が低いと感じました。

一方SWELLはというと結構狭い。

デフォルト1.5の場合

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

2.4に変更

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

3に変更(お試し)

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

いかがでしょうか。
デフォルトでは狭く、3だと逆に段落のようになってしまいます。

言葉が途切れた際に違和感が無い距離がオススメです。

狭すぎず遠すぎない2.4サイズがお気に入り。

ブロック下の余白量

ちょっとワンテンポ休憩を挟みたい時に利用しているブロック下の余白量

  • 段落で休憩を挟むときは4
  • h2やh3が次に来るときは6
  • 逆に狭めた方が綺麗に見える装飾もあるので1を利用することもあります。

アイコン付き吹き出し

これのこと!

実は色々選べるんです。

※スクロールしてね↓

左右に配置することで会話してるように見せられ
「スマホ表示で縦並びにする」で窮屈さを無くすことができます。

なぎ

こんにちは。筆者のなぎと申します。

お助け役

こんにちは。たまに会話で登場しています。
縦にすると横幅が広く使えますね

アコーディオン

読みたい人だけ読めるように隠せておけるブロック装飾です。

説明が長いと離脱したくなるかなぁと思い使用しています。
※開いた状態をデフォルトにすることも可能

▼アコーディオンの使い方を確認したい方はこちら

リスト

私は大体このセットで使っています。

  • チェック
  • 下線あり
  • 背景色(黄色)

行間が広げられないのは残念ですが、下線があるので見やすくなっています。

※スクロールしてね↓

広告タグ

こんな風に作れて使いたい時に出せる

アドセンス広告も登録可能

クリック数も確認できるのでどの位置に置くかの判断材料として使えます。
数値リセット可能

関連記事(内部/外部)

内部記事はタイトルで検索できるので非常に簡単。

また、テキストリンクにも変更も可能なので文字を打ってリンクを追加する作業が無くなります。

カード型リンクは画像認識の人が多いと聞き、最近はテキストリンクを併用するようにしています。

まとめ

いかがでしたでしょうか。
今回の記事は装飾紹介だったので多少見づらい部分もあったかと思いますが、

  • どんな時にどのブロックを使用するか定める
  • 色の配色を考える
  • 文字だらけの箇所が無いかスマホで確認
  • 行間が詰まりすぎていないか

これらを意識すると、読みやすい記事が作成できるので是非試してみてください。

最後まで読んで下さりありがとうございました。

\ いいなと思う気持ちを大切に /

よかったらシェアしてね!
気になる目次をクリック
閉じる