何も触っていないのにサイトが壊れました！うっ動きません！
ポンコツくん
かんな
サイトが自然に壊れることはほぼあり得ないわ！あんたどこ触ったのよ！？
この記事を読んでわかること
- WordPressで発生する不具合の対処方法
- WordPressやプラグインのエラーの直し方
かんな
この一覧は随時追加していくわ
iconが表示されない！アイコンが四角担っている場合
サイドバーのTwitterアイコンが四角く表示されてしまう不具合・・これはFont Awesomeのhtmlタグを修正するのが一番簡単です。
| New Prefix | Icon Style | SVG + JS Filename | Web Font Filename |
|---|---|---|---|
fab |
Font Awesome Brands | brands.js |
fa-brands-400.* |
fas or fa |
Font Awesome Solid | solid.js |
fa-solid-900.* |
一番簡単な直し方、コードを修正する
今回はTwitterアイコンを例に修正しています。
修正前
<i class=”fa fa-twitter”></i>修正後
<i class=”fab fa-twitter”></i>fa→fabに変えるだけで直ります。
複数のアイコンが表示されない場合は.htaccessを変更する
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|otf|eot|woff)$”>
Header set Access-Control-Allow-Origin “ashigal.com”
</FilesMatch>
</IfModule>
ashigal.comの部分には自分のサイトのURLを入れよう
