Embedカードのリンクを別ウィンドウで開く(PCのみ。Embedカードのリンクを別ウィンドウで開く(PCのみ。Embedカードを貼っておきます。クリック(タップ)してみてください。Embedに関するPHPファイルの構成の記事です。Embedカードのベースファイル内を「window.top」や「top」で検索しました。リンクを開く指定がありました。jsファイル名が「wp-embed.js」らしいので、embed.php内を検索してみると、ありました。jsファイルのリンクを書き出すコードが。いうわけで、この「wp-embed.js」をオリジナルに差し替えればイケそうです。使えば別ウィンドウで開くはず。wp-embed-template.js(wp-embed-template.min.js)は、カード内のシェアボタンを押した時のダイアログ表示用のようです。iOSでは、ポップアップブロック機能がデフォルトでONの仕様だからだそうです。false)良いらしい...などの情報もあったのですが、そもそもスマホ・タブレットではスワイプで行ったり来たりしたほうが早いので、デフォルトのままにし、PCブラウザだけ、別ウィンドウで開く設定にすることにしました。PCブラウザでも「別ウィンドウで開く必要があるか」という問題がありますが。私はPCブラウザでは「今見ているページは確保して、参考ページは別タブで開きたい」です。ある程度進んでしまうと、元のページは「どれだっけ?」状態になります。別タブで開いていたほうが、横道に逸れてもすぐ元に戻れてラクなんです。そこで本ブログも、ほとんどの外部リンクは別ウィンドウ(別タブ)で開くようにしており、Embedカードも、そのようにしたいと思いました。スマホ・タブレットの場合は、別ウィンドウで開くと、かえって元に戻るのに時間がかかる。スワイプでささっと探せるので同ウィンドウで開いていたほうがラクです。PCブラウザかを判定して、条件分岐で動作を指定することにしました。ユーザーエージェントを判別して条件分岐させるオリジナルのjsファイルを作ります。ユーザーエージェント(ブラウザ)を判別するコードは、コチラからいただきました。JavaScriptで「スマホ・タブレットの場合」「それ以外の場合(PC)」を条件分岐をさせます。コピーして編集します。data.value;}このように書き換えただけ。}}このファイルはミニファイしておきました。ミニファイにはこちらのサイトが便利。jsを書き出すようにしました。テーマ内の「js」フォルダに置いています。これだけだと、オリジナルのjsに加えて、もとのデフォルトのjsも読み込まれています。デフォルトのjsを読みこませるコードがイキているからですね。書いたコードに、この↑デフォルトjsを読み込ませない1行を追加します。リンクが開くようになりました。jsファイルを読み込みます。これの5つのパラメータについてメモ。決められたハンドル名もあるので、今回のように単にオリジナルのjsに差し替えるだけなら、絶対かぶらない名前をつけます。$src(デフォルト値:false)ファイルのパスファイルを置いた場所を指定します。バージョン数と同じバージョン番号が勝手に追加されます。<head>要素の中にリンクが書き出されます。←この場合、テンプレートタグ「wp_head()」を使用して書き出します。</body>の前に書き出します。←この場合、テンプレートタグ「wp_footer()」で書き出すので、footer.phpに忘れずに「wp_footer()」を書いておく必要があります。<iframe>で表示され、このiframeは「sandbox属性」で、中のHTMLの機能の制限をしています。HTMLはスクリプトのみ有効。HTML内にフォームがあっても表示のみでデータを送ったりは不可。target属性は無効になります。*sandbox属性についてはコチラ↓をご覧ください。HTML部分のリンクには「target="_top"」の記述があるんだよね。無効になるものを記述するとは変ですね。してみたりしたんだよね最初。なんか悔しい)何か目的があってのことかもしれないけど。target属性をすべて削除しました。Embedカードを表示し、リンク先に飛んでいます。Embedカード(ブログカード)の「テンプレートの構成」や「HTML要素のクラス名」などを調べました。Embedカード(ブログカード)について調べたことをメモっています。Embed(埋め込み)機能が意外とオモシロイ。Embedカードで置けるそうなので、どんなカードが貼られるのか試してみました。jQuery、WordPressなど、Webデザイン関連をメモっていく覚え書きサイトです。Reserved.^。