Blog FF14

【FFブログ】WordPressにFF14ツールチップを導入してみた

投稿日:2018/04/04 更新日:

Hal 02何かのスイッチが入って更新頻度うp。はるです。

前回の記事でお気付きの方はいただろうか。FF14のツールチップを導入してみました。
今回は覚書という事で、WordPressでこのツールを導入する方法と、おまけでFF14ユーザーのブログが多いFC2での設定方法をお伝えできればと。

ツールチップって?

一般的にマウスカーソルを何かの項目に合わせた時に別枠がポップアップし、補足情報などを表示してくれるものになります。
FF14ツールチップはエオルゼアDBの情報(クエストやアイテムなど)を参照し、別枠で表示してくれます。

Tooltip 01
前回記事の例

設定前の準備

まずは設定するに当たり、公式のjavascriptをブログに組み込む必要がありますので、以下のリンクから取ってきましょう。

ファイナルファンタジーXIV ファンキット

ツールチップの利用方法についての1にあるjavascript(青いとこ全部)をコピーします。

というかここに書いてある方法でだいたい出来るはず・・

ブログに設定してみる

WordPressの場合

ダッシュボードの「外観」→「テーマの編集」を選択

スクリーンショット 2018 04 03 20 25 11
編集画面でテーマファイルから「テーマヘッダー」を選択
ファイル内の「body」タグの次の行にコピーした公式のjavascriptをペーストします。

スクリーンショット 2018 04 03 20 25 35

Tooltip03

FC2の場合

管理者ページで「設定」→「テンプレートの設定」を選択
「[テンプレート名]のHTML編集」で、「body」タグの下の行にコピーした公式のjavascriptをペーストします。

スクリーンショット 2018 04 03 20 48 08

Tooltip02

試してみる!

設定できたら実際に試してみましょう!
まずは紹介したいもの(クエでもアイテムでも)をエオルゼアDBで表示します。

エオルゼアDB

スクリーンショット 2018 04 03 21 00 35

表示されたらページの下の方に行くと「ファンキット「ツールチップ」コード表示」とあるので、そこのコピーボタンをクリック

スクリーンショット 2018 04 03 21 00 55

あとはブログに戻り、記事内にコピーしたコードを貼り付けるだけです。
正しく設定できていれば↓のような感じに
ウェザード・フェイルノート

以上です!
ブログでなんかかっこよく紹介したいなぁな時にいいかもですよ!

ちなみにDBにある「埋め込みコード表示」で表示されるコードは、ロドストの日記に貼り付ける時に使えるっぽいです。

ぜひ、使ってみてください。

でわでわ。

-Blog, FF14

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


*

関連記事

【FF日記】みんな攻略手帳さんを忘れてやしないか?【参考になるかもシリーズ】

いつの間にかまた謎のシリーズが始まりました。はるです。 ルレは毎日やってても、気にしてやってる人をあまり見かけない存在。 そう、攻略手帳さん! はるさんは初期ジョブである吟遊詩人を上げる時にだいぶお世 …

no image

サボったサボった

最後の投稿は2月ですか。 こんばんは、はるです。 あり得ないくらい投稿をサボりまくったので、そろそろちゃんと書こうかなとか思い始めて久々に文字だけですが投稿をば。 サイトの更新をして満足して仕事忙しく …

【FF日記】はるさん的レベル上げ(戦闘職)【参考になるかもシリーズ】

ようやく5ジョブ目(忍者)がカンストしました。はるです。 初期ジョブでメインの吟遊詩人がカンストしたのが11月初旬なので、そこから半年で4ジョブ上げた感じでございます。 【FF日記】とりあえずのカンス …

【FF日記】ネトゲでも白金は大人気なようです

シロガネーゼとか最近聞かなくなりましたね、はるです。 ほんとは今日仕事中に5時間練った渾身のネタを書こうと思ってましたが、、 激しくスベりそうなのでやめておく!! まなささとまーさんがシロガネで戸建て …

【FF日記】FCイベントで1位取ってしまったのでボツネタとかを公開してみる

まなさん、、、サーセンwww はるです。 まさかの事態ですよ!ほんと想定外! この度、しぜさん主催のFCイベント「秋を感じる1枚」が開催されたワケですが、まさかまさかのはるさん1位という結果に。。 ほ …

2021年1月
 12
3456789
10111213141516
17181920212223
24252627282930
31