Q&A
http://yuru-i.net/addtoany-share-buttons%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/ を見る限り設定だけで良さそうですが、設定画面の提示は可能ですか？
###解決しました！今回の件の原因
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>
追加させていただきました。興味を持って下さりありがとうございます！
画像が表示されていない ＝指定箇所に画像がない（指定が間違っている）or壊れている と思われますが、ブラウザの開発ツールなどで関係しそうなエラーは出ていますか？
エラーは一つも御座いません。つい先日までhttps化にしたのにフォントデータがhttpでセキュリティの警告がツールに表示されていたくらいです（対応しました
SNS連携の機能自体は正常に動作しますか？
今試したところＴｗｉｔｔｅｒでの投稿まで確認出来ました！本当にロゴがないだけという感じです。
回答2件
0
ベストアンサー
シェアボタンのSVGはプラグイン内のiconsディレクトリにあるのですが、データは存在していますか？
投稿2017/06/29 04:24
総合スコア1855
存在していました。
一応最下部にfacebook.svgの内容を追記します。
プラグインのWP External Links を停止してみたら、表示はどうでしょうか？
わわああ！！！！なりました！！！！！！！
ありがとうございます！！！
ExternalLinksを停止したことによる弊害などはまた検討するとして
この質問はクローズさせていただきます。
この度はありがとうございました！本文中に書かせていただきます。
良かったです。仰る通り次は代替方法ですね〜。
0
wp_head(); wp_footer();は、テンプレート内に（それぞれに求められる一に）記載されていますでしょうか。
投稿2017/06/29 04:14
総合スコア797
記載されている…と思います。
シェアボタン群の囲い部分は表示されております！
ただロゴが読み込めない（背景色＋マークでの描画？）というだけなのかなと。
chromeのデベロッパーツールで見たときに、読み込みエラーやJavaScriptエラーなどは起こっていませんか？
発生しておりません。
文章中に記述しております通り、そもそもの時点で読み込むべきコードがないという認識です。
httpsなのにソースがhttpだから読み込めません！等のエラーではないのかなと。
丁寧に質問して下さりありがとうございます。お手数おかけしております。
AddToAny Share Buttonsを見る限り、
PHPで、
<a class="a2a_button_facebook" href="hogehoge" title="Hatena" rel="nofollow" target="_blank"></a>
というhtmlタグを出力し、このタグの中にJavaScriptで
<span class="a2a_svg a2a_s__default a2a_s_facebook" style="background-color: rgb(59, 89, 152);">
<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">
</path>
</svg>
</span>
<span class="a2a_label">Facebook</span>
を入れているように見えます。
もしかしたら、他のプラグインが邪魔をしているかもしれないので、一度、このプラグイン以外をすべて停止させて、うまく表示されるようでしたら、一つずつ有効化させてみてください。
無事原因となるプラグインを特定、表示されるようになりました！
プラグインの競合という話、聞いてはいたものの初めて体験したので
あんまりプラグイン入れてないし大丈夫だろうという甘えによるミスだったと痛感しております。
貴重なお時間を割いて下さり本当にありがとうございます。
以降問題点の洗い出しはyukikpさんのアドバイスに従い、プラグインも注目してみたいと思います！
あなたの回答
tips
プレビュー
