アフィリエイトまとめ（忍者ブログ）

モバイルフォン用のテンプレートをやめて、
レスポンシブテンプレートに統一すればモバイル版でもcss使ってカスタマイズできる。
という事で、今回はそのやり方を詳しく解説。

① スマホのテンプレートを使わなくする設定

忍者ブログの設定画面を開いて、
「設定」→「ブログ詳細」→「ブログ表示の設定」の真ん中らへんにある「スマートフォン用テンプレート・・・」を「使用しない」にチェックします。

② PC版テンプレートでレスポンシブデザインを選ぶ

「デザイン」→「PC用テンプレート検索」で「レスポンシブ」で検索


今回は、公式が発行しているテンプレート「Awakening」にしました。これを「ダウンロード」



「デザイン」設定→「PC用テンプレート」→「お気に入りテンプレート」
さっきダウンロードした「Awakening」を「このテンプレートに設定」

私の場合は、CSSを少し弄っていたので、
「修正」リンクを押して③の作業を行いました。

③ 必要に応じてカスタマイズ

デフォルトテンプレートを文字修飾を少し弄ってました。

・インデント
・見出しの文字サイズ
・外部リンク用のボタン
などを追加修正

④最後に必ず動作確認

必ずスマホとパソコン両方で動作確認しましょう。
何度もいうようにスマホの閲覧が大部分なので、PCだけでの確認で済ませないことが重要です。
私の場合は、Chromeブラウザのデベロッパーツールで確認した後に、
実機のiPhoneとiPadで確認しています。

デベロッパーツールだけだと、
指でのリンクの押しやすさだったり、
色味が微妙に違います。
こういうテンプレーといったインパクトの大きい変更を加えたときや、
重要なページを作成した後は、
必ず実機でテストします。