ブログのテンプレートをレスポンシブのものに変更しました。つぶやきcometikiの9割は寺脇康文さんで、できている。TOPつぶやきブログのテンプレートをレスポンシブのものに変更しました。INSEARCH2015-04-09ブログのテンプレートをレスポンシブのものに変更しました。つぶやき-cometikiブログテンプレートをレスポンシブにしよう!私はHTMLなどの知識が、ほとんどないので0からテンプレートを作るのは、苦手です。その上、FC2ブログには独自の変数(?)というものまであって、頭は混乱するばかり。共有テンプレートから、ダウンロードして使わせていただいています。今回テンプレートを変更した理由は、レスポンシブデザインにするためです。詳しくないのでザックリした説明になりますが、パソコンからでも、スマートフォンからでも、タブレット端末からでも、いい塩梅で表示されるデザインを「レスポンシブ」と言うのだとか。これからは「レスポンシブだー!」という記事を読んだので、「そうなのか!」と思いテンプレートを変更しました。その中で見つけたのが、作者:MD[mysticdiary]さんの『DIVISION』。MysticDiary「こうしたいときは、ここを変更してください」と、細かいアドバイスも書かれているので、とても参考になりました!あとは自分の好みで、文字サイズや、見出しタグの装飾部分を整えて完成。メニューバーが欲しかったのですが、作り方がわからず挫折してSNSボタンの一部を「目次」に変えて、別ページにメニュー一覧をまとめてみました。「やっぱり、タイトル下にメニュー欲しい!」と思って、試行錯誤の末それっぽいものを取り付けたのですが...これが上手く動作しているか、自分のパソコンとスマホからしか確認できないので、不安です。スマホ用のテンプレートを削除して、レスポンシブで統一!PC用のテンプレートを、レスポンシブのものにしたものの、FC2ブログにはスマホ用のテンプレートの設定もあります。PC用とスマホ用で、それぞれテンプレートが異なるので、PC用のテンプレートだけ変更しても、同じテンプレートで表示されません。mysticdiaryさんのサイトに、解決策が書かれていました。スマホでPCサイトを表示させるには、フォーラムの方で回答がありましたので参考にしてみてください。{display:none;}と加えると消えます。MysticDiaryフォーラムの方の回答どうりに設定してみると、TOPページからはPC用のテンプレートで、スマホ用に調整されたものが表示されました。各ページのURLから開くと、スマホ用のテンプレートが表示されるのです。そこで参考にさせていただいたのが、liztrashさんのサイト。Liztrash書いてある通りにしたら、各ページのURLからでもPC用のテンプレートで、スマホ用に調整されたものが表示されました!!ただしこれも、自分のスマホでしか動作確認ができていません。ブログを開いてみて、「ちゃんと表示されてないよ?」と思われましたら、下記にある「拍手ボタン」やcometiki(こめちき)のTwitterで、状況を教えていただければ幸いです。2014/03/25雨あがった?2010/02/12完成?!2010/09/15いつかそんな日が...な夢。(4)MAILなにかございましたら、コチラのメールフォームからお願いいたします。cometikiの9割は寺脇康文さんで、できている。