ライターさんに朗報!アマゾンギフトカード払いはじめました。

WordPressトラブル、不具合、エラーの解決方法一覧

何も触っていないのにサイトが壊れました!うっ動きません!

ポンコツくん

かんな

サイトが自然に壊れることはほぼあり得ないわ!あんたどこ触ったのよ!?
この記事を読んでわかること
  • WordPressで発生する不具合の対処方法
  • WordPressやプラグインのエラーの直し方

かんな

この一覧は随時追加していくわ

iconが表示されない!アイコンが四角担っている場合

サイドバーのTwitterアイコンが四角く表示されてしまう不具合・・これはFont Awesomeのhtmlタグを修正するのが一番簡単です。

原因

Font Awesomeバージョンアップに伴い<i class=””>html表記方法が変わったのが原因

fontawesome.com

New PrefixIcon StyleSVG + JS FilenameWeb Font Filename
fabFont Awesome Brandsbrands.jsfa-brands-400.*
fas or faFont Awesome Solidsolid.jsfa-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を入れよう

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA