- これで解決！ SWELLのボックスメニューの作り方
本記事を読めば、SWELLのボックスメニューの作り方が分かるようになります。
ブログは、記事数が増えてくるとユーザーの目に触れない記事が出てきます。それを避けるためにはカテゴリーや分かりやすい見出しを作ってうまく回遊させる仕組みを作る必要があります。そんなときにはSWELLのボックスメニューがピッタリ。
サイドバーに設置すれば、わかりやすく人目につきやすいのでユーザーがブログを回遊してくれる確率が上がります。
作り方はとても簡単なので制作方法を紹介しておきますね。
このSWELLのボックスメニューの作り方を理解し、実際にSWELLのボックスメニューを作ることで、ユーザーの即離脱をできるだけ軽減し、よりブログ内を回遊してもらったり、紹介したい記事への最短ルートでの誘導ができるようになります。ぜひ参考にしてくださいね！
メチャじじ実は、離脱率が高くて困っているのじゃ・・・
チョイジジ何とかしてサイト内を回遊して欲しいよね・・・
一生懸命たくさん記事書いたからねえ！
ひろおじじゃあ、今回はSWELLのボックスメニューの作り方を紹介するよ。
簡単にできるのに結構効果があるんだ・・・
この記事では、SWELLのボックスメニューの作り方についてお話をしていきます。
- ブログの回遊率が悪くて悩んでみえる方
- ブログのサイドバーがいまいちしっくりこない方
- SWELLのボックスメニューの作り方を知りたい方
- ブログのサイドバーをおしゃれにしたい方
早く希望の記事箇所に到達したい方はコチラ
当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ！
SWELLのボックスメニューとは？
SWELLのボックスメニューがどんなものかは、文章で説明するより、そのまま見てもらったほうが分かりやすいと思いますのでご覧ください。
こサイトの右のサイドバーにあります、メニューボックスです。結構視覚的にわかりやすく目立っているのではないでしょうか？
SWELLでは、このようなボックスメニューが簡単にできます。
SWELLのボックスメニューの特徴
SWELLのボックスメニューはとても有効
ブログって記事数が増えてくるとユーザーの目に触れない記事が出てきますよね。だんだんと埋もれていってしまうということです。それを避けるためには、カテゴリーや分かりやすい見出しを作ってうまく回遊させる仕組みを作ることが有効です。
カテゴリーが最新記事だけですと、当然古い記事は目にする確率が低くなりますし、なんせデフォルトのカテゴリー表示だけでは、全然目立たなくて回遊してもらえませんよね。
メチャじじそんな時、SWELLのボックスメニューはとても有効なのじゃ・・・
- 視覚的に目立つのでクリック率が上がる
- 自分の推したいカテゴリーなどを推すことができる
- 装飾や配置を自由にできる
チョイジジユーザーがブログを回遊するためにとても有効な手段になります。
SWELLのボックスメニューは設置がとても簡単
SWELLのボックスメニューは、とにかく設置が簡単。
記事が増えてくると結構カテゴリーの再構築をすることがありますが、そういった時もストレスなく対応が可能です。見栄えもよくて修正もさっと簡単にできますので、こういうときはSWELLを使っていて良かったなと感じます。
リンク先は自由
SWELLのボックスメニューは、単にただカテゴリー別が形の変わったものではありません。
リンク先は自由に設定できます。カテゴリー別にしてもいいですし、特定の記事に飛ばしてもいいですよね。自由度が高い使いかたができるのです。
先ほど、簡単に当サイトのサイドバーの説明をしましたけど、正確には上下のボックス型の部分はボックスメニューですが、真ん中の部分はSWELLボタンです。
SWELLのボックスメニューの作り方
では、早速サイドバーに貼り付けるためのボックスメニューを作っていきましょう。
サイドバーに貼り付けるためのボックスメニューを作ります.
作り方は簡単！概要は以下の通りです。
- ブログパーツで作成します
- ウィジェットでサイドバーに表示させます
①ブログパーツでボックスメニューを作成します
- 「ダッシュボード」「ブログパーツ」「新規投稿を追加」
- タイトルを入力します（ここではサイドバーと入れました）
- 左のブロックツール挿入から「ボックスメニュー」をクリックします
- 今回は下のような設定にしてあります
- カラーはデフォルトになっていますので、ご自身のサイトカラーで表示されます
- 本文のイラスト部分をヒットします
- 右にアイコン設定部分が表示されます
- アイコン選択から好きなアイコンを選びます
＊「SVG」と「画像」とありますが、「SVG」は用意されているアイコン。「画像」は自分で用意したアイコンを使用することもできます。
- 文字の入力とリンク先を入力します
- ある程度できましたら公開をします
- 後から修正・更新ができますのでとりあえず作ってみましょう
②ウェジットでサイドバーに表示させます
- 先ほど作成したブロックメニューの「呼び出しコード」をコピーします
- 「外観」「ウィジェット」開きます
- 共通サイドバーを選択します
- ウィジェットを追加をクリックします
- コピーした「呼び出しコード」を貼り付けます
- 「保存」します
- 最後に「完了」クリックします。
＊タイトルは付けても付けなくてもどちらでもよいです。どう表示されるかは実際に見てみてください。
- とりあえずできました。
- 一旦ウィジェットに登録しておけば、ブログパーツを修正するだけで、表示内容が変更されますのでとても便利。
いろいろなパターンを作ってみよう
アイコンや文字に色を付けることができます。
背景に色を付けることもできます
このように簡単に装飾が可能になりますので、見た目にもおしゃれなボックスメニューを素早く作ることができます。
SWELLのボックスメニュー作成の際の注意点
ある程度サイトにボリュームが必要
ボックスメニューの有効な使い方は、ある程度見てもらいたい魅力的なカテゴリーを指定する使いかたが一番効率がいいような気がします。
よって、まだサイトの記事数が少ないときは、なかなかカテゴリーを複数作ることができない場合もありますので、ある程度記事ができてからの方が効力を発揮すると思います。
人と被る
意外とこのボックスメニューを使ってる人が多く、アイコンも共通していて似ていることから、他のサイトと似かよってしまうイメージがあります。「あれっ、このサイトもボックスメニュー・・・」「こっちのサイトもボックスメニュー・・」なんてことも・・・・・
こんな時は、自分だけのアイコンを作ることがオススメです。僕も作ったことないので、どのような作り方がいいのかわかりませんが、差別化にはもってこいです。
メチャじじおぬし、まず自分でやってから紹介するのじゃ！！
ひろおじあ～、ごめん、ごめん・・・・。
じゃあ、簡単にできる別の方法を提案するよ！
これは、ただ背景の色を変えただけですけど、同系のグラデーションをつけると、なんとなくおしゃれっぽく見えるようになります。簡単にできますのでよかったら試してみてくださいね！
まとめ：SWELLのボックスメニューの作り方
今回は、SWELLのボックスメニューの作り方について解説しました。
ブログは、記事数が増えてくるとユーザーの目に触れない記事が出てきます。それを避けるためにはカテゴリーや分かりやすい見出しを作ってうまく回遊させる仕組みを作る必要があります。そんなときにはSWELLのボックスメニューがピッタリ。
サイドバーに設置すれば、わかりやすく人目につきやすいのでユーザーがブログを回遊してくれる確率が上がります。
具体的に気になる記事箇所をチェックするのはコチラ
このSWELLのボックスメニューの作り方を理解し、実際にSWELLのボックスメニューを作ることで、ユーザーの即離脱をできるだけ軽減し、よりブログ内を回遊してもらったり、紹介したい記事への最短ルートでの誘導ができるようになります。ぜひ参考にしてくださいね！
キャラクター設定を利用した面白いブログ記事の書き方を実行することで、よりユーザーに好まれる面白みのある記事が書けるようになり、目標とする成果や結果に繋がりやすくなります。ぜひ参考にしてくださいね！
また、「SWELLのボックスメニューの作り方」が終わりましたら、次は「ブログの効果的なトップページの作り方」を確認してみましょう。
詳しいやり方は下記の記事で紹介しているので、あわせて読んでみてくださいね。
当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ！