WebStationビジネス書の書評を中心に、Webデザインなどの情報を紹介しています。
  • toshi@Twitter
  • Facebookページ
  • RSSリーダーの登録

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログで簡単にスマートフォン対応する方法

fc2_01.jpg

スマートフォンが普及しはじめていることもあり、当ブログへのアクセスもスマートフォン率が急上昇しています。私自身も最近になってiPhone5を購入したので試しに当ブログにアクセスしてみたところ、PC用にデザインしたものとはまったく違う表示になっていたので衝撃を受けました。

ブログをスマートフォンに対応させるには

ブログサイトをスマートフォンに対応させる方法は2つあります。

  • PCとスマートフォン両方に対応したページを作成する
  • PCとスマートフォンそれぞれ別の専用ページを作成する
1つ目のPCとスマートフォン両方に対応したページを作成するには、CSS3の「Media Queries」などで実現できますが、初心者には少しハードルが高いです。

2つ目のスマートフォン専用ページを作成する場合は、FC2では提供されているテンプレートを選ぶだけで実現できます。

そこで今回は、FC2初心者ブロガーが忘れがちな「スマートフォン用テンプレートの設定方法」について紹介します。

スマートフォン用テンプレートの設定方法

fc2-smart-temp_01.jpg

PC用のテンプレート編集と同様に、管理ページサイドメニューの【テンプレート設定】から行います。

スマートフォン用の【テンプレート管理】をクリックすると現在使用しているテンプレートの編集ページが表示されます。適用テンプレートがない場合は、【公式テンプレート追加】または【共有テンプレート追加】からテンプレートを追加してください。

以上でスマートフォン用のテンプレート設定ができました。簡単ですよね。

まとめ

今回はFC2で用意されているテンプレートを選択するだけでスマートフォン対応できる方法を紹介しました。簡単なことですが、スマートフォンからアクセスしたときの印象が変わるのでぜひ設定を。

ソーシャルリンク

トラックバック

トラックバックURL

この記事にトラックバックする(FC2ブログユーザー)

コメント

ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。