13時00分また備忘録。タイトル通りのことをクライアントさんに要望されまして。調べた結果、PDFへの直接リンクにはjQueryとcssの属性セレクタを使い、外部リンクへはプラグインとCSSを使い実装出来たので、備忘録として残しておきます。target="_blank"を付ける$("a[href*='.pdf']").attr("target","_blank");});</script>上記の記述をhead内にコピペ。href内に.pdfと言う文字列があった場合、target_”blank”を付ける」って感じ。right;}a[href$=’.pdf’]で、hrefの末尾が.pdfで終わるリンクにスタイルを反映させます。そのスタイルでbackgroundにpdfアイコンを指定し、ポジションrightで右端に貼り付け、paddingで位置を調整します。これで、pdfへのリンク右端にアイコンを付けることが出来ました。画像リンクにもアイコンが付いちゃうの...この方法だと、hrefの末尾が.pdfだった場合全てにアイコンを付けてしまうので、pdfへリンクを張っている画像にもアイコンが付いちゃうんです。なるとデザイン的に非常によろしくない。なんとか画像リンクをアイコンを付ける対象から外したいんだけど、この方法がまだ良く分かっていません。!important;としたcssを画像リンクに付ければアイコンは消えるけど、その手間を省きたいから自動化したいんだもんね。なんとかなんねーべか?知ってる人いたら教えて下さいな。続いて外部サイトへのリンクにアイコンを付ける方法です。これを実現する為には、外部リンクにtarget=”_blank”がついてる事が絶対条件なんですが、今まで張った外部リンクにtarget=”_blank”を追加するのは面倒すぎます。Links」は自動的にtarget=”_blank”を付けるだけではなく、プラグインに付属しているアイコンの中から好きなのを選んで付けることも可能なんです。アイコンにコダワリが無いのであれば、このプラグインで完結出来ちゃいます。Links」の設定方法まずは、外部リンクをどう処理するかの設定。(_blank)」にチェックを入れます。続いて使用するアイコンの設定をします。プラグインに初めから入っているアイコンで良いのならば、お好みのアイコンにチェック入れます。これでテキスト外部リンクの右端にアイコンが自動的に付くようになりました。link」と言う項目の「No」にチェック入れます。「No」を選択すると、target=”_blank”は付くけれどアイコンは付かない状態となります。後はPDF直リンにアイコンを付けた方法と同じく、CSSの属性セレクタを使ってアイコンを付けます。Links」で外部リンクにtarget=”_blank”を付けるとdata-wpel-target=”_blank”と言った記述になるようです。CSSにはtarget=”_blank”では無く、data-wpel-target=”_blank”と書きましょう。どっちも無ければ無いで困らない物ではありますが、あればユーザビリティが向上するのは間違いなので、付けるに越したことないと思います。