何かのスイッチが入って更新頻度うp。はるです。
前回の記事でお気付きの方はいただろうか。FF14のツールチップを導入してみました。
今回は覚書という事で、WordPressでこのツールを導入する方法と、おまけでFF14ユーザーのブログが多いFC2での設定方法をお伝えできればと。
ツールチップって?
一般的にマウスカーソルを何かの項目に合わせた時に別枠がポップアップし、補足情報などを表示してくれるものになります。
FF14ツールチップはエオルゼアDBの情報(クエストやアイテムなど)を参照し、別枠で表示してくれます。
前回記事の例
設定前の準備
まずは設定するに当たり、公式のjavascriptをブログに組み込む必要がありますので、以下のリンクから取ってきましょう。
ツールチップの利用方法についての1にあるjavascript(青いとこ全部)をコピーします。
というかここに書いてある方法でだいたい出来るはず・・
ブログに設定してみる
WordPressの場合
ダッシュボードの「外観」→「テーマの編集」を選択
編集画面でテーマファイルから「テーマヘッダー」を選択
ファイル内の「body」タグの次の行にコピーした公式のjavascriptをペーストします。
FC2の場合
管理者ページで「設定」→「テンプレートの設定」を選択
「[テンプレート名]のHTML編集」で、「body」タグの下の行にコピーした公式のjavascriptをペーストします。
試してみる!
設定できたら実際に試してみましょう!
まずは紹介したいもの(クエでもアイテムでも)をエオルゼアDBで表示します。
表示されたらページの下の方に行くと「ファンキット「ツールチップ」コード表示」とあるので、そこのコピーボタンをクリック
あとはブログに戻り、記事内にコピーしたコードを貼り付けるだけです。
正しく設定できていれば↓のような感じに
ウェザード・フェイルノート
以上です!
ブログでなんかかっこよく紹介したいなぁな時にいいかもですよ!
ちなみにDBにある「埋め込みコード表示」で表示されるコードは、ロドストの日記に貼り付ける時に使えるっぽいです。
ぜひ、使ってみてください。
でわでわ。