【Simplicity】ブログ作り レイアウト簡単編集!!
このエントリーをはてなブックマークに追加

【Simplicity】ブログ作り レイアウト簡単編集!!

ブログを解説して、はや一か月が過ぎようとしていますが、全くレイアウトいじっていなかったので、今回はレイアウトを編集していきたいと思いますよ!!今回も『Simplicity』のテーマを使っている人向けです!

私のページは、スマホで閲覧してくれる方が多いので、スマホ向けの編集をしていきますよ!

スポンサーリンク

外観からカスタマイズを選択!

まずは、外観からカスタマイズを選択しましょう!

カスタマイズ画面に映るので、ここではスマホ用のレイアウト設定をするためレイアウト(モバイル)を選択しましょう。

モバイルメニュータイプが7つありここから好きなレイアウトを選択できます。

アコーディオン(デフォルト)

アコーディオンツリー

モーダルメニュー

スライドインライトorダーク(ボタン上)

スライドインライトorダーク(ボタン下)

この中でも、私のおススメはスライドインライトorダーク設定です

今の設定は、スライドインライト(上ボタン)設定です。

このようにHP上にメニューが表示されます。デォフォルトの設定で、下のほうにあったサイドバーもアイコンをタッチしてもらうと

このように見やすくなっています!このメニュー一覧が上に来るか下に来るかは好みの問題なので実際に設定してみましょう!

モバイル文字サイズの設定や、モバイル端末にいくつの記事を表示させるかなども設定できるため、もし文字小さいなと感じた時は、変更するのもいいでしょう。

以前のブログよりかなり見やすくなったのではないでしょうか?広告などがこの表示にするとかなり大きく感じてしまうためもう少し工夫が必要ですね

続いて、PCなどで表示される画面の設定をしていきます。

緑枠のレイアウトでは全体、リストを編集できます

今回はタイトルの中央合わせと、グローバルナビの表示を設定しようと思います!

変更前のHP

変更後のHP

ブログタイトルが真ん中にきて印象がだいぶ変わりましたね、またグローバルナビを設置することによって、見たい記事へと検索が楽になりました。グローバルナビの設定はまた今度説明しますね。

レイアウトにはこれだ!という正解はありません!ブログを見てくれる方のことを第一に考えて作ることは大事ですが、やはり自分が好きなレイアウトじゃないとブログを運営していくにも力が入りませんよねw

PCではなく、モバイル端末で自分のブログを見たらまた見え方が違って面白いのでぜひ一度モバイル端末でも確認してください!!

では、今日はこの辺で、最後までご覧いただきありがとうございます!!

シェアする

  • このエントリーをはてなブックマークに追加

フォローする