###解決しました!今回の件の原因
AddToAnyShareButtonsとWP External Linksというプラグインが競合しておりました。
別環境にて一つずつプラグインを消して確かめるなど、やるべきことがもっとあったかも知れません。
回答依頼に対応して下さり原因究明に尽力して下さったmts10806さん
根本的(だからこそ気付きにくい点)に言及して下さったyukikpさん
そして、原因を特定して下さったmadone99さん
の御三方、本当にありがとうございました!!!
###前提・実現したいこと
現在WordPressを用いましてオウンドメディアを制作しています。
そこで、記事をシェアしてほしくてSNSにシェアするボタンを実装しようと思っています
###発生している問題・エラーメッセージ
「AddToAny Share Buttons」というプラグインを用いたのですが
このように、画像が表示されません。上からLINE/Twitter/Facebookのハズなのですが…
こういうのが欲しいです。
後述しますが、画像を読み込んでいるわけではなく
CSSでロゴを描画しているみたいです。(認識が違うかも)
###該当のソースコード
開発者ツールでの該当箇所のコード(Facebook部分)を載せさせていただきます。
ちゃんと表示されているテストページ(http://netanote.net/addtoany-share-buttons/ こちらを参考にさせていただきました。)
html
1<a class="a2a_button_facebook" href="/#facebook" title="Facebook" rel="nofollow" target="_blank"> 2<span class="a2a_svg a2a_s__default a2a_s_facebook" style="background-color: rgb(59, 89, 152);"> 3<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFF" d="M17.78 27.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99 2.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123 0-5.26 1.905-5.26 5.405v3.016h-3.53v4.09h3.53V27.5h4.223z"> 4</path> 5</svg> 6</span> 7<span class="a2a_label">Facebook</span> 8</a>
私のサイト
HTML
1<a class="a2a_button_facebook wpel-icon-right" href="/#facebook" title="Facebook" rel="nofollow" target="_blank" data-wpel-link="external"> 2<span class="wpel-icon wpel-image wpel-icon-19"></span> 3</a>
###試したこと
ヘッダー部分に問題があるのかと思いましてチェックしたところ
do_action('__before_header')
やらで行き詰ってしまいました…
###謝辞
問題解決にあたり、何か必要な情報などありましたら遠慮なくお申し付けください。随時追加させていただきます!
長文になりましたが、ここまで目を通していただき誠にありがとうございました。
何卒、お力添えをよろしくお願い申し上げます。
facebook.svgの内容
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFF" d="M17.78 27.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99 2.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123 0-5.26 1.905-5.26 5.405v3.016h-3.53v4.09h3.53V27.5h4.223z"/></svg>
回答2件
あなたの回答
tips
プレビュー