ライブドアブログのデザインカスタマイズでやってしまいがちなミス

ライブドアブログはPC版、スマホ版のそれぞれのデザインをカスタマイズ出来るのですが、ふと自分のブログを見ていて重大なミスをしていることに気づきました！

プレビュー画面では見れているのになんで？と右往左往したので、ライブドアブログのデザインカスタマイズでやってしまいがちだと思うミスです。

PC版とスマホ版はそれぞれデザインを設定する必要がある

このようにライブドアブログはPC版、スマホ版それぞれのデザインが設定可能です（ケータイ版は割愛）。
記事一覧、カテゴリ分け、プロフィールなど、どの要素を出してそれをどのように配置するか、自分の思うままにレイアウトすることが出来ます。

ただそこで気をつけなくてはいけないのは、PC版のデザインをしたからといってそれはスマホ版に反映されないという点です。

特にCSSをデザインしてカスタマイズするということがPC版では出来ますが、スマホ版ではCSSカスタマイズ出来ないよ！

スマホでは決められた要素を配置という形でカスタマイズが出来ます。
これを失念しているとブログを見ている人の9割はスマホユーザーなのに、スマホ版は野ざらし状態なんてことになりかねません。

初歩的なことだけど最初だからこそやってしまいがちかなぁと・・・

トップページ、アーカイブページなどページテンプレートごとにごとにカスタマイズしていない

PC版、スマホ版ともにトップページ、アーカイブページなどそれぞれのテンプレートごとにカスタマイズする必要があります。

さらにスマホ版ではブログタイトルを画像で表示するかテキストで表示するか、記事一覧を何件ずつ表示するか、各アイテムごとに設定を適用しなければいけないのでそれぞれ設定し忘れに注意。

わたしがしてしまったミスはこれで、スマホ版のメイン画像がトップページにしか表示されていなかった・・・！

ブログに来てくれる8割の人がスマホで検索から来てくれているので、ほぼ見られずに終わっていた切ない（直したから見てってね）。

これです。結構気に入っているので悲しい・・・

メニューバーをPC、スマホどちらかにしか表示していない

これまたPCとスマホの問題ですが、メニューバーもPCとスマホそれぞれで表示の設定をする必要があります。

PCではメニューを設定しているけどスマホで見てみたら出ない！とかなってませんか？設定忘れてますよ！笑

まとめ

基本的にどれもわたしがやってしまったミスでした・・・

設定が細かく分かれているのはめんどうくさい部分もありますが、PCとスマホに最適化してレイアウトを調整出来るなどいい部分がたくさんあります。

うちのブログではスマホではメニューの名前を短くして表示を一列で収まるようにしたり、微調整出来ているので便利だなと思って使ってます。

カスタマイズがうまくいかない！って時はだいたい設定し忘れとか思い込みということが多かったので、ライブドアブログの方は見なおしてみてくださいね！

ライブドアブログのカスタマイズについてはヘルプページでかなり詳しく書いてくれているので、わからないことがあったらそちらも見てみてください。
では、また。