楽しいきゃんぷ＆道具達～2007年6月より～:テンプレートの変更

2008年11月29日

テンプレートの変更

ちょっと前から、自分のブログのページの写真を、もっとワイドにできないかなぁと考えてました。
どうも、管理画面　設定のテンプレートを変更するらしいのは、わかっていたのですが
パソコンに詳しくない私・・・

そのまま放置～～～～～

昨日、わいえすさんのブログ11/27分を見て、写真をキレイに簡単に縮小できるフリーソフトの紹介があって
早速ダウンロード☆　まだ、1-2枚しか試してませんが、クッキリシャープな縮小でうれしくなりました（＾＾）

そんなきっかけで、再びテンプレートの変更をしよかと、調べてみました。
まずは、ナチュのトップページで、「ブログ　幅」と検索入れて・・・・
当然そんな検索では大量にある、「ブログ」　というタイトルがひっかかるばかり

そんな私のような、ド素人の方へ、今日のページを送ります☆　

※　私はテンプレートカスタマイズできるような腕も知識もないので、
参考にさせていただいた方のページ紹介が主な今回のページです。

サンプル画像は、初めての700px幅のアップで♪
ご自宅のパソコンで見れないなどあれば、教えてくださいね＾＾
※　2008/12/01　ノートＰＣ用にブログ幅を900pxに変更してみました。
本文700PX写真も650pxにしておきます。ちょっと650PXだと大きすぎるかも＾＾；

※　2008/12/02　夜　本文700pxでは、サイドバーが入りきらないＰＣもあると発覚＠＠
あわてて、いろいろ試して、本文650pxまで減らしました。
テスト写真が、縦横スクロールになって見づらくてごめんなさい！！

縮小専用で縮小してみました☆サイズは小さくてもキレイなのがうれしい♪

テンプレートの変更

↑109KB

↑60KB

KB上の2枚で写真の違い分かりますか～？？
あまり違いが分からないような（笑）
もう少しいろいろ、縮小試してみて今後記事に入れてみます。

ちなみに今までの縮小。。。
2000px幅程度にしてから、さらにナチュで450pxにしてたのです。

テンプレートの変更

今回の件で気づいたのですが、（遅いけど＾＾；）はじめから450px幅で縮小すれば、
現在の使用ソフトでも、多分きれいだったかと・・・（笑）
あら～そうでもないですね～縮小かけると荒くなるっていうのは、こういうことなのね～

テンプレートの変更

一度にたくさんの画像を処理できるのと、
勝手にファイル名つける設定できるのは縮小専用の方がいいですね～
98時代からのフリーソフトなのに、使いやすいなんてスゴイわ～☆

テンプレートの変更をすると、文字や写真の出方が大きく変わったり、おかしくなることがあるので
保存する前に必ず、プレビューで確認してくださいね☆
プレビューでおかしくなったら、保存せずに画面切り替えればもとにもどりますから。
今まで使ってる、大事なテンプレートではなくて、新しく作られた方が安心かも・・・・
また、私自身も手探りで、行ってますが、変更は自己責任でお願いします。
できると、うれし～ですよ♪

あとから、紹介する、Kawatombo Kenさんが、どんどん参考にしてもらって、
できたら教えてあげてくださいとう主旨だったので、私もこんな記事を作ってみてます。

まず、ブログをワイドにする！の参考にさせていただいたのは
kumataroさんの、「ワイド設定の例」です。
こちらのページを知ったきっかけは、みみすけさんが昨年冬に、
ブログの幅をワイドにする内容の記事を書かれてたのを思い出したからでした。その当時はあまり興味もなかったのですが・・・
今回思い出せたのだから、ブログの交流ってありがたいです☆

kumataroさんのブログでは、３カラムの幅を変えてますので、
私は2カラムが好きなので、
①全体の幅　　②本文部分の幅　③サイドバーの幅　（④なし）　⑤本文の下側の幅？　⑥　⑤-28px（意味をわかってません＾＾；）の
変更をしてみました。

参考までに初めの数値はこんな感じで・・・
①980px　　②780px　　③185px　　⑤780px　　⑥780-28px？

ＴＯＰ紹介文が、ワイド画面でないＰＣだときれちゃうので、①を1000pxに変更してます。
また今後変えるかも・・・・＾＾；

ブログの幅をワイドにできたので、次にＴＯＰ画像もワイドに変更します。
この時の参考ページが、Kawatombo Kenさんの「ＴＯＰ画像をオリジナルに」です。
ちなみに、他にもいろいろな画像や文字の変更ページを案内されてます。
目次ページはこちらからどうぞ☆

このときに、ブログの幅と、ＴＯＰ画像の幅があってないと、ＴＯＰ画像がサイドに重なったりしてしまうようです。
自分の加工した画像との高さが合わないときは、テンプレートの高さ側を、画像と同じ数値にしておけばＯＫかと・・・

次に、ＴＯＰ画像の文字の色を変えてみました。
その参考ページは、同じ方の、「ブログタイトルの文字変更」です。

小さい方の文字を、right →　leftに変更したのに、
文字の最後がワイド画面でないＰＣだと切れてしまう場合があるかも・・・
我が家の2台のＰＣでは、なんとかおさまってますが・・・ご存知の方がいたら
教えてもらえると、助かります～～！

・・・・・と、こんなそんなを、昨日、幼稚園行事へ行きながら、合間にしていたのでした（笑）
このところの課題が、ちょっとできたので、なんだかうれし～～♪♪♪

でも、画像を大きくキレイにアップできると、重くなるし、容量も使うのですよね＾＾；
ちなみに、今までの画像サイズは58KB。　今回の650px幅画像は109KB。

ブログも2年目に入ってるし、容量も考えないとね～～～

　　

同じカテゴリー（テンプレートの変更）の記事画像

同じカテゴリー（テンプレートの変更）の記事

お気に入りピコピコマーク☆

Posted by ｍａｒｕｒｉｎ at 15:52│Comments(63) │テンプレートの変更

この記事へのコメント

TOP画像でかーーい（笑）
２カラムだともう少し小さくても良いんじゃ（^-^;

私のブログ幅は　色々試して９００幅にしてあります
本文が６００幅ね

ノートPC　特にレッツノートなんかだと
これ以上大きくするとやっぱり見にくいんですよう
最近のワイド画面PCには良いのだけれどね

現在我がブログの画像使用量は９０MBざんす
１年で９０MB以下なら　５年は大丈夫だね（笑）
それにしても色々がんばってますねぇ
これから写真が大きくなるかな？

あーどうでもいいけど　縮小専用　昔教えたじゃん（^-^;

Posted by PINGU PINGU

at 2008年11月29日 16:14

画像を大きくＵＰしたいって思いはずっと前からあるんですよねぇ…。

以前、参考にしてチャレンジしてみたのですが、使用しているテンプレートを
そのまま使用して、数値だけを変更したらおかしくなっちゃって…
以来、そのまま手をつけられすです…笑

以前のも愛着があるしどうしたものですかねぇ…笑

こうしてうまく出来るなんて、すごいなぁ…と感心しています…！

Posted by naminosabaoh

at 2008年11月29日 16:43

私も今テンプレートをいじってます。
なかなか思うようには行きませんが、暇をみつけてやってます。
できるとおもしろいでしょうね。

ちなみに縮専・・昔から使ってますが、コンデジで美しく・・は
これに限ります。（笑）

Posted by コヒ at 2008年11月29日 17:33

> PINGUさんへ

あら～ＴＯＰ画像見えなかったのですね～ｺﾞﾒﾝｺﾞﾒﾝ＾＾；
自宅の古いデスクトップＰＣで確認したのだけど、
小さめノートかぁ・・・・ちょっと考えてみます～
うちの使用量も、似た感じ109でしたね。
ここで、画像大きいのをたくさん貼ると、
これまたう～ん・・・だけど。
もう少し、いろんな方のをリサーチしてみよっと♪

ええ～～！縮小専用教えてもらってた～～？
いつ～？？忘れてたのだろうね～～これまた、ごめんね～(*^。^*)

名前:
メール:
URL:
情報を記憶:
コメント:
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込