昨日のにっきで、ちょいと苦戦したのがファンツールキットの埋め込みでした。

公式サイトさんのファンキットでツールチップというのが公開されていて、エオルゼアデーターベースの情報をブログ等にちょっとかっこよく表示することができるのです。

こういうの。

リンクにマウスカーソルを持っていくと、こういうのがぴょこっと出てくるのです。JavaScriptを使うので、私みたいに普段ブラウザのスクリプト切ったりしてる人には向かないですが、アイテム名をテキストだけで表示するよりわかりやすいですよねー。

スクリプトを使うのでJavaScriptを埋め込まねばならないのですが、知識がさっぱり…。ブログを書くのにWordPressというのを使っているのですが、どうすればいいのーっ。

検索してみると、正当な方法としては、JavaScriptを記載したファイルを作って関数を使って読み込ませるとかなんとか。

どっかーん(頭だいばくはつ)

もっと簡単にできないのかなーと調べると、ありました。直接書けばいいという、とても簡単な方法が！

バージョンで違いがあるかもしれませんが、ブロック追加で「カスタムHTML」を選んで、直接コードを書くだけ！

<div><script src="https://img.finalfantasyxiv.com/lds/pc/global/js/eorzeadb/loader.js?v2"></script></div><a href="https://jp.finalfantasyxiv.com/lodestone/playguide/db/item/d223ffabc6e/" class="eorzeadb_link">アーティザンエプロン</a>

で、実際のリンクがこちら↓

アーティザンエプロン

スクリプトがきちんと実行されれば、マウスオーバーで説明が出てくるはず。一応、PCにインストールしてあるWindowsのブラウザ(Firefox、Opera、Vivaldi、Chrome、Edge)で一通り動作確認したので、大丈夫だと思うのですが…。

簡単なことだったけれどなんかめっちゃ苦労しました…。クエストやアイテムの説明のときにはわかりやすいので、これからちょこちょこ活用していこうっと。

スマホだとどうなるのかと思ったけど、一応ぴょっこり出てくるみたいですねー。感動…。スマホの方はFirefoxとVivaldiで確認しました。ちなみにVivaldiは広告カットに優れているので、個人的にはおすすめです。

うちの冒険者小隊の執事さんが盾を背負って運動してました、なんかシュール…。

今日も宝の地図G11でトレジャーハント！ぱっかーん。

極細グラスファイバー
心力の幻水G1×2
アイスクリスタル×115
ディープゴールドナゲット
ストーンゴールドエンチャントインク

今日は地味な中身でした…。こんな日もあるよネ。

ジョブ専用武器のメイジャンの試練(課題)も進めました。なんかこの人ツボ。