Forums
Home / Theme: Chocolat / アイコンが表示されません(文字化けしている?)
(@marikopart2)
10 years, 2 months ago
こんにちは。 「chocolat」とても素敵なテーマですね。 2つのサイトで使用させていただいております。 ありがとうございます。 そのうちの1つのサイトで、アイコンの表示がおかしくなって、困っております。 トップのRSS等のボタンやサイドバーのタイトルの左に出るはずの王冠のマーク、パンくずリストの左端の家のアイコンなど、全部アルファベットが表示されてしまいます。 2度ほどテーマを削除し、再度ダウンロードしてみましたが、同じ現象が出ます。 ご指導をよろしくお願いします。
(@mignonstyle)
10 years, 1 month ago
こんにちは。 「Chocolat」を使っていただいてありがとうございます。
2つのサイトでChocolatを使用されているとのことですが、もう1つのサイトではアイコンはきちんと表示されていますか?
表示されているなら、2つのサイトの違い(お使いの環境やブラウザ、バージョンなど)になにか違いはないか確認してみてください。
アルファベットは、「”a”はこのアイコンを使用しますよ」という指定のための文字なので、フォントのデータがきちんと読み込まれていないようです。 ブラウザをスーパーリロードするなどしてみてください。
お返事ありがとうございます。
もう1つのサイトではちゃんと表示されています。 おっしゃるように2つのサイトで違いがないか、ずいぶん比べてみました。 どちらも頼まれて作成したサイトです。 別々のレンタルサーバで、違うサイトなんですが、どちらもわたしが管理しております。 使用しているサーバはどちらも「さくらインターネット」で、使用しているプラグインも同じものを入れてあります。 Wordpressのバージョン(4.1)も同じです。
パソコンもWindows Vista 7 8.1と全部のOSで、ブラウザもいろいろ変えてみましたが、どの場合も同じ表示になりました。 https://www.kita-shoes.com/
サイト拝見しました。 クロスドメインのエラーが出ているので、これが原因かと思われます。
さくらのサーバーをお使いとの事なので、 ?さくらのサーバーだとIE9以降でwebfontが文字化けする https://qiita.com/ikedahidenori/items/a33236a40986cd22f37d を参考にして下さい。
参考のサイトをありがとうございます。
ただ、もう一つのサイトもさくらのサーバーなんです。 そちらはきちんと表示できているのです。
リンクしていただいたサイトからたどって、 https://q.hatena.ne.jp/1139320383 を読んでいた時、はっと思いました。
>.htaccessは /home/ID/www/○○○ に置いてください
もしや、これかなと思いました。 ちゃんと表示されてる方のサイトはマルチサイトにしています。 したがって「.htaccess」はルート直下にあります。 うまく表示されないほうは、さくらの簡単インストールを使用したので、ルート直下にはありません。 もしやそれが原因でしょうか?
すみませんが、テーマの問題でなくサーバーの問題となりますと さくらのサーバーの事は私はあまり詳しくないので、 日本語フォーラムでトピを立てて頂いたほうが 他の方から回答が得られるかと思います。 よろしくお願いします。
ありがとうございました。参考のサイトをリンクしていただいたおかげで、方向性がみえたかもしれません。時間がなくてなかなか対応しておりませんが、お礼を申し上げます。
お役に立てず申し訳ありません。
さくらのサーバーでも、バージョン(サーバーの取得時期)によって違うようで、 新しいサーバーだと問題ないようです。
.htaccess で対応する以外の方法として、フォントデータをCDN参照にする方法があります。 ただ、それでちゃんと読み込まれるようになるか、こちらでは確認できないので、marikopart2さんに実際に試していただくことになりますが…。
CDN参照について、わからないことなどありましたらまたご質問ください。
10 years ago
こんにちは。 その後の経過についてお知らせしておきます。 結局、Wordpress自体を再インストール致しました。 データベースも新しいものに変え、Wordpressのインストール先もルートに直接入れました。(バックアップとって、またおかしくなったら困るので、新たに構築することに???泣) その後、chocolatの最新版をインストール、子テーマもダウンロードさせていただきました。 どきどきしながら確認しましたが、無事に表示していました! Wordpress本体に何か不具合があったか、または独自フォルダにインストールすると表示できないのか、そのどちらかだと思います。 お騒がせいたしました。 いろいろありがとうございます。 バージョンアップでどんどんよくなっていますね。 これからもよろしくお願いします。
わざわざご報告ありがとうございます。 WordPressの再インストールで表示できたとの事で良かったです。 (構築お疲れさまです???!)
アイコンが表示されなかった原因は、WordPress本体の不具合か、 独自フォルダへのインストールとの事で原因が特定できませんが、 フォントデータをCDN参照にするなど、テーマのほうで対応できそうなことは バージョンアップで対応していけたらと思います。
これからもよろしくお願いします。 ご連絡ありがとうございました ??