レスポンシブデザインテンプレート公開します
こんにちわ。
僕のブログでの不人気記事の一つテンプレートネタです。
先日スマートフォンでの見づらさを改善したテンプレートを紹介させていただいたんですが、今回はさらに突っ込んで変更してみました。
それと細かいところの見た目を変えました。
概要
左)以前のバージョン。
左に「サムネイル画像」右に記事タイトル。
右)今回のバージョン
縦長のサムネイル画像を横長の画像と同じ大きさに切り抜きました。
そして、その記事のカテゴリーとコメント数を表示するようにしました。クリックするとカテゴリーのページ、コメント欄それぞれに飛びます。
いかがでしょうか？
縦長の画像があるとどうしても冗長になってバランス的にイマイチだった(僕の主観)ので、そのあたりを見直してみました。
あと、その記事のコメント欄に飛びたいと言うときに便利なボタンを用意して使い勝手を良くしてみました。
見た目の変更点
トップページ
記事ページ
記事ページ
画像におおよその変更点を記入しています。（クリックで拡大します）
上記がだいたいの見た目の変更点です。
いかがでしょうか？
適用方法
- 1.下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
- 2.ブログ環境設定で、タブレットテンプレートを利用する・スマートフォンテンプレートを利用するのチェックを外してください。
以上でテンプレートの更新は完了です。
ご利用の際はコメント欄に一言いただけると嬉しいです。
ナチュログと同じデザインのレスポンシブデザインテンプレートをご希望の方はこちらからどうぞ
ご注意
このテンプレートは僕の環境だけでしか確認していないので、他のパソコンやブラウザ・タブレット・スマートフォンでの見た目がおかしい事があるかもしれないです。
利用してみて何かおかしいなと思う所があれば教えて下さい。
また、このテンプレートは古いブラウザには対応していません。あしからずｗ
タグ ：ナチュログテンプレート
この記事へのコメント
さっそくカレンダー部分だけ変更してみました！
スタイルシートを部分で変更するの難しいですね。
他にも直したい所があって、見比べながらコーピーしてやってみようと思いましたが断念しました（笑）
記事を書いていて思ったのですが、テンプレ使用した際に引用文が引用した表示がされないので、これは何か別にスタイルシートに書かないといけないのでしょうか？？
スタイルシートを部分で変更するの難しいですね。
他にも直したい所があって、見比べながらコーピーしてやってみようと思いましたが断念しました（笑）
記事を書いていて思ったのですが、テンプレ使用した際に引用文が引用した表示がされないので、これは何か別にスタイルシートに書かないといけないのでしょうか？？
後日PC上から試してみます〜^_^ 楽しみ〜♪
なんと、テンプレネタ不人気ですか？
スマホから見た時にediさんのテンプレ使っている人のブログ読み易いので、一人でも多く適用して欲しいです。でも中々難しいのですねぇ。
スマホから見た時にediさんのテンプレ使っている人のブログ読み易いので、一人でも多く適用して欲しいです。でも中々難しいのですねぇ。
えじさん、いつもお世話になっております。
早速テンプレートをedi custum2として登録しましたｗ
ありがとうございます♪
一点質問がございます。
ブラウザの違いかもしれませんが、ブログタイトルの位置が変えられません。
top:60%;/*位置 上からどれぐらいか 文字数などによって適正な位置が変わるので適宜変更してください*/
right:5%;/*位置 左からどれぐらいか*/
↑の％をいくら変更しても動きません。
ご教授お願いできますでしょうか？
早速テンプレートをedi custum2として登録しましたｗ
ありがとうございます♪
一点質問がございます。
ブラウザの違いかもしれませんが、ブログタイトルの位置が変えられません。
top:60%;/*位置 上からどれぐらいか 文字数などによって適正な位置が変わるので適宜変更してください*/
right:5%;/*位置 左からどれぐらいか*/
↑の％をいくら変更しても動きません。
ご教授お願いできますでしょうか？
えじさん、すいません。
先ほど質問したブログタイトルの位置変更
場所が間違っており、無事変更できました。
先ほど質問したブログタイトルの位置変更
場所が間違っており、無事変更できました。
tap様コメントありがとうございます。
引用文<blockquote>のことでよろしいでしょうか？
すいません。テンプレートを作る際ブラウザ毎に設定されている初期スタイルをすべてリセットしているので、あらたに設定してもらわないといけないんです。
テンプレート下の方のタブレット用の設定と書かれている直前に
blockquote{ }
で指定していただけますでしょうか。
お願いします^^;
あと、スタイルシートも雑で見にくいですね。
今度整理しておきます！
引用文<blockquote>のことでよろしいでしょうか？
すいません。テンプレートを作る際ブラウザ毎に設定されている初期スタイルをすべてリセットしているので、あらたに設定してもらわないといけないんです。
テンプレート下の方のタブレット用の設定と書かれている直前に
blockquote{ }
で指定していただけますでしょうか。
お願いします^^;
あと、スタイルシートも雑で見にくいですね。
今度整理しておきます！
Saikorocamper様コメントありがとうございます。
ぜひぜひ♪
わからないことがあればお問い合わせください！
ぜひぜひ♪
わからないことがあればお問い合わせください！
ヘり様コメントありがとうございます。
僕のブログでのアクセス数についてはだいたいこんな感じです。
1位：なんか買った系
2位：キャンプ行った系
3位：トラブルで困った系
・
・
・
で、テンプレート系です。
もとからアクセス数の少ないブログですから、こんなもんでしょうか^^;
でも、公開から使っていただける方も増えてきたので、テンプレネタは続けていこうと思っていますｗ
僕のブログでのアクセス数についてはだいたいこんな感じです。
1位：なんか買った系
2位：キャンプ行った系
3位：トラブルで困った系
・
・
・
で、テンプレート系です。
もとからアクセス数の少ないブログですから、こんなもんでしょうか^^;
でも、公開から使っていただける方も増えてきたので、テンプレネタは続けていこうと思っていますｗ
よしおっ！様コメントありがとうございます。
ご自身で解決いただけましたか
良かったです^^
ご自身で解決いただけましたか
良かったです^^
更新させて頂きました。さらに見やすく、使いやすくなりました。凄いです。
ちなみにサムネイル画像の縦横比ってどこかで指定できるのでしょうか？
ちなみにサムネイル画像の縦横比ってどこかで指定できるのでしょうか？
こんにちは〜♪
いつもありがとうございます^^
トップページの一部、使わせていただきました^^
ありがとうございます。
スマホページの方がなかなかうまいこといきませんが、
徐々に試しながらやってみたいと思います^^
ありがとうございます^^
いつもありがとうございます^^
トップページの一部、使わせていただきました^^
ありがとうございます。
スマホページの方がなかなかうまいこといきませんが、
徐々に試しながらやってみたいと思います^^
ありがとうございます^^
zero21kei様コメントありがとうございます。
縦横比ではなくサムネイル画像の横幅と高さを指定して、その大きさ分の画像をトリミングして表示しているんです。
なので
#work1 #topnews dt{}
という箇所があるので、そこで好みの幅と高さを指定すれば良いと思います。
スマフォ用途とタブレット用の2箇所あります！
縦横比ではなくサムネイル画像の横幅と高さを指定して、その大きさ分の画像をトリミングして表示しているんです。
なので
#work1 #topnews dt{}
という箇所があるので、そこで好みの幅と高さを指定すれば良いと思います。
スマフォ用途とタブレット用の2箇所あります！
ちょんまる様コメントありがとうございます。
今回のテンプレートはHTMLも変更しているので、前回のテンプレートとの合わせ技は難易度が高いかと思いますが頑張ってください！！
今回のテンプレートはHTMLも変更しているので、前回のテンプレートとの合わせ技は難易度が高いかと思いますが頑張ってください！！
こんばんわ。
いろいろ試してみましたが、デフォルトが綺麗に揃っていて一番見栄えが良かったです（笑）
リフレクターの方も楽しみにしています。
いろいろ試してみましたが、デフォルトが綺麗に揃っていて一番見栄えが良かったです（笑）
リフレクターの方も楽しみにしています。
大変お世話になっておりますm(._.)m
前のテンプレではカレンダーの変更が上手く行かずでしたが、
今回のカレンダーは私が望むものに近かったので早速変更しました。
合わせて旧ブログの方へも適応して大変読みやすくなり、
本当にありがとうございました。
前のテンプレではカレンダーの変更が上手く行かずでしたが、
今回のカレンダーは私が望むものに近かったので早速変更しました。
合わせて旧ブログの方へも適応して大変読みやすくなり、
本当にありがとうございました。
zero21kei様コメントありがとうございます。
サムネイル画像の縦横比は3:2に近い数値に設定してますんで、見栄えがいいのかもしれませんね。
色々いじって遊んでくだださいね^^
サムネイル画像の縦横比は3:2に近い数値に設定してますんで、見栄えがいいのかもしれませんね。
色々いじって遊んでくだださいね^^
SORA様コメントありがとうございます。
いやぁ～、そう言っていただくと作った甲斐があるってもんです(^.^;
カレンダーの設定は記事にしようかと思ったんですが、うまく説明できないのと僕も少し勘でいじってるところがあったんでやめておきました(汗)
気に入っていただけて良かったですｗ
いやぁ～、そう言っていただくと作った甲斐があるってもんです(^.^;
カレンダーの設定は記事にしようかと思ったんですが、うまく説明できないのと僕も少し勘でいじってるところがあったんでやめておきました(汗)
気に入っていただけて良かったですｗ
こんばんは！
初めまして。
naopionといいます。
zero21keiさんからこちらのリンク伺いまして、
早速利用させていただきました！
ありがとうございます！
とっても見やすくなって、嬉しいです！
こんな有用なテンプレネタが不人気なんて意外ですね。。
あと、、、
皆さんが良くやられている、
記事更新されたお気に入りの方にnew！の文字つけて、
更新順に表示させたいのですが、、、
教えていただけると嬉しいです。。
よろしくお願いいたします。
初めまして。
naopionといいます。
zero21keiさんからこちらのリンク伺いまして、
早速利用させていただきました！
ありがとうございます！
とっても見やすくなって、嬉しいです！
こんな有用なテンプレネタが不人気なんて意外ですね。。
あと、、、
皆さんが良くやられている、
記事更新されたお気に入りの方にnew！の文字つけて、
更新順に表示させたいのですが、、、
教えていただけると嬉しいです。。
よろしくお願いいたします。
naopion様コメントありがとうございます。
テンプレートご利用有難うございます！
テンプレートネタは、まぁ不人気なんですがこれは単に僕のブログのPVが少ないからかもしれません(^_^;)
それでも、こうやって利用してくださる方が増えて、見やすいなど言っていただけるのが励みになります＾＾
最後の相互RSSについては、ブログパーツっていうのがありまして僕はライブドアの相互RSSを利用しているんですが...詳しくはこちらへ！
http://blogroll.livedoor.com/
ここで会員登録を行い手続きに沿ってすすめるとコードが出てくるので、それをカスタムプラグインに貼り付けて保存すればOKです。
分からない箇所があればお問い合わせください！
テンプレートご利用有難うございます！
テンプレートネタは、まぁ不人気なんですがこれは単に僕のブログのPVが少ないからかもしれません(^_^;)
それでも、こうやって利用してくださる方が増えて、見やすいなど言っていただけるのが励みになります＾＾
最後の相互RSSについては、ブログパーツっていうのがありまして僕はライブドアの相互RSSを利用しているんですが...詳しくはこちらへ！
http://blogroll.livedoor.com/
ここで会員登録を行い手続きに沿ってすすめるとコードが出てくるので、それをカスタムプラグインに貼り付けて保存すればOKです。
分からない箇所があればお問い合わせください！
ediさん
こんばんわ！
相互ＲＳＳ表示させることができました。
かなり、ブログっぽくなってきて、とっても嬉しいです！
すみません、色々質問ばかりで申訳ないのですが、
以下についても教えていただけますでしょうか？
1、リンクの色が変わらなくなってしまったのを直す方法
ｐｃはまだカーソルをポイントすると反転するのですが、
スマホはそのままだとリンクがはられているのがわかりづらいので、
スマホだけ変える方法と、スマホとｐｃと両方変える方法を教えていただけると嬉しいです。
（両方設定してみて、見やすい方にできたらと思っています）
2、相互リンクのエリアの上にタイトルや補足文を表示させる方法
並び順を画像一覧の下に置いているのですが、いきなりリンクの一覧があると不自然なので、
タイトルを入れたいと思っています。
3、トップ画像のメッセージがスマホ画面だと消えてしまう（ブログタイトルだけ表示されている）
ｐｃだとこれまでどおりメッセージも表示されているのですが、
スマホで見るとタイトルだけになっているので、スマホでもメッセージを表示させたいです。
お手すきのときにお返事いただければと思います。
お手数おかけしますが、よろしくお願いいたします。
先ほどは、夫の記事にコメントいただきましてありがとうございました！
後程、夫よりコメント返信させてもらいます。
こんばんわ！
相互ＲＳＳ表示させることができました。
かなり、ブログっぽくなってきて、とっても嬉しいです！
すみません、色々質問ばかりで申訳ないのですが、
以下についても教えていただけますでしょうか？
1、リンクの色が変わらなくなってしまったのを直す方法
ｐｃはまだカーソルをポイントすると反転するのですが、
スマホはそのままだとリンクがはられているのがわかりづらいので、
スマホだけ変える方法と、スマホとｐｃと両方変える方法を教えていただけると嬉しいです。
（両方設定してみて、見やすい方にできたらと思っています）
2、相互リンクのエリアの上にタイトルや補足文を表示させる方法
並び順を画像一覧の下に置いているのですが、いきなりリンクの一覧があると不自然なので、
タイトルを入れたいと思っています。
3、トップ画像のメッセージがスマホ画面だと消えてしまう（ブログタイトルだけ表示されている）
ｐｃだとこれまでどおりメッセージも表示されているのですが、
スマホで見るとタイトルだけになっているので、スマホでもメッセージを表示させたいです。
お手すきのときにお返事いただければと思います。
お手数おかけしますが、よろしくお願いいたします。
先ほどは、夫の記事にコメントいただきましてありがとうございました！
後程、夫よりコメント返信させてもらいます。
Edｉさん
すみません、もう一つありました；；
ＲＳＳのカテゴリ設定の方法がわからず・・・
カテゴリ別に表示させたいのですが、
設定画面にはカテゴリ「設定しない」の選択肢しかないのですが、
こちらを追加させる方法を教えていただけると助かります。
宜しくお願いします！
すみません、もう一つありました；；
ＲＳＳのカテゴリ設定の方法がわからず・・・
カテゴリ別に表示させたいのですが、
設定画面にはカテゴリ「設定しない」の選択肢しかないのですが、
こちらを追加させる方法を教えていただけると助かります。
宜しくお願いします！
naopion様コメントありがとうございます。
ご夫婦でブログ運営されているんですね。
我が家ではキャンプキャンプって言ってるのは僕だけなのでとても羨ましいですｗ
リンクの文字色の変更についてはスタイルシートの上の方にある
a{color:#○○○○○○;}
a:link{color:#○○○○○○;}
の箇所をご希望の色に変えてください。
で、PCのみに違う設定を行う場合は、上のaから始まる部分をスタイルシートの下の方にあるパソコンと書かれている箇所の真下に貼り付けて色を指定してください。
※たしかにリンク部分の色が同じだとわかりづらいですね。僕もテンプレートを修正してみたいと思います。
カスタムプラグインにタイトルを表示させる場合は、そのままタイトルをカスタムプラグインの箇所に記入すればオッケーですよ。
その際、タイトルとして書かれるなら
<div class="sidetitle">タイトルをここに記述</div>
というふうに記述されると、その他のタイトルと見た目が同じになります。
ヘッダーのブログの説明文については、スタイルシートの最初の方にある
/*ブログタイトル下のテキスト*/
の
display:none;
という1行を消してください。
これは、説明文がスマフォの小さい画面では収まりきれず、どうしてもレイアウトが崩れてしまうのでスマフォでは非表示にしてます。
naopionさんのブログの説明文だと短いのでうまく収まるかもしれませんね。
相互RSSのカテゴリについては
相互RSSの管理画面の上部メニューのチャンネル→チャンネルの設定からカテゴリ別表示をONに
すると、上部メニューにカテゴリの設定が出てくるのでクリック→カテゴリを作成
でいかがでしょうか。
スタイルシートについては、少しでもスタイルシートの使い方がわかっていないと難しいと思います。
細かくわからない所を聞いていただければ、分かる範囲でお答えさせていただきます。
ご夫婦でブログ運営されているんですね。
我が家ではキャンプキャンプって言ってるのは僕だけなのでとても羨ましいですｗ
リンクの文字色の変更についてはスタイルシートの上の方にある
a{color:#○○○○○○;}
a:link{color:#○○○○○○;}
の箇所をご希望の色に変えてください。
で、PCのみに違う設定を行う場合は、上のaから始まる部分をスタイルシートの下の方にあるパソコンと書かれている箇所の真下に貼り付けて色を指定してください。
※たしかにリンク部分の色が同じだとわかりづらいですね。僕もテンプレートを修正してみたいと思います。
カスタムプラグインにタイトルを表示させる場合は、そのままタイトルをカスタムプラグインの箇所に記入すればオッケーですよ。
その際、タイトルとして書かれるなら
<div class="sidetitle">タイトルをここに記述</div>
というふうに記述されると、その他のタイトルと見た目が同じになります。
ヘッダーのブログの説明文については、スタイルシートの最初の方にある
/*ブログタイトル下のテキスト*/
の
display:none;
という1行を消してください。
これは、説明文がスマフォの小さい画面では収まりきれず、どうしてもレイアウトが崩れてしまうのでスマフォでは非表示にしてます。
naopionさんのブログの説明文だと短いのでうまく収まるかもしれませんね。
相互RSSのカテゴリについては
相互RSSの管理画面の上部メニューのチャンネル→チャンネルの設定からカテゴリ別表示をONに
すると、上部メニューにカテゴリの設定が出てくるのでクリック→カテゴリを作成
でいかがでしょうか。
スタイルシートについては、少しでもスタイルシートの使い方がわかっていないと難しいと思います。
細かくわからない所を聞いていただければ、分かる範囲でお答えさせていただきます。
ediさん
こんにちは。
ご丁寧にありがとうございます！
素人なので手こずりそうですが、
とりあえず、やってみます。
取り急ぎ、御礼まで。
もともとキャンプは主人の独身時代からの趣味で、
私がいまではどっぷりはまってしまい^^;
ブログは基本私が記事も撮影もやってます。
私が皆さんと楽しくコメントやりとりしていたのを
見て夫も参加したくなったみたいです。
ブログ、楽しいですよね^ ^
今のところまだ2回ですが、
これからまた機会があれば書いてもらいます^ ^
夫婦ともども、今後ともよろしくお願いいたします！
こんにちは。
ご丁寧にありがとうございます！
素人なので手こずりそうですが、
とりあえず、やってみます。
取り急ぎ、御礼まで。
もともとキャンプは主人の独身時代からの趣味で、
私がいまではどっぷりはまってしまい^^;
ブログは基本私が記事も撮影もやってます。
私が皆さんと楽しくコメントやりとりしていたのを
見て夫も参加したくなったみたいです。
ブログ、楽しいですよね^ ^
今のところまだ2回ですが、
これからまた機会があれば書いてもらいます^ ^
夫婦ともども、今後ともよろしくお願いいたします！
naopion様コメントありがとうございます。
リンクの文字色の問い合わせについてわかりました。
コメント欄の上にあるPCの場合ポインタを乗せると左右に色が変わるボタンのことで良かったでしょうか。
それだと、前回の説明では変更することができません。スイマセン
ここはちょっと難しい(説明が)ので、こちらで何らかの対策をしてテンプレートを更新させていただきます。
こういう生の声は助かります。
ブログは情報発信だけでなくコメントののやり取りなど交流すると俄然楽しくなりますもんね。
ご主人様にも宜しくお伝え下さい^^
リンクの文字色の問い合わせについてわかりました。
コメント欄の上にあるPCの場合ポインタを乗せると左右に色が変わるボタンのことで良かったでしょうか。
それだと、前回の説明では変更することができません。スイマセン
ここはちょっと難しい(説明が)ので、こちらで何らかの対策をしてテンプレートを更新させていただきます。
こういう生の声は助かります。
ブログは情報発信だけでなくコメントののやり取りなど交流すると俄然楽しくなりますもんね。
ご主人様にも宜しくお伝え下さい^^
Ediさん
ご連絡ありがとうございます！
私の質問の仕方がわかりづらくすみません。
説明文中にある、
PCだとカーソルをあわせると色が変わる、
リンク文字のことです。
スマホだとリンクはされてますが、
見た目にはわからないので。。
実は、先ほど取り敢えずリンクの色だけ、
教えていただいた方法で試してみたら、
タイトルのすぐ下の、
日付やカテゴリ、コメント数の箇所の色が変わりました。
私のやり方が間違っているのかと思いましたが、
他にあるんですね。
あと、、、
PCのみに設定する方法ではなく、
スマホのみ変える方法が知りたいです。
せっかく教えていただいたのにすみません。
お手数おかけいたしますが、よろしくお願いいたします。
バージョン変更のテンプレ、楽しみにしています。
ご連絡ありがとうございます！
私の質問の仕方がわかりづらくすみません。
説明文中にある、
PCだとカーソルをあわせると色が変わる、
リンク文字のことです。
スマホだとリンクはされてますが、
見た目にはわからないので。。
実は、先ほど取り敢えずリンクの色だけ、
教えていただいた方法で試してみたら、
タイトルのすぐ下の、
日付やカテゴリ、コメント数の箇所の色が変わりました。
私のやり方が間違っているのかと思いましたが、
他にあるんですね。
あと、、、
PCのみに設定する方法ではなく、
スマホのみ変える方法が知りたいです。
せっかく教えていただいたのにすみません。
お手数おかけいたしますが、よろしくお願いいたします。
バージョン変更のテンプレ、楽しみにしています。
naopion様コメントありがとうございます。
スマフォのみの設定についてですが
PCとスマフォに違う設定をしたいのなら、まずスマフォの設定を行ってそれをPC用の設定に書き直して上書きしていくような感じです。
これがレスポンシブデザインのおおよその仕組みですね。
スマフォ(基本)の設定はスタイルシートのタブレットと書かれている所までです。
スマフォのみの設定についてですが
PCとスマフォに違う設定をしたいのなら、まずスマフォの設定を行ってそれをPC用の設定に書き直して上書きしていくような感じです。
これがレスポンシブデザインのおおよその仕組みですね。
スマフォ(基本)の設定はスタイルシートのタブレットと書かれている所までです。
はじめまして。ぼんずと申します。
テンプレート設定使わせて頂きます。
まだまだ初心者ですので色々と弄りながらになると思います。
また、良ければ質問させてください。
よろしくお願い致します。
テンプレート設定使わせて頂きます。
まだまだ初心者ですので色々と弄りながらになると思います。
また、良ければ質問させてください。
よろしくお願い致します。
ぼんず様コメントありがとうございます。
テンプレートご利用有難うございます！
わからない所などは遠慮なくお問い合わせくださいｗ
テンプレートご利用有難うございます！
わからない所などは遠慮なくお問い合わせくださいｗ
はじめまして、tachithericeと申します。
宮田高原の記事から飛んできました!
近所のキャンプ場が紹介されると嬉しいですね。
初心者ですが、非常に読みやすいのでテンプレート拝借致します。
よろしくお願い致します。
宮田高原の記事から飛んできました!
近所のキャンプ場が紹介されると嬉しいですね。
初心者ですが、非常に読みやすいのでテンプレート拝借致します。
よろしくお願い致します。
tachitherice
2016年10月12日 21:59
2016年10月12日 21:59
tachitherice様コメントありがとうございます。
宮田高原のお近くなんですか。
長野か北海道へいつかは移住してみたいと常々思っておりまして...
いやいや、羨ましいです。
テンプレご利用有難うございます
色々いじって、楽しんでくださいね。
宮田高原のお近くなんですか。
長野か北海道へいつかは移住してみたいと常々思っておりまして...
いやいや、羨ましいです。
テンプレご利用有難うございます
色々いじって、楽しんでくださいね。
はじめまして、とても見やすいテンプレですね＼(^o^)
とてもパソコンに疎いブログ初心者＆キャンプ初心者さらにパソコン持っていませんが、利用させてください(>_<)
シンプルで使いやすそうで、楽しみです！
とてもパソコンに疎いブログ初心者＆キャンプ初心者さらにパソコン持っていませんが、利用させてください(>_<)
シンプルで使いやすそうで、楽しみです！
ぴ様コメントありがとうございます。
テンプレご利用有難うございます！
ＰＣ無しだとカスタマイズなどは難しいかもしれませんが。
何かわからない所があれがお問い合わせください！！
テンプレご利用有難うございます！
ＰＣ無しだとカスタマイズなどは難しいかもしれませんが。
何かわからない所があれがお問い合わせください！！
はじめまして。
古い記事にコメントごめんなさい。
シンプルで素敵なデザインの
テンプレお借りしました(^^)
TOPも変えられるように、
キャンプ場でいい写真撮ってきます！！
今後ともどうぞよろしくお願いします☆
古い記事にコメントごめんなさい。
シンプルで素敵なデザインの
テンプレお借りしました(^^)
TOPも変えられるように、
キャンプ場でいい写真撮ってきます！！
今後ともどうぞよろしくお願いします☆
Hana＊様コメントありがとうございます。
テンプレご利用ありがとうございます！
再配布以外なんでもしてもらって結構ですので自分仕様のブログを作り上げてくださいね！
テンプレご利用ありがとうございます！
再配布以外なんでもしてもらって結構ですので自分仕様のブログを作り上げてくださいね！
はじめまして、 カズキチ と申します。
ナチュログの新テンプレートを使ったカスタマイズ方法を探していたところ
ediさんのブログを見つけ、
テンプレートを勝手ながら使わせていただきました。
カテゴリーやコメントが使いやすく、
サイドバーの１行の高さが丁度よい高さでいいですね。
非常に使いやすく、本当に助かりました。ありがとうございました。
ナチュログの新テンプレートを使ったカスタマイズ方法を探していたところ
ediさんのブログを見つけ、
テンプレートを勝手ながら使わせていただきました。
カテゴリーやコメントが使いやすく、
サイドバーの１行の高さが丁度よい高さでいいですね。
非常に使いやすく、本当に助かりました。ありがとうございました。
カズキチ様コメントありがとうございます。
テンプレご利用有難うございますｗ
細かいところまで見て頂き恐縮でございます（笑）
改造などなんでもオッケーですので色々と楽しんでくださいね
テンプレご利用有難うございますｗ
細かいところまで見て頂き恐縮でございます（笑）
改造などなんでもオッケーですので色々と楽しんでくださいね
はじめまして。
「ナチュログのスタイルシート」で検索してｅｄｉさんのブログにたどり着きました。
スタイルシート使わせていただきます。
ありがとうございます。
「ナチュログのスタイルシート」で検索してｅｄｉさんのブログにたどり着きました。
スタイルシート使わせていただきます。
ありがとうございます。
まめぼう様コメントありがとうございます。
テンプレご利用有難うございます！
再配布以外なんでもオッケーですので、色々と楽しんでくださいねーｗ
テンプレご利用有難うございます！
再配布以外なんでもオッケーですので、色々と楽しんでくださいねーｗ
先日ブログデビューしたものです。
修正版のテンプレートも利用させていただきます。
ediさんのおかげで、僕のブログがなんだかスタイリッシュな雰囲気になって、とてもうれしいです。
修正版のテンプレートも利用させていただきます。
ediさんのおかげで、僕のブログがなんだかスタイリッシュな雰囲気になって、とてもうれしいです。
まめぼう様コメントありがとうございます。
前回利用していただいたテンプレはナチュログのテンプレそのままにレスポンシブ化しただけですけど、今回ご利用いただいたのは僕なりの見た目とか使い勝手を良くするカスタムも入っているので、はっきりいってこちらのほうがおすすめです（笑）
改造などなんでもオッケーですので弄り倒して遊んでくださいね。
前回利用していただいたテンプレはナチュログのテンプレそのままにレスポンシブ化しただけですけど、今回ご利用いただいたのは僕なりの見た目とか使い勝手を良くするカスタムも入っているので、はっきりいってこちらのほうがおすすめです（笑）
改造などなんでもオッケーですので弄り倒して遊んでくださいね。
はじめまして。
くーちゃんママと申します。
テンプレートカスタマイズを色々調べていたところ、こちらを拝見して勉強させて頂きました。貴重な情報をありがとうございます。
テンプレート利用させて頂きたいと思います。
どうぞよろしくお願いいたします。
くーちゃんママと申します。
テンプレートカスタマイズを色々調べていたところ、こちらを拝見して勉強させて頂きました。貴重な情報をありがとうございます。
テンプレート利用させて頂きたいと思います。
どうぞよろしくお願いいたします。
くーちゃんママ様コメントありがとうございます。
テンプレートのご利用ありがとうございますｗ
どうぞどうぞお使いくだいませ＾＾
テンプレートのご利用ありがとうございますｗ
どうぞどうぞお使いくだいませ＾＾
はじめまして
こちらのテンプレ使わせて頂きました
ありがとうございました(*^^*)
こちらのテンプレ使わせて頂きました
ありがとうございました(*^^*)
ハイジ（ハイ爺）と四葉様コメントありがとうございます。
テンプレのご利用ありがとうございますｗ
どうぞどうぞご自由にお使いくださいませ＾＾
テンプレのご利用ありがとうございますｗ
どうぞどうぞご自由にお使いくださいませ＾＾
はじめまして。先日からブログをはじめましたHosappyと申します。
『プジョーでキャンプ』さんより飛んできました。
デフォのテンプレが寂しいなと思っていたところで
早速ですが、流用させて頂きましたm(_ _"m)
まだまだキャンプもブログもビギナーですがよろしくお願いします。
スタイリッシュなページなりました。ありがとうございました！
『プジョーでキャンプ』さんより飛んできました。
デフォのテンプレが寂しいなと思っていたところで
早速ですが、流用させて頂きましたm(_ _"m)
まだまだキャンプもブログもビギナーですがよろしくお願いします。
スタイリッシュなページなりました。ありがとうございました！
Hosappyさんはじめましてｗ
テンプレご利用有難うございます。
スタイリッシュかどうかは置いておいて、おそらくナチュログ謹製のものよりかは見やすくなってるかと思います（笑）
馴れたら色々いじって遊んでみてくださいねｗ
テンプレご利用有難うございます。
スタイリッシュかどうかは置いておいて、おそらくナチュログ謹製のものよりかは見やすくなってるかと思います（笑）
馴れたら色々いじって遊んでみてくださいねｗ
ediさん、初めまして！
紅茶好きと申します。
今まで他のテンプレートをプチカスタマイズしながら使用していましたが、他のナチュログユーザーさんがediさんの素敵なテンプレートを利用されていることに気付き、今回利用させて頂きました！
素敵なテンプレートの配布有難うございます(*´▽`*)
紅茶好きと申します。
今まで他のテンプレートをプチカスタマイズしながら使用していましたが、他のナチュログユーザーさんがediさんの素敵なテンプレートを利用されていることに気付き、今回利用させて頂きました！
素敵なテンプレートの配布有難うございます(*´▽`*)
紅茶好き&ヘカさんコメントありがとうございます。
テンプレご利用ありがとうございます。
カスタマイズとか何でもありなんでご自由にいろいろいじって遊んでみてくださいね＾＾
テンプレご利用ありがとうございます。
カスタマイズとか何でもありなんでご自由にいろいろいじって遊んでみてくださいね＾＾
はじめまして！
今頃になってノースのテンプレに変えようと調べててこちらの記事を知りました。
レスポンシブまで考えてなかったので大きな飛躍です（笑）
お気に入りとリンクもさせて頂きますね。
ありがとうございました♪
今頃になってノースのテンプレに変えようと調べててこちらの記事を知りました。
レスポンシブまで考えてなかったので大きな飛躍です（笑）
お気に入りとリンクもさせて頂きますね。
ありがとうございました♪
みわりんさんコメントありがとうございます＆テンプレご利用ありがとうございますｗ
ナチュログのテンプレに+して色々使いやすくしているのでぜひぜひご利用ください！
ナチュログのテンプレに+して色々使いやすくしているのでぜひぜひご利用ください！
初めまして。
テンプレート使わせていただきましたが、とても見やすく気に入っております。
ただブログタイトルの位置を右上に持って行きたいんですが、いくら％を変えても全く変えられずに困っています。
素人で知識もないので、ご教授いただけると助かります。
宜しくお願いします！
テンプレート使わせていただきましたが、とても見やすく気に入っております。
ただブログタイトルの位置を右上に持って行きたいんですが、いくら％を変えても全く変えられずに困っています。
素人で知識もないので、ご教授いただけると助かります。
宜しくお願いします！
たけまんさんテンプレートご利用ありがとうございます。
ブログタイトルの位置ですが今は右の方にあるので、そこから上に移動する方法を記載しますね。
CSS内にある
h1.blogtitle{
color:#fff;
font-size:100%;
font-weight:bold;
position:absolute;
top:50%;/*位置 上からどれぐらいか 文字数などによって適正な位置が変わるので適宜変更してください*/
right:5%;/*位置 左からどれぐらいか*/
}
のtop:50%の数値を30%などと数値を小さくすると上に移動します。
（記入は半角英数字でお願いします）
変更箇所はスマホ用と、タブレット用の2箇所ありますのでそれぞれに設定しください。
ブログタイトルの位置ですが今は右の方にあるので、そこから上に移動する方法を記載しますね。
CSS内にある
h1.blogtitle{
color:#fff;
font-size:100%;
font-weight:bold;
position:absolute;
top:50%;/*位置 上からどれぐらいか 文字数などによって適正な位置が変わるので適宜変更してください*/
right:5%;/*位置 左からどれぐらいか*/
}
のtop:50%の数値を30%などと数値を小さくすると上に移動します。
（記入は半角英数字でお願いします）
変更箇所はスマホ用と、タブレット用の2箇所ありますのでそれぞれに設定しください。
ediさん、こんにちは！
変更箇所が２箇所あったとは！( ﾟﾛﾟ)!!
スマホ用の所ばかり気にしてましたが、ずっーと下へスクロールすると見つかりました！
お陰様で無事に変更できました！
私は昨年SNSを始めたのですが、やってみて改めてブログの良さを再認識し、ずっとカスタマイズしたいと考えてました。
ediさんのお陰です！
本当にありがとうございました！m(_ _)m
変更箇所が２箇所あったとは！( ﾟﾛﾟ)!!
スマホ用の所ばかり気にしてましたが、ずっーと下へスクロールすると見つかりました！
お陰様で無事に変更できました！
私は昨年SNSを始めたのですが、やってみて改めてブログの良さを再認識し、ずっとカスタマイズしたいと考えてました。
ediさんのお陰です！
本当にありがとうございました！m(_ _)m
たけまんさん。
無事解決したようで、なによりですｗ
このテンプレート作ったのが6年前ぐらいなので、すでに時代遅れな感じがしますが
ナチュログの純正テンプレートより使いやすいと自負しています。
自分もインスタなどもしますが、メインはやはりブログだと思って活動しています。
末永く使ってやってくださいね（笑）
無事解決したようで、なによりですｗ
このテンプレート作ったのが6年前ぐらいなので、すでに時代遅れな感じがしますが
ナチュログの純正テンプレートより使いやすいと自負しています。
自分もインスタなどもしますが、メインはやはりブログだと思って活動しています。
末永く使ってやってくださいね（笑）
コメントください！