FC2 Blogのリンクツリー化 - メルマガアフィリエイトで起業を支援【魔法の情報ビジネス成功術】

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-----------------------------------------------------------
↓ ランキングに参加中です^^ ワンクリックお願いします♪ ↓
     
-----------------------------------------------------------

FC2 Blogのリンクツリー化

FC2 Blogのリンクツリー化、カテゴリツリー化のカスタマイズ方法
このブログの右→にあるのカテゴリとリンクはツリーになっている。
これ、とっても便利。見た目もカッコいいし。

これはFC2 ブログ内で配布しているプラグインで設定したんだけど、
ツリー状までの導入完了まで簡単にできなかったり、トラブルで困っていて、
ちょっとてこずったので解説手順メモを残しておく。



■プラグインの置き場所
FC2 BLOG管理画面 → プラグインの設定 → 共有プラグイン追加へ。
作者を dummytop で検索するとリンクツリーとカテゴリツリーが数個検索される。

「直感カテゴリーツリーV2」と「直感リンクツリーV1.3」 を今回使う。
それぞれダウンロードしてプラグインへ追加しておく。


■ ツリー設定方法
そもそもリンクは親子関係を持っていない。
(カテゴリは標準で子チェックボックスがあるので親子関係は結べるが、ここでは使わない)
(なお、すでに子チェックボックスがOnOff入っていても影響はないのでそのままでよい)

なのでプラグインダウンロード後、親子の設定をしなければならない。
両プラグインでは次の「直感設定」または「HTML設定」の2種類の方法が選べるので、
どちらか好みの設定を選んでください。


★★その1 「直感設定」
FC2 BLOG管理画面 → "カテゴリの編集"または"リンクの設定"にて設定する。
親子関連付け手順はオフィシャルページにて。
http://dummytop.blog114.fc2.com/blog-entry-42.html


★★ その2「HTML設定」
FC2 BLOG管理画面 → プラグインの設定 → 直感カテゴリーツリーV2プラグインの"詳細"リンク → 【HTMLの編集】を行います。(上級者向け)
でHTML表示します。
(ただし「直感リンクツリーV1.3」ではこちらの設定はできないようです)
親子関連付け手順はオフィシャルページにて。
http://dummytop.blog114.fc2.com/blog-entry-73.html


■ カテゴリツリー、リンクツリーを同時に使うときの注意点
(どちらか一方だけ使う場合は以下の手順は不要です)

この両プラグインを同時に使うときは次の設定が必要です。
これを行わないとリンク側のツリーを開閉したらカテゴリ側のツリーが開閉したり、
またその逆の現象がおきます。

これは両プラグインで同じスタイルシートやJavaScriptを宣言(設定)しているためです。
なので重複しているHTMLのどちらかを削除します。

ここではリンクツリー側のHTMLを直します。
FC2 BLOG管理画面 → テンプレートの設定 → 直感リンクツリーV1.3プラグインの"詳細"リンク → 【HTMLの編集】を行います。(上級者向け)
でHTML表示します。

HTML中段あたりに下記記述があります。


<link rel="stylesheet" type="text/css" href="http://blog-imgs-41.fc2.com/d/u/m/dummytop/treeview.css">
<script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/yahoo/yahoo-min.js"> </script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/dom/dom-min.js"> </script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/event/event-min.js"> </script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/treeview/treeview-min.js"> </script>


この部分を削除し保存します。
これで、ツリー開閉の不具合が解消されました。


■ もう少しこだわる方へ(この手順は読み飛ばしてもOKです)
現状ツリー化の設定ファイル、ツリーの+-ボタンの画像はオフィシャルサイトを参照しています。

オフィシャルサイトでは参照先のサーバがダウンするとツリーがうまく表示されないので、
それぞれのブログにアップロードしファイル参照先の変更をすすめています。
その設定方法を説明します。

1.下記オフィシャルサイトの【その他補足】③に進みます
http://dummytop.blog114.fc2.com/blog-entry-73.html

2. 「スタイルシート」「アイコン画像」 の2つのリンクがあります。

3.それぞれダウンロードするのでリンク上で右クリック→対象をファイルに保存 でダウンロードします。

4.treeview.cssとtreeview-sprite.gifがダウンロードされます。

5. この2つを自分のブログにアップロードします。
(いつものように写真をアップロードする要領)

6.アップロードした treeview.cssのURLを取得します。
FC2 BLOG管理画面 → ファイルのアップロード を開きます。
treeview.css のサムネイル画像の所が「表示」になっているので
このリンク上で右クリック → ショートカットのコピー

7.treeview.css の参照URLを変更します。
FC2 BLOG管理画面 → プラグインの設定 → 直感カテゴリーツリーV2プラグインの"詳細"リンク → 【HTMLの編集】を行います。(上級者向け)
でHTML表示します。

中段に下記記述があるので、赤文字部分をさきほどコピーしたURLに置き換えます。
<link rel="stylesheet" type="text/css" href="http://blog-imgs-41.fc2.com/d/u/m/dummytop/treeview.css">


以上で解説終了です。
FC2ブログを使っている方はおすすめプラグインです。
-----------------------------------------------------------
↓ ランキングに参加中です^^ ワンクリックお願いします♪ ↓
     
-----------------------------------------------------------

コメント
非公開コメント

トラックバック

http://noncoro.blog83.fc2.com/tb.php/356-049c39be

成分別サプリメント
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。