2010年08月06日
テンプレートのプチカスタマイズ
先日、時間があったのでBLOGのテンプレートを弄ってみました。
今使用しているのは「シンプル3カラム100%」です。
まず弄ったのはトップにオリジナル画像を入れる事です。
これは多くのブロガーさんが変更していますよね。

↑は元々の設定です(スタイルシート内にあります)
シンプルの場合、ヘッダーに色のみが指定されています。

↑はトップ画像にする為にトリミングした画像です。
まずはお気に入りの画像を画像一覧にアップロードします。
その画像をクリックすると画像がポップUPされるので、アドレスをコピーして下さい。

↑がカスタマイズした部分です。
上でコピーしたアドレスを張り付けてトップ画像がオリジナル変更になりました。
シンプルの場合heightが指定されていないので物凄く細長い画像が入ってしまいます。
ここでheightを指定してあげると元の大きさの写真に変更されます。私の場合は320pxに指定しました。
指定したサイズの最後に半角で ; を入れるのを忘れないで下さいね
今使用しているのは「シンプル3カラム100%」です。
まず弄ったのはトップにオリジナル画像を入れる事です。
これは多くのブロガーさんが変更していますよね。
↑は元々の設定です(スタイルシート内にあります)
シンプルの場合、ヘッダーに色のみが指定されています。
↑はトップ画像にする為にトリミングした画像です。
まずはお気に入りの画像を画像一覧にアップロードします。
その画像をクリックすると画像がポップUPされるので、アドレスをコピーして下さい。
↑がカスタマイズした部分です。
上でコピーしたアドレスを張り付けてトップ画像がオリジナル変更になりました。
シンプルの場合heightが指定されていないので物凄く細長い画像が入ってしまいます。
ここでheightを指定してあげると元の大きさの写真に変更されます。私の場合は320pxに指定しました。
指定したサイズの最後に半角で ; を入れるのを忘れないで下さいね

・
次にシンプルテンプレートで気に入らなかったのが、

コメント欄の大きさです。小さいすぎ・・・。コメント書きづらい・・・

↑こちらが元々の設定(こちらもスタイルシート内にあります)

↑こちらが設定を変更した部分です。
はい、数値を変更するだけです

で、こうなりました。このくらい広い方がコメント書きやすいですよね
もう一つ変更したのは続き~を変更しました。

↑こちらがオリジナルの設定です(トップページ内にあります)
アップした記事で続きをクリックするとまたその記事のトップに戻ってしまうってありますよね。
それまでの記事が長い場合、ちょっと見づらいですよね。
どうもテンプレートによってマチマチに設定されているようです
ナチュブロにはこの辺は統一してほしいものですね~

↑こちらが変更した部分です。
ちょっと判りづらいかも知れませんが
オリジナルでは >">となっています。
この>"の間に#moreを入れるだけです。
で、ついでにオリジナルっぽくする為にコメントもちょっと変えてみました
この3つを変更しただけで、自分的にはOKな感じです(笑
はっきり言ってPCに関してはかなり音痴です。色々な方が記事にされているのを参考にさせて頂きました。
また自分が気まぐれでテンプレートを変更すると思うので、その時の為にという事でUPしました。
もし誰かの参考になったら嬉しいな~
次にシンプルテンプレートで気に入らなかったのが、
コメント欄の大きさです。小さいすぎ・・・。コメント書きづらい・・・

↑こちらが元々の設定(こちらもスタイルシート内にあります)
↑こちらが設定を変更した部分です。
はい、数値を変更するだけです

で、こうなりました。このくらい広い方がコメント書きやすいですよね

もう一つ変更したのは続き~を変更しました。
↑こちらがオリジナルの設定です(トップページ内にあります)
アップした記事で続きをクリックするとまたその記事のトップに戻ってしまうってありますよね。
それまでの記事が長い場合、ちょっと見づらいですよね。
どうもテンプレートによってマチマチに設定されているようです

ナチュブロにはこの辺は統一してほしいものですね~

↑こちらが変更した部分です。
ちょっと判りづらいかも知れませんが
オリジナルでは >">となっています。
この>"の間に#moreを入れるだけです。
で、ついでにオリジナルっぽくする為にコメントもちょっと変えてみました

この3つを変更しただけで、自分的にはOKな感じです(笑
はっきり言ってPCに関してはかなり音痴です。色々な方が記事にされているのを参考にさせて頂きました。
また自分が気まぐれでテンプレートを変更すると思うので、その時の為にという事でUPしました。
もし誰かの参考になったら嬉しいな~

Posted by はいえ~す at 15:28│Comments(14)
│その他、独り言
この記事へのコメント
遅まきながら、フォロー恐縮です。
コメント欄の大きさも変えられるのは知りませんでしたー。
勉強になりますo(^-^)o
近いうちに試してみますね。
コメント欄の大きさも変えられるのは知りませんでしたー。
勉強になりますo(^-^)o
近いうちに試してみますね。
Posted by マスヲ。 at 2010年08月06日 16:01
ありがとうございます。
気になっていた部分でした。
暇を見つけてやってみます!!
気になっていた部分でした。
暇を見つけてやってみます!!
Posted by タマカン at 2010年08月06日 22:08
な~るほど・・・・保存版やな~これ・・・(笑)
Posted by ガイア at 2010年08月06日 23:12
いやいや、勉強になりました。
コメント欄も帰られたんですね。
うちもトップ画像変えようと思って、毎回写真を大きさ変えて撮るのを忘れて来てしまいます。
これをキッカケに今度こそトップ画像変えようと思いました。
コメント欄も帰られたんですね。
うちもトップ画像変えようと思って、毎回写真を大きさ変えて撮るのを忘れて来てしまいます。
これをキッカケに今度こそトップ画像変えようと思いました。
Posted by ゆう・ひろパパ
at 2010年08月07日 05:46

マスヲ。さん、おはようございます。
こちらこそ、よろしくおねがいします!
コメ欄、小さくてヤダな~って思っていて検索しまくったら
どなたかのブログに出てました。
マスヲさんのに比べたらプチカスタマイズなんですが(笑
勉強になると言って貰えると嬉しいっす!
何処かでお会いすると思うので宜しくお願いします!
こちらこそ、よろしくおねがいします!
コメ欄、小さくてヤダな~って思っていて検索しまくったら
どなたかのブログに出てました。
マスヲさんのに比べたらプチカスタマイズなんですが(笑
勉強になると言って貰えると嬉しいっす!
何処かでお会いすると思うので宜しくお願いします!
Posted by はいえ~す at 2010年08月07日 06:24
タマカンさん、おはようございます。
いえいえ、とんでもないです。
とってもプチカスタマイズですが、役立てれば嬉しいっす!
いえいえ、とんでもないです。
とってもプチカスタマイズですが、役立てれば嬉しいっす!
Posted by はいえ~す at 2010年08月07日 06:26
ガイアさん、おはようございます。
自分でも次にテンプレート変えた時用に保存しておこうという事で(笑
自分でも次にテンプレート変えた時用に保存しておこうという事で(笑
Posted by はいえ~す at 2010年08月07日 06:27
ゆう・ひろパパさん、おはようございます。
実際の写真は元画像からトリミングしてます。
そのまま使う場合は多分、heightの数値を変えれば多分大丈夫かと。
ま、実際はやってないので保障はありませんが・・・
どんなトップ画像になるか楽しみです!
実際の写真は元画像からトリミングしてます。
そのまま使う場合は多分、heightの数値を変えれば多分大丈夫かと。
ま、実際はやってないので保障はありませんが・・・
どんなトップ画像になるか楽しみです!
Posted by はいえ~す at 2010年08月07日 06:30
やり方を思い出しましたよ(笑)
しばらくテンプレート弄ってなかったんで…
そろそろトップ画像変えようかな(笑)
しばらくテンプレート弄ってなかったんで…
そろそろトップ画像変えようかな(笑)
Posted by ばんじょう at 2010年08月07日 06:41
ばんじょうさん、おはようございます!
やり方、やっぱ忘れますよね(笑
実際、テンプレート変えたらどうやるんだっけ???って感じでした(爆
>そろそろトップ画像変えようかな
期待しておりますよ!
やり方、やっぱ忘れますよね(笑
実際、テンプレート変えたらどうやるんだっけ???って感じでした(爆
>そろそろトップ画像変えようかな
期待しておりますよ!
Posted by はいえ~す at 2010年08月07日 07:40
こんにちは~
私も暇見つけてちょっと挑戦します
でも出来るかな~(汗)
本当にパソコン苦手なんで
未だにブログ書くのも一苦労ですから(泣)
私も暇見つけてちょっと挑戦します
でも出来るかな~(汗)
本当にパソコン苦手なんで
未だにブログ書くのも一苦労ですから(泣)
Posted by ふれんど at 2010年08月08日 15:31
ふれんどさん、こんばんは。
機会があったら是非やってみて下さいね!
私も見よう見まねでやった感じです。
でも記録しておかないと絶対次回出来ない自信があります(爆
こういうのが普通に出来る人ってスゴイと思います。
機会があったら是非やってみて下さいね!
私も見よう見まねでやった感じです。
でも記録しておかないと絶対次回出来ない自信があります(爆
こういうのが普通に出来る人ってスゴイと思います。
Posted by はいえ~す
at 2010年08月08日 21:57

おはようございます!
コメントありがとうございました。
パソコンがまったくわからない私でしてこのやり方がものすごく気になってました^ ^
近々やらせていただきます♪
これからもよろしくお願いします。
コメントありがとうございました。
パソコンがまったくわからない私でしてこのやり方がものすごく気になってました^ ^
近々やらせていただきます♪
これからもよろしくお願いします。
Posted by sou at 2010年08月09日 06:39
souさん、おはようございます!
お返事遅くなりました~。
こちらこそ、よろしくお願いしますね!
私もPC全然だめなので、自分へのメモと言う事でUPしました(笑
もし役だってくれれば嬉しいです♪
お返事遅くなりました~。
こちらこそ、よろしくお願いしますね!
私もPC全然だめなので、自分へのメモと言う事でUPしました(笑
もし役だってくれれば嬉しいです♪
Posted by はいえ~す at 2010年08月20日 07:22
※このブログではブログの持ち主が承認した後、コメントが反映される設定です。