DTIブログカスタマイズしちゃうぞっ　

久しぶりのカスタマイズ講座です。(￣∇￣*)ゞエヘヘ
今回は 基本の基本 行ってみましょう。
初めてカスタマイズしようという方の為に♪


まず手順としては、管理画面の 『ブログデザイン設定』 または 『デザイン設定』 ボタンを押すと、カスタマイズ画面に飛びます。

最初は [ default ] っていうテンプレしかありません。
一番基本的なシンプルなのですね。


そこで 『デザインテンプレートを追加』 をクリックすると、テンプレ選択ページに移動しますので、その中で気に入ったテンプレの 『このテンプレートを追加する』 をクリックします。

そうすると [ default ] しかなかったブログデザイン設定画面に、新しいテンプレが加わります。
そこで 『このテンプレートに変更』 を押すと、テンプレが変更されます。
ここまではみなさんわかりますよね？


ここからが本番。

自分でカスタマイズする場合は、上記の手順でダウンロードしたテンプレを変更するのです。
名前も好きに変えられますので、お好きな名前を付けちゃって下さい。



[ 修正 ] をクリックすると、下に二つテキストエリアが出現して、ｈｔｍｌ と ＣＳＳ を変更出来るようになります。
そこでそのまま修正を繰り返してもいいのですが、そうすると

大変な事が起こります。



そうです。
自分だけ見えてればいいのに、編集中のみっともないテンプレを

お客様にも見られてしまう 事になっちゃうんです。(T_T)


ブログの場合、実際にテンプレ表示させてみないと中身が入らないし、自分のパソコンの中でファイルを作ったとしても、ブログ変数を表示させる事が出来ないので、全然思い通りにならないんです。
だからやっぱりやってみるしかない。

でも ちょっと待って下さい☆
そんな事しなくても大丈夫。


編集画面の [ プレビュー ] を使えば、

テンプレを替えず に

修正したものを見れちゃうんです♪


今までのテンプレは普通に表示させて、自分が編集中の画面はプレビューをクリックすると、自分だけが見れるの。
ＵＲＬ を良くみて下さい。
ちょっと違うでしょ？

だから裏で何やっても平気なのです〜。(￣∇+￣)vキラーン

こういう技を使っているので、ある日突然テンプレを新しくしたり出来ちゃうんですよ♪



そして、テンプレダウンロードはいくつでも入ります。
ＭＡＸがいくつかは知りませんが、うちの管理画面はこんなんになってます（笑）
現在２３枚のテンプレがあるんです。
(〃^∇^)o_彡☆あははははっ

みなさんもテンプレ作る時はお試し下さいませvvヽ(=´▽`=)ノ





愛のワンクリックお願いします♪
　　　応援してね〜vv

【greenテンプレ】　サンプル

これが五回目に作った【greenテンプレ】です♪
上の画像がちょっと違いますけど、これは変更前のバージョンだったりします。

このテンプレも、頼まれて専用で作ったものだったりしたのですが、もういらないみたいなので、共有テンプレ用に色々修正してみました。

それがちょうど本日承認されましたので、こちらにもＵＰします。
承認されたばっかりなので、まだどのぐらいダウンロードして貰えるのかさっぱりわかりませんが、気に入ったらどうぞよろしくです♪

マイレージポイントランキングが、急に増えたから何事かと思ったら、これが原因っぽいです（笑）
まぁ、テンプレはそんなにパカパカ作れるものでもないので、一時のバブルって事で。



この時は、【whiteテンプレ】の別バージョンとして作ったので、基本的には同じです。
だから楽と言えば楽だったかな〜。
【whiteテンプレ】より、素材の作り方が上手くなったかな♪
やっぱり数こなす程、良くなって来るもんですね〜。

初期の頃のは初期の頃で、それも味がありましたけど（笑）


【laceテンプレ】と同じように、メニュー欄と記事欄に広告スペースを設けてみました。
アダルトっぽくないので、アフィリエイトとしては、一般向けかな？
そんなに怪しくないイメージにしましたの。

これは頑張って、カスタマイズしやすいようにかなり加工しました。
ソースをダウンロードして編集される時、だいぶ見やすいと思います♪
著作権表示だけ消さなければ、ご自由にカスタマイズしていいですよ〜ん。




愛のワンクリックお願いします♪
　　　応援してね〜vv

【reefmoonテンプレ】　サンプル

三回目に作ったテンプレが、この【reefmoonテンプレ】です♪

これのベースは【fish】テンプレなので、ほとんど根幹には触っておりません（笑）
だからかなり楽でしたの。

熱帯魚テンプレの時 photoimpact (画像作成ソフト)を使い始めたのですが、使えば使うほど機能がわかって来て、すっごく面白くなって来たんですよ〜♪
で、色々素材作るのが楽しくて、いじりまくって作ったのがこの素材です。
ちなみにどれだけソフトに頼っているかと言うと、熱帯魚テンプレも、reefmoonテンプレも、実は何も絵を描いてません。


熱帯魚の時は、スタンプ機能とフィルターを大いに活用して♪
葉月の時は、デフォルトの●とか葉っぱの図形を加工しまくってやってます。
立体感出すのも、色替えるのも、表面加工するのも、photoimpact にかかればちょちょいのちょいですよvv

嬉々として素材作ってる私の姿を見て、彼が一言「素材屋さんでも始めるの？」と。


まぁそれでもいいんだけどね。
さすがにそこまで手を出せるほど、器用でもありません。
素材やりだしたら、きっとテンプレ作れなくなりそうだし。^^;


一応この時のテーマが、月と葉っぱをモチーフに、緑ベースでって事でした。
高級感を出す為に、素材をメタリックにしてみたのです。
まだまだ手探り感満載でした。




愛のワンクリックお願いします♪
　　　応援してね〜vv

【fishテンプレ】　サンプル

二回目に作ったのがこの熱帯魚テンプレです♪
これはある意味、とっても冒険してみました。
前回の向日葵は、公式テンプレをカスタマイズしたものだったのですが、これの場合はほとんどオリジナル。

テーブル枠組むところから始めて、画像作って、色替えて、文字サイズ変えて、修正して…って、ほんと色々やりました。
おかげさまで大好評を頂きまして、しばらくはダウンロード数１位だったんですよ♪


人気があったおかげか、色々とトラブルも。

配布先のブログを見てみたら著作権表示消してあって、落ち込んで「もうテンプレなんか作らない」って言ってみたり(*￣m￣) ププッ
このテンプレをダウンロードした人が、画像だけ自分で作って、ほんの少し色替えて共有テンプレートに登録してみたり。
…ほんと厚顔な人っているもんですね〜。


今見ると、白い部分がいっぱいで目が痛いんですけど(笑)
夏場は強い日差しに慣れてるからそんなことないのかな？

これは比較的早くイメージが浮かびました。
画像作るのも早かったな〜。
いつもそうならいいのにね(笑)




愛のワンクリックお願いします♪
　　　応援してね〜vv

DTIブログでテンプレ作ってそろそろ三ヶ月くらいかな？
今まで作ったテンプレートを、こちらでも紹介してみようかなって思います♪


【himawariテンプレ】　サンプル

まずは一番最初の向日葵です♪
共有テンプレート機能が出来てすぐ作りました。
この頃は、DTIさんの公式テンプレも気に入ったのがなくて、絶対にカスタマイズしよう!! と思いました（笑）

全体にオレンジをイメージして、あっさり目に仕上げましたの。
背景の向日葵は固定されています。
横カレンダーとメニュー左の画像が苦労しましたね〜。

ネスケで表示すると全然ダメで、泣く泣く修正したことも…（笑）
この頃はまだテーブル使ってません。
色々突っ込み所満載ですが、もう直すの疲れたよ*o_ _)oバタッ


私のカスタマイズ第一歩は、ここから始まったのでした〜♪



愛のワンクリックお願いします♪
　　　応援してね〜vv