ブログをつくる
アクセスランキング
【NEW】
みんなの知恵袋 - 「Q&A BOX」
Reverb*log
« 前の記事へ
次の記事へ »
カスタマイズ
2007年07月04日
カスタマイズ：パーツ設置 ぱつぱつ！
おつかれさまですこんにちは！
ひさしぶりに自宅でFlashを使いました！
ブログパーツがとても気になっているのです。
最近サイドバーがものたりなく感じてきたのですが
せっかくだからブログパーツもつくっちゃえ！ということでちょっと試してみました。
今回つくったのはflashのアナログ時計です。
とは言え、今ほとんど表示されません。どうやらサーバをきちんと用意しないといかんらしいのだ。
時計が見られた方は非常に運が良いと思います！なにか贈りたい気分です！
環境が整ったら、フローティング系パーツとアバターとミニゲームをつくるぞー！
なにかおもしろいパーツがあったらぜひ一緒につくりましょー！
* * *
前置きが長くなってしまいましたが、
今日はパーツ設置方法についての説明をさせていただきます。
最初に、よくあるブログパーツのタイプについてなのですが、
---------------------------------------------------------------
1.｢<script～｣というようなコードのみで使用できるタイプ。
(必ず｢<script～｣という形ではありません。他の書式でもっと長いコードを使用することもあります。)
2.パーツを一度ダウンロードし、自分で任意のサーバにアップしたものを読み込ませるタイプ。
---------------------------------------------------------------
設置手順の面で言うと、この2つが多いかと思います。
今回は1.のタイプで説明させていただきます。
また、パーツの横幅がサイドバーより大きい場合はレイアウトが崩れます。。
これに関してはまた別の機会に改めてテンプレートカスタマイズ方法をご紹介します。
* * *
■パーツ設置方法(パーツの登録)
まず、使用したいブログパーツの配布元で、設置に必要なコードを探してください。
ブログパーツのサンプル付近や、設置方法説明ページなどにあるかと思います。
例)<script type="text/javascript" src="http://reverb.torablog.net/hoge.js"></script>
続いてトラブログ管理ページにログインし、【パーツ管理】ページ(図：矢印1)の『新規作成』ボタン(図：矢印2)を押します。
すると次のような画面になりますので、それぞれ記入をしてください。
種類
：任意でつけます。どんなブログパーツか書いておく部分です。
タイトル
(必須)：ブログパーツにわかりやく短い名前をつけてください。
説明
：任意でつけます。どんなブログパーツか詳細を書くことができます。
ソース
(必須)：ここに使用したいブログパーツの設置コードを入力します。
サンプルではタイトルに｢
パーツテスト
｣とつけました。
[小技]
コードを<div align="center">コード</div>という形で囲むと、サイドバーの中央寄せで表示されます。
[小技]
コードを<div align="center" style="margin:10px 0;">コード</div>という形で囲むと、中央寄せ+上下10px余白で表示されます。
※余談ですが、本来こういう形でalign="center"を使うのは正しくないのです。
ブラウザカバーもできませんが、特にそういう部分でこだわらない方のみご使用ください。
こだわりたい方がいたら語り合いましょう！webの今後について！熱く！
※余白をつけないと他のパーツとくっついてしまうかもしれません。
このあたりも公式に配布しているcss等を改良する必要がありますね。。すみません。
記入ができたら、『登録する』ボタン(フォーム下：緑色のボタン)を押し、次へ進みます。
すると、下の図の画面になります。
これで登録は完了しましたので、いよいよ設置にはいります！
* * *
■パーツ設置方法(パーツの設置)
管理ページ左ナビから【レイアウト変更設定】ページへ行きます。
下部『使用しないパーツ』の中から、先程登録したパーツをドラッグ＆ドロップで表示させたい位置へ移動します。
これを
↓
ドラッグ＆ドロップ
位置が決定したら『設定する』ボタン(ページ下部：緑色のボタン)を押すと次の画面に移動しますので
ページ下部の『更新する』ボタンを押します。
※私はよくこの作業を忘れて失敗するのです…。
さて、いよいよ最後の手順です。
そうです。いつものアレです。
バルス！！！
ではなくて、再構築！
今回も｢再構築する範囲：すべて｣を選択して実行してください。
以上でパーツの設置は完了です。
おつかれさまでした！
* * *
さて、今回も非常に長い記事になってしまい恐縮なのです。
最後までお付き合い頂き(途中を読みとばしてここを読んでくださっている方も)ありがとうございました！
もし上記の手順でうまく設置ができなかった場合、お手数ですがご連絡頂けますと幸いです。
今月はもうあんまりブログの更新ができないと思いますが、
ラピュタ崩壊の呪文を唱えてしまったせいかもしれません。
みなさま、くれぐれもお気をつけくださいませ。
ではまたそのうち！
トラックバック
こちらの記事へのトラックバックは下のURLをコピーして行ってください。
コメント
トラブロにswfデータをアップロードできるようにして欲しいですね。
現状ですと、自作のflashを使いたい場合、別でサーバを用意してそこから引っ張る形になるかと思いますが、トラブロ用のパーツはトラブロ内で持てればなぁと思います。
ブログのデザインの中にもswf使えたらなと思いますね。
制作の前川
2007/07/04 12:19
小技の「中央寄せ」使わせていただきました。ありがとうございます。
バイト君
2007/07/05 05:24
> 前川さん
確かにアップできるファイルが画像のみに限られているのは、もの足りないですね。
今後はトラブログのみでもいろいろな楽しみ方ができるように検討していきたいです。
コメントレスからで申しわけないのですが、
前川さんに頂いたテンプレートを早く公開したいです～。
こちらの都合で遅くなり、本当にすみません。
夏本番までには何としても公開させていただきます！！
> バイト君さん
ブログ拝見しました。小技を使って頂けてよかったです！
コメントの時間にびっくりですよー。午前5時ですよね？
問題は｢この時間まで起きてた｣のか｢この時間に起きた｣のか。。
気になります。
sue
2007/07/05 19:16
名前：
メールアドレス：
URL：
コメント：
sue
プロフィール
web*site（1）
カスタマイズ（3）
日記（5）
携帯変えました
07/22 22:34
ラケット新調*バドミ…
07/08 20:26
カスタマイズ：パーツ…
07/04 01:24
> Rさん写って…
sue 07/23 09:40
松本による携帯故障、…
star 07/23 01:10
今日はおつかれでした…
R 07/22 23:35
参考になりました☆
やみ 07/14 22:20
接戦の末、私が勝ちま…
寺村2.0ゴルフクラブ 07/10 00:31
管理者ページ
現状ですと、自作のflashを使いたい場合、別でサーバを用意してそこから引っ張る形になるかと思いますが、トラブロ用のパーツはトラブロ内で持てればなぁと思います。
ブログのデザインの中にもswf使えたらなと思いますね。
確かにアップできるファイルが画像のみに限られているのは、もの足りないですね。
今後はトラブログのみでもいろいろな楽しみ方ができるように検討していきたいです。
コメントレスからで申しわけないのですが、
前川さんに頂いたテンプレートを早く公開したいです～。
こちらの都合で遅くなり、本当にすみません。
夏本番までには何としても公開させていただきます！！
> バイト君さん
ブログ拝見しました。小技を使って頂けてよかったです！
コメントの時間にびっくりですよー。午前5時ですよね？
問題は｢この時間まで起きてた｣のか｢この時間に起きた｣のか。。
気になります。