SNSボタンが□になってしまう(WordPress)
テーマを「Simplicity (1.3.0)」に変更したら、TwitterやFacebookなどのフォローボタンが□になってしまったので、対処方法を共有します。
WordPressの設定で、「Wordpressアドレス(URL)」と「サイトアドレス(URL)」を変えていると同様の事象が発生するので、参考にしてみてください。
①. フォローボタンの他にアイコンも□になっている
②. (Chromeの場合)□の一つを右クリック→「要素の検証」をクリック
③. 「Console」をクリック、「Cross-Origin Resource Sharing policy」のためロードがブロックされていることを見つける
④. WordPressの設定で、「Wordpressアドレス(URL)」と「サイトアドレス(URL)」を変えているのが原因
⑤. 「Cross-Origin Resource Sharing policy wordpress」で検索すると以下のサイトを見つける
https://wordpress.org/support/topic/social-media-icons-not-showing-in-ff-and-chrome
⑥. 対処方法が書かれたリンク先を見ると「.htaccess」に以下を追加する方法が見つかる
1 2 3 4 5 6 |
## Fix Simple Social Icons for Firefox ## <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> |
⑦. 「.htaccess」に上記を追加すると正常にフォローボタンが表示されるようになった