テンプレートを公開します
こんにちわ。
不人気テンプレートネタです。
今回は新たにテンプレートを作ってみたので公開をさせていただきます。
上の画像はテンプレートをiPhoneで見たときのサンプルです。
左がトップ画面、右が個別記事の画面です。
新テンプレは女子向け？
テンプレートはレスポンシブデザインで、今まではナチュログのテンプレートをそのままのデザインでしたが今回は大幅にデザインを変更してみました。
ちょっとピンクを多用した女性向けのイメージで作ってみました。
（色目は某ウエブデザイン系のブログをかなり参考にさせていただいておりますが...。）
け、決して女性の読者を増やそうとか、そそ、そのような下心などはございません。
たまたまこういうのが出来上がったのです。
本当にたまたまです。
人柱で
「ふたりとluluのキャンプブログ」のnaopionさん
がご利用頂いておりますので、どのようなテンプレートなのかはnaopionさんのサイトで確認してみてください。
そうでした、naopionさんに人柱になっていただくにあたって女子向けの色目にしたんでした。
そうだったそうだった。
※naopionさんが使ってられるテンプレートから少々変更を加えておりますので、今回公開のテンプレートとは若干デザインなどが異なります。
なので、このブログもしばらく今回公開しているテンプレートを適用しておきます。
2017年1月18日[追記]
このテンプレートを利用してくださる方がいらっしゃいましたので、このブログは別のテンプレートにかえさせていただきます。
このテンプレートがどういうテンプレートかは、使っていただいている方がコメントを寄せていただいているので、そちらの方のブログにて確認してください。
レスポンシブデザインテンプレート
公開してます
それではテンプレートの適用方法です。
基本的にリンク先のテキストを「ナチュログ管理画面のテンプレート→カスタマイズ→それぞれの欄にペースト」で完了で、そんなに難しいことではないです。
- 1.下記リンク先ページのテンプレートをそれぞれの箇所に貼り付けて保存してください。
- 2.ブログ環境設定で、タブレットテンプレートを利用する・スマートフォンテンプレートを利用するのチェックを外してください。
以上でテンプレートの更新は完了です。
ご利用の方はコメント欄に一言お願いいたします。
また、テンプレートの改造などはご自由にどうぞ。
ただ、申し訳ございませんが改造などの際のサポートなどは行っておりません。
ご了承くださいませ。
バージョン1のテンプレートをご希望の方はこちらからどうぞ
ナチュログと同じデザインのレスポンシブデザインテンプレートをご希望の方はこちらからどうぞ
最後に、僕はウエブデザイナーでも何でもございません。
趣味の領域で作成したテンプレートなので、テンプレート運用に関わるサポートはございません。
が、何かしらテンプレートの不具合があれば一緒に解決策を探っていきたいとは思っています。
このテンプレートで気になったことなどがあればお問い合わせください。
また、本職の方で「ここの記述はおかしい・ここはこうした方がいい」などアドバイスなどがあれば、大歓迎でお待ちしておりますので、どしどしコメントください。
お約束ですが、ご使用の際は自己責任でお願いします。
テンプレートの利用で不具合など生じても当方では責任は負えませんのでよろしくお願い致します。
また、このテンプレートは古いブラウザには対応していません。あしからずｗ
この記事へのコメント
こんばんは！
その節は、ありがとうございました。
大変気に行って使っています！
こちらも使って見たいと思います。
因みにどんな部分が変わったんでしょうか？？
その節は、ありがとうございました。
大変気に行って使っています！
こちらも使って見たいと思います。
因みにどんな部分が変わったんでしょうか？？
はじめまして。
不人気テンプレートネタなんて事は無いですよ！
読み逃げ、貰い逃げしてましたが
ediさんのテンプレを利用させて頂いております。
遅ればせながらありがとうございます。
そして新テンプレート！
早速利用させて頂きます(^O^)
不人気テンプレートネタなんて事は無いですよ！
読み逃げ、貰い逃げしてましたが
ediさんのテンプレを利用させて頂いております。
遅ればせながらありがとうございます。
そして新テンプレート！
早速利用させて頂きます(^O^)
おはようございます。
ediさんのイメージ（勝手なイメージですけど）に合わない「TOPの写真」の変更に、一瞬ediさんに何が起こったのか心配になりました。
ニューテンプレートだったんですね（笑）
濃いめピンクを使うと結構どぎつくなりそうですが、上手くデザインされていますね。
視認性も良く素晴らしいテンプレです。
ediさんのイメージ（勝手なイメージですけど）に合わない「TOPの写真」の変更に、一瞬ediさんに何が起こったのか心配になりました。
ニューテンプレートだったんですね（笑）
濃いめピンクを使うと結構どぎつくなりそうですが、上手くデザインされていますね。
視認性も良く素晴らしいテンプレです。
早速更新してみました！
（トップ画像はなしにしてシンプルすぎる感じにしてしまいましたが。。。）
ピンクの文字が可愛くてステキですヽ(´▽｀)/
ありがとうございます。
でも、、、スマホで見た時に横に線が入り
画面を触ると広告サイトに飛んでしまう現象が起きます。
これはもうテンプレの問題ではなくどうしようもないのでしょうか。
（トップ画像はなしにしてシンプルすぎる感じにしてしまいましたが。。。）
ピンクの文字が可愛くてステキですヽ(´▽｀)/
ありがとうございます。
でも、、、スマホで見た時に横に線が入り
画面を触ると広告サイトに飛んでしまう現象が起きます。
これはもうテンプレの問題ではなくどうしようもないのでしょうか。
あ、すみません。
↑ の、広告に飛ぶっていうのは勘違いだったみたいです(￣▽￣;)
失礼しました！
↑ の、広告に飛ぶっていうのは勘違いだったみたいです(￣▽￣;)
失礼しました！
こんにちは～
はじめまして、ぴのこと申します。
素敵なテンプレですね！
使わせていただいてもよいですか～？
出来るかわかんないんですが、やってみます（ドキドキ）
はじめまして、ぴのこと申します。
素敵なテンプレですね！
使わせていただいてもよいですか～？
出来るかわかんないんですが、やってみます（ドキドキ）
こんにちは～
たびたびすみません。
テンプレ使わせていただいてみたのですが、トップ絵を自分で変更したところ
ＰＣ上は変更されるのですが、スマホで見るとお花の写真のままですどうすればスマホの写真もＰＣと同じトップ絵になるか、お時間ある時に教えてください<m(__)m>
たびたびすみません。
テンプレ使わせていただいてみたのですが、トップ絵を自分で変更したところ
ＰＣ上は変更されるのですが、スマホで見るとお花の写真のままですどうすればスマホの写真もＰＣと同じトップ絵になるか、お時間ある時に教えてください<m(__)m>
naopion様コメントありがとうございます。
その節は人柱ありがとうございましたｗ
naopionさんのとの大きな違いは、PC版のヘッダー画像ですかね。
PC版だとブラウザの画面いっぱいに背景画像が広がるようにしました。
あと、画面をスクロールすると右下にぴょこっと一番上に戻るボタンが出たり...
設定が必要ですけど、ライブドアの新着記事が僕のテンプレみたいに(画面一番下)なったり...
細かいところではフォントサイズや角丸の値。
縦長の画像が、横長に比べて大きく表示されてしまうのを対処したりなどなどですｗ
このあたりはボチボチブログで記事にしようかと思っております。
その節は人柱ありがとうございましたｗ
naopionさんのとの大きな違いは、PC版のヘッダー画像ですかね。
PC版だとブラウザの画面いっぱいに背景画像が広がるようにしました。
あと、画面をスクロールすると右下にぴょこっと一番上に戻るボタンが出たり...
設定が必要ですけど、ライブドアの新着記事が僕のテンプレみたいに(画面一番下)なったり...
細かいところではフォントサイズや角丸の値。
縦長の画像が、横長に比べて大きく表示されてしまうのを対処したりなどなどですｗ
このあたりはボチボチブログで記事にしようかと思っております。
↑たびたびすみません。一か所画像張り忘れてました。できました！かわいいテンプレートですね～(#^^#)
レフア様コメントありがとうございます。
テンプレご利用ありがとうございます！
このテンプレートは、少しですけど遊べるように作ってますんで
内容はおいおい記事にしていきますので、またご訪問くださいね。
テンプレご利用ありがとうございます！
このテンプレートは、少しですけど遊べるように作ってますんで
内容はおいおい記事にしていきますので、またご訪問くださいね。
zero21kei様コメントありがとうございます。
え！！Σ(ﾟДﾟ)
ぼ、僕に似合いませんか ？
いや、自分でも似合っていれば少々おかしい気がします(笑)
配色などは大きな声でいえませんけど、他所のサイト様を真似させていただきました（..）
え！！Σ(ﾟДﾟ)
ぼ、僕に似合いませんか ？
いや、自分でも似合っていれば少々おかしい気がします(笑)
配色などは大きな声でいえませんけど、他所のサイト様を真似させていただきました（..）
ひらり様コメントありがとうございます。
ご指摘の件はナチュログの広告なんです。
ＰＣで見ると、画面下に現れて知らない間に消えているヤツです。
この件については、ユーザー側でどうこうできないんですよね...
（僕が対処方法を知らないだけかもしれませんが）
これも、見られる方の環境によって変わってくるみたいなんですよ。
僕(iPhone6)が見ると全く表示されないんです。
お力になれなくって申し訳ないです...
ご指摘の件はナチュログの広告なんです。
ＰＣで見ると、画面下に現れて知らない間に消えているヤツです。
この件については、ユーザー側でどうこうできないんですよね...
（僕が対処方法を知らないだけかもしれませんが）
これも、見られる方の環境によって変わってくるみたいなんですよ。
僕(iPhone6)が見ると全く表示されないんです。
お力になれなくって申し訳ないです...
ぴのこ様コメントありがとうございます。
また、テンプレご利用ありがとうございます。
先ほど訪問させていただきましたが、素敵なヘッダー画像ですね〜。
サイトを開いた週間「オォ〜ッ！」となりました。
せっかく素敵な写真なので一つだけ。
ＰＣ用のヘッダー画像を新たに作られてはいかがですか？
今は小さい画像を無理矢理引き伸ばしているので画像が粗くなってます。
ナチュログの許容画像幅いっぱいの2048pxで作ってみてください。
そうするときれいな写真で表示されると思いますよ。
ヘッダー画像の変更位置はお分かりになられたんですよね。
よかったですｗ
また、テンプレご利用ありがとうございます。
先ほど訪問させていただきましたが、素敵なヘッダー画像ですね〜。
サイトを開いた週間「オォ〜ッ！」となりました。
せっかく素敵な写真なので一つだけ。
ＰＣ用のヘッダー画像を新たに作られてはいかがですか？
今は小さい画像を無理矢理引き伸ばしているので画像が粗くなってます。
ナチュログの許容画像幅いっぱいの2048pxで作ってみてください。
そうするときれいな写真で表示されると思いますよ。
ヘッダー画像の変更位置はお分かりになられたんですよね。
よかったですｗ
ediさま
ありがとうございます～
ご指摘の通り変えてみたんですか画質がそんなに変わっていないような気がするんですがこれは、記事にも書いたんですが撮影した時に小さい画像で撮影したのが問題なのかも・・しれないんですよね。大きいサイズで撮影した昔のトップ絵はもう少し解像度が高いので・・・しかしせっかくなので冬はこれでいこうかと思います。
素敵なテンプレをありがとうございます！テンプレ変更記事にリンクも張らせていただきました。お気に入りもいただきます。今後ともよろしくお願いします！
ありがとうございます～
ご指摘の通り変えてみたんですか画質がそんなに変わっていないような気がするんですがこれは、記事にも書いたんですが撮影した時に小さい画像で撮影したのが問題なのかも・・しれないんですよね。大きいサイズで撮影した昔のトップ絵はもう少し解像度が高いので・・・しかしせっかくなので冬はこれでいこうかと思います。
素敵なテンプレをありがとうございます！テンプレ変更記事にリンクも張らせていただきました。お気に入りもいただきます。今後ともよろしくお願いします！
ぴのこ様コメントありがとうございます。
カメラで一番小さいサイズで写真を撮ってもブログで使うぐらいなら大きすぎるぐらいです。
元の写真があると思うので、それを2048pxでアップロードされれば大丈夫だと思いますよ。
さらに、スタイルシートの画像urlの右の2番目の50%が画像の高さの位置なので、色々数値を入れて一番綺麗に見える箇所を探してみるのもおすすめです。
カメラで一番小さいサイズで写真を撮ってもブログで使うぐらいなら大きすぎるぐらいです。
元の写真があると思うので、それを2048pxでアップロードされれば大丈夫だと思いますよ。
さらに、スタイルシートの画像urlの右の2番目の50%が画像の高さの位置なので、色々数値を入れて一番綺麗に見える箇所を探してみるのもおすすめです。
こんにちは〜
新テンプレ、ガーリーで可愛いですねぇ。
機能的にも昨年9月の公開テンプレより良くなってるんですかね？
これをベースにフォント色を変えて自分のブログ用のテンプレ作ってみようかな。
拙ブログは、昨年公開されたediさんのテンプレをベースにちょこっと改造して今の形に落ち着いていますが、お気に入りのリンク先の更新を表示させたくって（笑）
それとも別設定なんですかね？
新テンプレ、ガーリーで可愛いですねぇ。
機能的にも昨年9月の公開テンプレより良くなってるんですかね？
これをベースにフォント色を変えて自分のブログ用のテンプレ作ってみようかな。
拙ブログは、昨年公開されたediさんのテンプレをベースにちょこっと改造して今の形に落ち着いていますが、お気に入りのリンク先の更新を表示させたくって（笑）
それとも別設定なんですかね？
Egnath様コメントありがとうございます。
今度のテンプレートは機能と言った物は大して変わっていないです（汗）
見た目だけですｗ
ただ、画面右下にトップへ戻るボタンを付けたのと、設定をすればライブドアの相互rssがこのブログの一番下のように表示されるぐらいでしょうか。
あと、縦長の画像の横幅を小さくするぐらい...。かな？
今、黒背景のものを作ってます！
今度のテンプレートは機能と言った物は大して変わっていないです（汗）
見た目だけですｗ
ただ、画面右下にトップへ戻るボタンを付けたのと、設定をすればライブドアの相互rssがこのブログの一番下のように表示されるぐらいでしょうか。
あと、縦長の画像の横幅を小さくするぐらい...。かな？
今、黒背景のものを作ってます！
さっそく使わせ頂きました♫
ピンクの文字は可愛いのかもしれませが、オッさんには…
ブログと現実の開きが大きくなってしまいす（笑）
是非、次回は燻銀なテンプレを！
と期待しちゃいます(๑•̀ㅂ•́)و✧
ピンクの文字は可愛いのかもしれませが、オッさんには…
ブログと現実の開きが大きくなってしまいす（笑）
是非、次回は燻銀なテンプレを！
と期待しちゃいます(๑•̀ㅂ•́)و✧
8bey様コメントありがとうございます。
いやいや、勝手なイメージですが結構にあっているような気がしますよｗ
燻銀というより、ちょっとクール？な感じの出来上がりました〜♪
公開は近々ｗ
いや、それよりもアウトドア系の記事を書かなければ...（ネタがないけど...）
いやいや、勝手なイメージですが結構にあっているような気がしますよｗ
燻銀というより、ちょっとクール？な感じの出来上がりました〜♪
公開は近々ｗ
いや、それよりもアウトドア系の記事を書かなければ...（ネタがないけど...）
こんばんわ。
すみません、また躓いてます＾＾；
画像の高さを調整する方法がわかりません。
半分に切れてしまうので、50％となっているところを100％に変えてもなにも起こらないのですが、、どうしたらよいか教えてください、、
現行のやつは、25％を50％に変更したらちょうどよくなったので、同じように倍にしてみたのですが、高さが変わりません・・
background: url が2か所あるのでその部分の画像urlを変更し、そのすぐ近辺にある％を色々いじっているのですが、画像の表示される位置（もともとある画像のどの部分を表示させるか）は変わるのですが、画像の高さ自体は一定のままです。
これを広げるにはどうしたらよいのでしょうか・・・・・・
お忙しいところ恐縮ですが、お時間あるときにでも教えていただければ幸いです
。
すみません、また躓いてます＾＾；
画像の高さを調整する方法がわかりません。
半分に切れてしまうので、50％となっているところを100％に変えてもなにも起こらないのですが、、どうしたらよいか教えてください、、
現行のやつは、25％を50％に変更したらちょうどよくなったので、同じように倍にしてみたのですが、高さが変わりません・・
background: url が2か所あるのでその部分の画像urlを変更し、そのすぐ近辺にある％を色々いじっているのですが、画像の表示される位置（もともとある画像のどの部分を表示させるか）は変わるのですが、画像の高さ自体は一定のままです。
これを広げるにはどうしたらよいのでしょうか・・・・・・
お忙しいところ恐縮ですが、お時間あるときにでも教えていただければ幸いです
。
naopion様コメントありがとうございます。
文面からお問い合わせの箇所はパソコンのヘッダー画像の高さについてと解釈してお答えさせていただきます。
ヘッダー画像の高さを変えるのは、その下の「padding-top:◯◯;」というところです。
ただ、今回のテンプレートはヘッダー画像がブラウザの画面左右いっぱいに広がるようにしているので、写真全体を表示しようとすると画面全体ぐらいがヘッダー画像になってしまいます。
なので、今回は写真の上下を隠して一部分だけを見せるようにしています。
画像urlの右にある50%というのは、上下の位置の調整なので、数値をいじって上下にずらして一番よく見える部分を探してみてください。
文面からお問い合わせの箇所はパソコンのヘッダー画像の高さについてと解釈してお答えさせていただきます。
ヘッダー画像の高さを変えるのは、その下の「padding-top:◯◯;」というところです。
ただ、今回のテンプレートはヘッダー画像がブラウザの画面左右いっぱいに広がるようにしているので、写真全体を表示しようとすると画面全体ぐらいがヘッダー画像になってしまいます。
なので、今回は写真の上下を隠して一部分だけを見せるようにしています。
画像urlの右にある50%というのは、上下の位置の調整なので、数値をいじって上下にずらして一番よく見える部分を探してみてください。
ediさん
早速の回答、ありがとうございます。
言葉足らずで申し訳ありません。
おっしゃる通り、トップ画像のことです。
なるほど、そういう仕様になっているんですね！すごく理解しました。
実はショップの初期テンプレがそういうタイプでしたので。今は訳あって、差し替えてしまいましたが、、
色々調整してみたいと思います。
早速の回答、ありがとうございます。
言葉足らずで申し訳ありません。
おっしゃる通り、トップ画像のことです。
なるほど、そういう仕様になっているんですね！すごく理解しました。
実はショップの初期テンプレがそういうタイプでしたので。今は訳あって、差し替えてしまいましたが、、
色々調整してみたいと思います。
naopion様コメントありがとうございます。
ご理解いただけたでしょうかｗ
さっきサイトを覗かせていただいたんですが、めっちゃかっこいいじゃないですか！
こうやって自分オリジナルのテンプレが出来上がってきたらブログ愛も高まるってもんですね(笑)
ちなみに、さっきテンプレ更新してコメントの送信ボタンを僕のブログみたいにしてみたんですけど(色違いで)、うまく表示されているか誰か試してくれないかな〜(笑)
スタイルシートを変更するだけなんですけど...
ご理解いただけたでしょうかｗ
さっきサイトを覗かせていただいたんですが、めっちゃかっこいいじゃないですか！
こうやって自分オリジナルのテンプレが出来上がってきたらブログ愛も高まるってもんですね(笑)
ちなみに、さっきテンプレ更新してコメントの送信ボタンを僕のブログみたいにしてみたんですけど(色違いで)、うまく表示されているか誰か試してくれないかな〜(笑)
スタイルシートを変更するだけなんですけど...
こんばんは～
このピンクも良いですね！
変えたいな～と思って一回やったんですが今のいじってるとこの適応に時間が係りそうで…(汗)
>今、黒背景のものを作ってます！
気になりますね～(笑)
このピンクも良いですね！
変えたいな～と思って一回やったんですが今のいじってるとこの適応に時間が係りそうで…(汗)
>今、黒背景のものを作ってます！
気になりますね～(笑)
taku-c様コメントありがとうございます。
テンプレ変えるとそれまで変更していた箇所も全て変えないとけないんで面倒くさいですよねｗ
基本的には前のテンプレとそんなに変わっていないんで、ご自身で変更された箇所などをメモ帳か何かに書き出してみてはいかがですか？
黒背景は...
出来上がってるんですけどいつ発表しようかタイミングを見計らっています（笑）
テンプレ変えるとそれまで変更していた箇所も全て変えないとけないんで面倒くさいですよねｗ
基本的には前のテンプレとそんなに変わっていないんで、ご自身で変更された箇所などをメモ帳か何かに書き出してみてはいかがですか？
黒背景は...
出来上がってるんですけどいつ発表しようかタイミングを見計らっています（笑）
ediさん
こんばんわ。
早速更新してみました～。
でも、ただ、どこが変わったのかわからないのですが、、＾＾；
あと、度々すみません、
スマホで見えているトップ画像のバランスは気に入っているのですが、
どうしてもｐｃだと構図がうまく収まらないのですが、これは仕方ないですかね？
ｐｃのみ、っていう方も色々いじってみたのですが。。
画像をトップ用に撮影したりしないとダメですかね。普段4：3で撮影しているのでどうしても無理が出てしまいますｗｗ
こんばんわ。
早速更新してみました～。
でも、ただ、どこが変わったのかわからないのですが、、＾＾；
あと、度々すみません、
スマホで見えているトップ画像のバランスは気に入っているのですが、
どうしてもｐｃだと構図がうまく収まらないのですが、これは仕方ないですかね？
ｐｃのみ、っていう方も色々いじってみたのですが。。
画像をトップ用に撮影したりしないとダメですかね。普段4：3で撮影しているのでどうしても無理が出てしまいますｗｗ
naopion様コメントありがとうございます。
PCのヘッダー画像については、写真全てを表示させるには以前のテンプレートを利用するか。
もしくは、ファーストビューを写真のみを見せるぐらいに高さを広げるかでしょうか...
今の状態、結構僕は好きですよｗ
ちなみに、コメントを送信する時に押す「書込」ってボタンが大きくなってピンク色に変わってますｗ
他の方のブログのボタンと見比べてみてください。
PCのヘッダー画像については、写真全てを表示させるには以前のテンプレートを利用するか。
もしくは、ファーストビューを写真のみを見せるぐらいに高さを広げるかでしょうか...
今の状態、結構僕は好きですよｗ
ちなみに、コメントを送信する時に押す「書込」ってボタンが大きくなってピンク色に変わってますｗ
他の方のブログのボタンと見比べてみてください。
ediさん
ありがとうございます。
色は薄い方が好きかも^^;
でも、視認性は濃い方が良いですね。
写真は、やはりそうなんですね。
でも、こちらのが文字も大きくみやすいので、こちらのテンプレ使わせていただきます(๑˃̵ᴗ˂̵)
ありがとうございます。
色は薄い方が好きかも^^;
でも、視認性は濃い方が良いですね。
写真は、やはりそうなんですね。
でも、こちらのが文字も大きくみやすいので、こちらのテンプレ使わせていただきます(๑˃̵ᴗ˂̵)
naopion様コメントありがとうございます。
色を薄くしたい場合はスタイルシートの515行目のbackground-color:#D64E80;を好みの色に変えてみてくださいｗ
色を薄くしたい場合はスタイルシートの515行目のbackground-color:#D64E80;を好みの色に変えてみてくださいｗ
はじめまして。
たいちちさんやluluさんのテンプレート情報から拝見させていただきました。
テンプレートに悩んでおりましたが、とても見やすくて使いやすそうで。
是非ガーリーテンプレート使わせていただきたいと思います。
お気に入り登録させていただきます。
お世話になります。よろしくお願いします。
たいちちさんやluluさんのテンプレート情報から拝見させていただきました。
テンプレートに悩んでおりましたが、とても見やすくて使いやすそうで。
是非ガーリーテンプレート使わせていただきたいと思います。
お気に入り登録させていただきます。
お世話になります。よろしくお願いします。
くじラ様コメントありがとうございます。
テンプレートご利用有難うございますｗ
自分で言うのも何ですが、スマフォ・タブレットではかなり見やすくなっていると思います。
ぜひご利用くださいｗ
お気に入り、こちらも登録させていただきますね。
テンプレートご利用有難うございますｗ
自分で言うのも何ですが、スマフォ・タブレットではかなり見やすくなっていると思います。
ぜひご利用くださいｗ
お気に入り、こちらも登録させていただきますね。
こんにちは！初めまして(o^^o)
私も、この素敵なテンプレートを使わせて頂きたいのですが、よろしいでしょうか？
いつもブログの書き方の小ネタ、ありがとうございます！！見出しの付け方、あんなに簡単なんですね！早速使わせて頂きました☆
私も、この素敵なテンプレートを使わせて頂きたいのですが、よろしいでしょうか？
いつもブログの書き方の小ネタ、ありがとうございます！！見出しの付け方、あんなに簡単なんですね！早速使わせて頂きました☆
ハチママ様コメントありがとうございます。
＆テンプレご利用ありがとうございますｗ
見出しを入れると、文章にメリハリが付いてブログが凄く見やすくなりますよね。
うまく使ってくださいね〜。
＆テンプレご利用ありがとうございますｗ
見出しを入れると、文章にメリハリが付いてブログが凄く見やすくなりますよね。
うまく使ってくださいね〜。
はじめまして！
ぴのこさんからやってきました。
かわいいテンプレート、使わせて頂きたいです。
上手く使えるか不安・・ですが('A`)
宜しくお願いいたします。
ぴのこさんからやってきました。
かわいいテンプレート、使わせて頂きたいです。
上手く使えるか不安・・ですが('A`)
宜しくお願いいたします。
yuri0123様コメントありがとうございます。
テンプレご利用ありがとうございます！
テンプレは、基本的にコピーして貼り付けるだけなのでそんなに難しくないですよｗ
改造となると別ですけど（笑）
テンプレご利用ありがとうございます！
テンプレは、基本的にコピーして貼り付けるだけなのでそんなに難しくないですよｗ
改造となると別ですけど（笑）
こんにちは。
やはり黒バックはあまり好きでないので、こちらを改造しちゃいました。
まだ完成していませんが、後はぼちぼちやります。
ありがとうございました ＾＾
やはり黒バックはあまり好きでないので、こちらを改造しちゃいました。
まだ完成していませんが、後はぼちぼちやります。
ありがとうございました ＾＾
べえ様コメントありがとうございます。
さっきブログ拝見しましたｗ
グリーンがアクセントになっていて素敵な配色ですね＾＾
見出しのデザインも面白いし、真似したくなっちゃいました（笑）
さっきブログ拝見しましたｗ
グリーンがアクセントになっていて素敵な配色ですね＾＾
見出しのデザインも面白いし、真似したくなっちゃいました（笑）
初めまして、釣女のちぃぃと申します。ブログのトップ画を変更したいなぁ〜と探していた所、こんなステキなブログに辿りつけました(^-^)素人の私にも変更出来るかは不安ですが、自己責任の上、チャレンジしたいのですが…。突然お邪魔した上に図々しいお願いですがぜひ宜しくお願いしますm(_ _)m
ちぃぃ様コメントありがとうございます。
また、テンプレのご利用ありがとうございますｗ
テンプレの利用は基本コピペのみなので、難しいところはないと思いますので是非ｗ
きっとスマホやタブレットの見え方が見違えると思いますよ（笑）
また、テンプレのご利用ありがとうございますｗ
テンプレの利用は基本コピペのみなので、難しいところはないと思いますので是非ｗ
きっとスマホやタブレットの見え方が見違えると思いますよ（笑）
ediさん、ブログへの訪問と使用許可有難うございました！さっそく四苦八苦しながらトップ画の変更まで済ませることが出来ました♪
おかげ様で「釣りブログ」とは思えないほど素敵に生まれ変わりました。今後は何とかタイトルの位置を変更してもっと沢山の方に遊びに来ていただけるブログを目指したいと思います。
テンプレネタ、今後も楽しみにしています。
おかげ様で「釣りブログ」とは思えないほど素敵に生まれ変わりました。今後は何とかタイトルの位置を変更してもっと沢山の方に遊びに来ていただけるブログを目指したいと思います。
テンプレネタ、今後も楽しみにしています。
ちぃぃ様コメントありがとうございます。
ヘッダー画像素敵ですねｗ
早速ここで小ネタを一つ（笑）
見出しに使っている
<div style="border-left:7px solid #F8D3C5;border-bottom:1px solid #F8D3C5;padding:8px;">見出し</div>
のスタイルをスタイルシートの
.blogbody h2{
font-size: 140%;
padding: .5em;
background: #eee;
margin-bottom:1.5em;
border-top:solid 1px #1a1a1a;
border-bottom:solid 1px #1a1a1a;
}
の部分を
.blogbody h2{
padding: 8px
border-left:7px solid #F8D3C5;
border-bottom:1px solid #F8D3C5;
}
に書き換えて
<div>見出し</div>ではなく
<h2>見出し</h2>で記述するとseo的にも良いし簡単ですよｗ
ヘッダー画像素敵ですねｗ
早速ここで小ネタを一つ（笑）
見出しに使っている
<div style="border-left:7px solid #F8D3C5;border-bottom:1px solid #F8D3C5;padding:8px;">見出し</div>
のスタイルをスタイルシートの
.blogbody h2{
font-size: 140%;
padding: .5em;
background: #eee;
margin-bottom:1.5em;
border-top:solid 1px #1a1a1a;
border-bottom:solid 1px #1a1a1a;
}
の部分を
.blogbody h2{
padding: 8px
border-left:7px solid #F8D3C5;
border-bottom:1px solid #F8D3C5;
}
に書き換えて
<div>見出し</div>ではなく
<h2>見出し</h2>で記述するとseo的にも良いし簡単ですよｗ
edi様。お返事いただいてた事に今日まで気がつかずすみません、何度も訪問させて貰っていたというのに...。↑うぅ...コピペしか出来ない私には物凄くハードルが高そうです(汗)。使ってる見出しは、どこかで見つけたものを携帯の「ユーザ辞書登録」して使ってるような状態でして..。しかし！せっかくedi様にアドバイス頂いたのですから、時間がかかっても挑戦してみようと思います。お忙しい中、有難うございました。
edi様。続けて失礼します。私にも出来ました！（たぶん..）お蔭様で素敵になったブログなので、これからは写真にも気を配らないといけませんね！釣りブログなので暗闇と時合いとの戦いになりますが＾＾
ちぃぃさんコメントありがとうございます。
拝見させていただきました。
ちょっとだけ記入間違いがありますね^^;
今
padding: 8px
border-left:7px solid #F8D3C5;
border-bottom: 1px solid #F8D3C5;
ってなってるんですけど
padding: 8px
の横に「;」が抜けてます。
正確には
padding: 8px;←ここ
border-left:7px solid #F8D3C5;
border-bottom: 1px solid #F8D3C5;
です。
あともう一息です（笑）
がんばって＾＾
拝見させていただきました。
ちょっとだけ記入間違いがありますね^^;
今
padding: 8px
border-left:7px solid #F8D3C5;
border-bottom: 1px solid #F8D3C5;
ってなってるんですけど
padding: 8px
の横に「;」が抜けてます。
正確には
padding: 8px;←ここ
border-left:7px solid #F8D3C5;
border-bottom: 1px solid #F8D3C5;
です。
あともう一息です（笑）
がんばって＾＾
edi様おはようございます。お忙しい中訪問有難うございます！;←付けました～♪今回初めてのことだらけで緊張しましたが、やってみると劇的に変わりさらにブログ愛が高まりました＾＾。
edi様のブログに辿り着けたことを機会に、これから少しずつ勉強してblog作って行きたいと思います！
edi様のブログに辿り着けたことを機会に、これから少しずつ勉強してblog作って行きたいと思います！
ちぃぃさんこんばんわ。
これでバッチリですねｗ
これでバッチリですねｗ
ediさん。はじめまして。
ぴのこさんのブログ経由で知り、テンプレートのカスタマイズを利用させていただきました。
かわいらしいテンプレートをありがとうございました（_ _）
ediさんの写真はとても素敵でリポも読ませていただいています。
グーグルchromeのExifビューワーも初めて知りまして、ナチュログ写真部員には技術も根性も遠くおよびませんが、上手な写真を撮られる方たちの設定を覗き見させていただいて楽しませていただいています＾＾
ぴのこさんのブログ経由で知り、テンプレートのカスタマイズを利用させていただきました。
かわいらしいテンプレートをありがとうございました（_ _）
ediさんの写真はとても素敵でリポも読ませていただいています。
グーグルchromeのExifビューワーも初めて知りまして、ナチュログ写真部員には技術も根性も遠くおよびませんが、上手な写真を撮られる方たちの設定を覗き見させていただいて楽しませていただいています＾＾
Nママさんはじめまして。
テンプレご利用有難うございますｗ
ナチュログの仕様が変わったみたいで
近日中にテンプレネタをあげますんで、それを基に更新をお願いします！
テンプレご利用有難うございますｗ
ナチュログの仕様が変わったみたいで
近日中にテンプレネタをあげますんで、それを基に更新をお願いします！
コメントください！