スマホで見たときに見やすいテンプレート
先日ナチュログから今年に入ってから更新のないブログは強制的にスマホのテンプレートを適用するというアナウンスがありましたね。
このナチュログのスマホ用のテンプレートなのですが・・・
正直見にくいですよね。
コメントも5件ずつしか表示されないので、コメントの件数が多いときはページの移動にも手間がかかりますし…。
そんなスマホ画面での表示に対する不満を解消できる方法が・・・
手前味噌になりますがワタクシの作ったテンプレートでございます。
随分昔に作ってから更新もしていないので今の時代に合うかわかりませんが、よろしかったらお試しあれ。
テンプレートをご利用の方はこちらからどうぞ
バージョン1のテンプレート
- 下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
- ブログ環境設定で、タブレットテンプレートを利用する・スマートフォンテンプレートを利用するのチェックを外してください。
バージョン2のテンプレート(ガーリー)
- 下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
- ブログ環境設定で、タブレットテンプレートを利用する・スマートフォンテンプレートを利用するのチェックを外してください。
バージョン3のテンプレート(クール)をご希望の方はこちらからどうぞ
- 下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
- ブログ環境設定で、タブレットテンプレートを利用する・スマートフォンテンプレートを利用するのチェックを外してください。
僕が公開しているテンプレートは完成品ではないです、不具合などがあれば更新していきますので、たまにはテンプレート更新履歴をのぞいてみてください。
また、テンプレートの改造などはご自由にどうぞ。
ただ、申し訳ございませんが改造などの際のサポートなどは行っておりません。
ご了承くださいませ。
最後に、僕はウエブデザイナーでも何でもございません。
趣味の領域で作成したテンプレートなので、テンプレート運用に関わるサポートはございません。
が、何かしらテンプレートの不具合があれば一緒に解決策を探っていきたいとは思っています。
このテンプレートで気になったことなどがあればお問い合わせください。
また、本職の方で「ここの記述はおかしい・ここはこうした方がいい」などアドバイスなどがあれば、大歓迎でお待ちしておりますので、どしどしコメントください。
お約束ですが、ご使用の際は自己責任でお願いします。
テンプレートの利用で不具合など生じても当方では責任は負えませんのでよろしくお願い致します。
また、このテンプレートは古いブラウザには対応していません。あしからずｗ
タグ ：テンプレートカスタマイズ
この記事へのコメント
こんばんは(・ω・)
さすがIT長者（？）ediさん(*ﾟωﾟﾉﾉﾞ☆
この勢いでいたちのためにガラケー用テンプレもお願いします！
まぁガラケーでネットアクセスはまったくしませんが（笑
スマホに変更したらテンプレ活用させていただきますヽ(=´ω`=)ﾉ
さすがIT長者（？）ediさん(*ﾟωﾟﾉﾉﾞ☆
この勢いでいたちのためにガラケー用テンプレもお願いします！
まぁガラケーでネットアクセスはまったくしませんが（笑
スマホに変更したらテンプレ活用させていただきますヽ(=´ω`=)ﾉ
ediさん
私が使わせて頂いているテンプレートはバージョンいくつでしょうか？
私が使わせて頂いているテンプレートはバージョンいくつでしょうか？
こんちゃ(^ ^♪
お世話になっておりますｗ
ホントにediさんの使わせてもらってると
コメント5件表示の意味が分かりませーん
デスよねｗｗｗ
お世話になっておりますｗ
ホントにediさんの使わせてもらってると
コメント5件表示の意味が分かりませーん
デスよねｗｗｗ
まいど！
ナチュログミドルブロガーのしくです（爆）
もう１年以上経ちますか
随分、我々もナチュログに長く腰を下ろしていますね（笑）
すっかりediさんテンプレに慣れきっていて
コメント５件縛りとか忘れていましたが、
また思い出したので、ediさんに感謝しながら使わせていただきます
ナチュログミドルブロガーのしくです（爆）
もう１年以上経ちますか
随分、我々もナチュログに長く腰を下ろしていますね（笑）
すっかりediさんテンプレに慣れきっていて
コメント５件縛りとか忘れていましたが、
また思い出したので、ediさんに感謝しながら使わせていただきます
いたちさんコメントありがとうございます。
他の方がスマホでいたちさんのブログを見たときに見やすくなりますから
スマホに交換したらと言わずせっかくなので使ってくださいよｗ
他の方がスマホでいたちさんのブログを見たときに見やすくなりますから
スマホに交換したらと言わずせっかくなので使ってくださいよｗ
へりさんどもです。
へりさんのテンプレは、あえてverを付けるとしたら「0」でしょうかｗ
全てのテンプレはへりさんのテンプレから始まっていますｗ
その節はご協力ありがとうございました＾＾
へりさんのテンプレは、あえてverを付けるとしたら「0」でしょうかｗ
全てのテンプレはへりさんのテンプレから始まっていますｗ
その節はご協力ありがとうございました＾＾
shinn.さんコメントありがとうございます。
ナチュログ謹製のテンプレはちょっと見にくいですよね^^;
トップページは新しいのがありますが、記事のページは昔のままですしね…。
これでまた使ってくれる人が増えると嬉しいんですがｗ
ナチュログ謹製のテンプレはちょっと見にくいですよね^^;
トップページは新しいのがありますが、記事のページは昔のままですしね…。
これでまた使ってくれる人が増えると嬉しいんですがｗ
ナチュログハイエストブロガーのしくさんコメントありがとうございます。
我々もナチュログ長いですね^^;
画像の容量がなくなったら独自ドメインに移行も考えてましたが、その問題も解消したのでもうしばらくお世話になることになりそうですｗ
今後ともヨロシクです（笑）
我々もナチュログ長いですね^^;
画像の容量がなくなったら独自ドメインに移行も考えてましたが、その問題も解消したのでもうしばらくお世話になることになりそうですｗ
今後ともヨロシクです（笑）
こんばんは☆
ナチュログ始めた頃は、ふつうにあのテンプレ使ってて、オリジナルにアレンジされたテンプレに憧れてました。
ediさんのテンプレに出会わなければ、まだ５件縛りにイライラしてましたね（笑）
ホントediさんには感謝の言葉しか思いつきません。
ありがとうございます(≧▽≦)
ナチュログ始めた頃は、ふつうにあのテンプレ使ってて、オリジナルにアレンジされたテンプレに憧れてました。
ediさんのテンプレに出会わなければ、まだ５件縛りにイライラしてましたね（笑）
ホントediさんには感謝の言葉しか思いつきません。
ありがとうございます(≧▽≦)
こんにちは〜
いつもお世話になってます。
ありがとうございます(o^^o)
ちょっと気になってて直せないかなと思っているところがあるのですが、、
画像一覧から飛んだMY ALBUMが、スマホから見ると横２列の縦長表示になってしまってて、ediさんや他の方の見ると横三列表示なので、たぶんわたしのが変なんだろうなと思うのですが、これどうやって直せるのでしょうか？
もし分かればご教示くださいーm(_ _)m
いつもお世話になってます。
ありがとうございます(o^^o)
ちょっと気になってて直せないかなと思っているところがあるのですが、、
画像一覧から飛んだMY ALBUMが、スマホから見ると横２列の縦長表示になってしまってて、ediさんや他の方の見ると横三列表示なので、たぶんわたしのが変なんだろうなと思うのですが、これどうやって直せるのでしょうか？
もし分かればご教示くださいーm(_ _)m
こんにちは(・ω・)ﾀﾋﾞﾀﾋﾞｵｼﾞｬﾏｼﾏｽ
＞他の方がスマホでいたちさんのブログを見たときに見やすくなりますから
なるほど！ 人が見てくれることをまったく考えていませんでした（笑
よし、決して女性の読者を増やそうとかそういう意図はまったくないですが、「ガーリー」に近々変更してみようっと( ･`ω･´)
ということで、近日テンプレ借用させていただくと思います！
＞他の方がスマホでいたちさんのブログを見たときに見やすくなりますから
なるほど！ 人が見てくれることをまったく考えていませんでした（笑
よし、決して女性の読者を増やそうとかそういう意図はまったくないですが、「ガーリー」に近々変更してみようっと( ･`ω･´)
ということで、近日テンプレ借用させていただくと思います！
miniぱぱさんコメントありがとうございます
どういたしましてｗ
お役に立てたようで幸いです＾＾
どういたしましてｗ
お役に立てたようで幸いです＾＾
ayatyさんコメントありがとうございます
そんなページがあったのですね（汗）
知らなかったです。
3列にするにはスタイルシートの
*//タブレット//*と書かれている上ぐらいに
.album_frame{
width:29% !important;
}
と記入すれば解決するかと思います。
解決しなければ29%の数値を適当に弄ってみてください。
そんなページがあったのですね（汗）
知らなかったです。
3列にするにはスタイルシートの
*//タブレット//*と書かれている上ぐらいに
.album_frame{
width:29% !important;
}
と記入すれば解決するかと思います。
解決しなければ29%の数値を適当に弄ってみてください。
いたちさんコメントありがとうございます。
ガーリーを選ぶところがいたちさんらしいですね（笑）
ぜひぜひ使ってくださいなｗ
ガーリーを選ぶところがいたちさんらしいですね（笑）
ぜひぜひ使ってくださいなｗ
おはようございます!
ediさんのテンプレに、いつか交換して
トップページにもオキニの写真を使って…と
「夢見ている」んですが、
時間に追われ、知識のなさのため
混乱してしまうのを恐れ…
でも着実に、ediさんテンプレ、
進化なさってるみたいですね!
すごいなぁ…
尊敬します!
ediさんのテンプレに、いつか交換して
トップページにもオキニの写真を使って…と
「夢見ている」んですが、
時間に追われ、知識のなさのため
混乱してしまうのを恐れ…
でも着実に、ediさんテンプレ、
進化なさってるみたいですね!
すごいなぁ…
尊敬します!
こんにちは。
すっかりこのテンプレに慣れてしまって、これじゃないとスマホでは読みにくく感じてしまいます。
ナチュログもテンプレートで悩んでいるみたいなので、いっそのことデフォルトのテンプレートにして貰えば良いと思ってます（笑）
すっかりこのテンプレに慣れてしまって、これじゃないとスマホでは読みにくく感じてしまいます。
ナチュログもテンプレートで悩んでいるみたいなので、いっそのことデフォルトのテンプレートにして貰えば良いと思ってます（笑）
こんにちは(・ω・)ﾀﾋﾞﾀﾋﾞﾀﾋﾞﾀﾋﾞﾃﾞｽ
もしお手数でなければ１つ教えていただけますか？
もしどこかのコメのやりとりですでに回答されていたらすみません
＞下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
とあるんですが、「管理画面（※PC版で閲覧）」→「テンプレート」→「スマートフォンテンプレート」内「テンプレートの編集・再選択」で「カスタマイズ」を選択
まではなんとなくわかるとして、その先の画面で「スタイルシート：」とか「トップページ：」とかある項目の、“もともとの文字列を全消去して、リンク先の文字列をすべて貼り付ける”でいいんですか？(´･ω･`;)
すみません、超初歩的な質問ですヾ(´ω｀；)
もしお手数でなければ１つ教えていただけますか？
もしどこかのコメのやりとりですでに回答されていたらすみません
＞下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
とあるんですが、「管理画面（※PC版で閲覧）」→「テンプレート」→「スマートフォンテンプレート」内「テンプレートの編集・再選択」で「カスタマイズ」を選択
まではなんとなくわかるとして、その先の画面で「スタイルシート：」とか「トップページ：」とかある項目の、“もともとの文字列を全消去して、リンク先の文字列をすべて貼り付ける”でいいんですか？(´･ω･`;)
すみません、超初歩的な質問ですヾ(´ω｀；)
eco2houseさんコメントありがとうございます。
テンプレの更新は全く難しいことはないですよｗ
本当に。
コピペだけで済みますので、そう構えずに試してみてください（笑）
間違っても記事などが消えるなんてこともありませんのでご安心をｗ
テンプレの更新は全く難しいことはないですよｗ
本当に。
コピペだけで済みますので、そう構えずに試してみてください（笑）
間違っても記事などが消えるなんてこともありませんのでご安心をｗ
zero21keiさんコメントありがとうございます。
テンプレご利用ありがとうございますｗ
よく考えたらｋさんたちとの繋がりもテンプレからだったような気が・・・
手前味噌ですが中々見やすいテンプレだと自負しています（使っていただいた皆さんからも高評価頂いてますしｗ）
そこで、もっと多くの方に使っていただければと思い再度告知してみました＾＾
テンプレご利用ありがとうございますｗ
よく考えたらｋさんたちとの繋がりもテンプレからだったような気が・・・
手前味噌ですが中々見やすいテンプレだと自負しています（使っていただいた皆さんからも高評価頂いてますしｗ）
そこで、もっと多くの方に使っていただければと思い再度告知してみました＾＾
いたちさんコメントありがとうございます。
説明不足ですいません。
PC用のテンプレのところの3つあるどれか一つを編集画面にして、もとにある文字を全て消去してからそれぞれの箇所に貼り付けてください。
このテンプレはPC用のテンプレートとスマホを共通にして、それぞれのデバイスで見やすく表示させる風になってます。
他にわかりにくい所があれば問い合わせてください。
説明不足ですいません。
PC用のテンプレのところの3つあるどれか一つを編集画面にして、もとにある文字を全て消去してからそれぞれの箇所に貼り付けてください。
このテンプレはPC用のテンプレートとスマホを共通にして、それぞれのデバイスで見やすく表示させる風になってます。
他にわかりにくい所があれば問い合わせてください。
こんにちは(・ω・)ﾀﾋﾞﾀﾋﾞﾀﾋﾞﾀﾋﾞﾀﾋﾞﾀﾋﾞﾃﾞｽ
アドバイスありがとうございます！
こちらこそ「まではなんとなくわかるとして」なんてシッタカしながらもそこからまず間違っていてお恥ずかしいかぎりですヾ(´ω｀；)（笑
頂いた件、理解しました！
でもこれはいたちの知識的にちょっとediさんの「テンプレート」カテを読み流して……じゃなかった読み込んでからいじった方がよさそうですね
がんばりますヽ(`･ω･´)ゝ✧
アドバイスありがとうございます！
こちらこそ「まではなんとなくわかるとして」なんてシッタカしながらもそこからまず間違っていてお恥ずかしいかぎりですヾ(´ω｀；)（笑
頂いた件、理解しました！
でもこれはいたちの知識的にちょっとediさんの「テンプレート」カテを読み流して……じゃなかった読み込んでからいじった方がよさそうですね
がんばりますヽ(`･ω･´)ゝ✧
いたちさん。
テンプレの箇所にそれぞれを上書きして保存するだけだし、間違っても何度でもやり直せるし元にも戻せるので気軽にトライしてみてください。
テンプレの箇所にそれぞれを上書きして保存するだけだし、間違っても何度でもやり直せるし元にも戻せるので気軽にトライしてみてください。
ediさん、はじめまして。ジョー坂東と申します。
harukabiyoriさんに貴テンプレートの存在を教わったものの、操作がよくわからず、進めないでいました。記事を再アップしていただき、ようやく重い腰が上がりました。
いたちさんとediさんのコメント応酬を読んでおけば、もっとスムーズにできたのに！と少し後悔。。。
おかげさまで、サイトが見やすくなったと思います。特に「コメント５件表示しばり」は、閲覧する立場からすると、非常に煩わしかったので、改善できてよかったです。
どうもありがとうございました！
harukabiyoriさんに貴テンプレートの存在を教わったものの、操作がよくわからず、進めないでいました。記事を再アップしていただき、ようやく重い腰が上がりました。
いたちさんとediさんのコメント応酬を読んでおけば、もっとスムーズにできたのに！と少し後悔。。。
おかげさまで、サイトが見やすくなったと思います。特に「コメント５件表示しばり」は、閲覧する立場からすると、非常に煩わしかったので、改善できてよかったです。
どうもありがとうございました！
ジョー坂東さんコメントありがとうございます～
テンプレご利用ありがとうございます。
適用方法はコピペだけで簡単でしたでしょ？
また何かわからないことがあればお問い合わせくださいｗ
テンプレご利用ありがとうございます。
適用方法はコピペだけで簡単でしたでしょ？
また何かわからないことがあればお問い合わせくださいｗ
コメントください！