今日契約した新しいサーバー、ロリポップでアイコンが表示されない。WAFの除外ルールが設定できない。

Simplicityの特徴 フォーラム Simplicityについての質問 今日契約した新しいサーバー、ロリポップでアイコンが表示されない。WAFの除外ルールが設定できない。

  • このトピックには7件の返信、2人の参加者があり、最後にHidekichiにより10年、 8ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #29030
      ayagon
      ゲスト

      パソコン用テキストウィジェットとモバイル用テキストウィジェットが使えない件
      で、すでに解決された?問題ですが、これを見てもわからなかったので、質問させてください。

      さくらサーバーなどの一部古い環境で、Simplicityソーシャルボタンのウェブアイコンフォントが表示されない問題の対処方法も読んだのですが、

      サーバーは、(まだ無料お試し期間ですが)本日ロリポップと契約した新しいものです。

      WAFの除外設定でイケるとの回答だったので、試そうと思ったのですが、除外ルールが作れません。
      こちらのページを参考に
      WAFをONしてると403エラー 除外ルールを設定してみよう
      設定しようと思ったのですが、403エラーが起きていればサーバーのWAF検知ログにシグネチャが残るようですが、アイコンが表示されないだけのためか、検知ログでは何も検知されておらず、除外ルールを作成できませんでした。

      アイコンが表示されないページのコンソール画面のエラー表示は以下です。
      doitsugo-gakusyu.info/:1 Font from origin ‘http://ayagon.hippy.jp’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://doitsugo-gakusyu.info’ is therefore not allowed access.

      http://doitsugo-gakusyu.info/favicon.ico Failed to load resource: the server responded with a status of 500 (Internal Server Error)

      やはり、WAF設定そのものを無効にするしかないでしょうか。
      ちなみに、30分ほど前に無効にしたものの、アイコン表示されない状態です。
      ロリポップには「設定変更後、反映に5~10分ほど時間を要します。」と書いてあるのですが、、、

      知識があまりなく、エラー表示の意味もよくわからないので、何か手がかりがあれば教えて下さい。

    • #29135
      がちょぴん
      ゲスト

      ayagonさん

      こちらのブラウザではアイコン表示されてますよ?
      使用ブラウザ:Google Chrome 64bit(最新版)

    • #29136
      アバター画像わいひら
      キーマスター

      僕はロリポップサーバを利用していないので、WAFの設定に関して詳しいことはわかりません。
      詳細は、サーバーに聞いていただくしかないかもしれません。

      以下は、参考になるかはわかりませんが、さくらサーバーで同様の不具合が起こったときに解決なされた方法が紹介されているトピックです。
      Font Awesomeアイコンが表示されません
      さくらの方法なのでうまくいくかはわかりませんが。

      個人的には、お試し期間中ならロリポップに特別なこだわりがない限りは、別サーバーにしたほうがいいかもしれません。(さくらもあまりおすすめではないです。ただ、問題なく運営されている方も多いので、サーバーの何が問題なのかいまいちわかっていません。)

    • #29138
      Hidekichi
      ゲスト

      そのエラーはクロスドメインじゃないですかね?
      自分のサーバーにアイコンをアップロードすれば直るのでは?
      それか相手のサーバーに許可しまっせーって何かしらの設定で表示できると思うんですが、アイコンはどこに置いてあって、どこから読もうという感じなんですかね?

      ‘Access-Control-Allow-Origin’ header is present on the requested resource.
      これがもうひとつの方法ですかね。

      Origin ‘http://doitsugo-gakusyu.info’ is therefore not allowed access.
      ほらアクセスは許可されていませんってあるので、アクセスを許可すればよいのですが、ロリポの方にそのアイコン(ウェブアイコンフォント)はあるんですかね?あるいは、CDNとかで読んでいるとか状況がイマイチわかりかねます。

      403はForbiddenで、閲覧禁止つまりはアクセスさせませんよって感じなので、パーミッションの設定とか、まさにWAFの除外でイケルはずなんですが「何がどうなっている」状況がなんともアレなので、ロリポのサポートで言うのがいいんじゃないかなぁと思ったりもします。
      安くても有料サーバーですからサポートぐらいはしてくれるはず(笑)

      一度、除外ルールというより、WAF切ってしまって表示できるかどうか見てみたりして、そのアイコンの仕入元はどこなのかを調べてから除外ルールを作ってみてはどうでしょうか?

      ちなみにファビコンは、カスタマイザーからアップロードできるはず。そしたらSimplicityからwordpressのuploadフォルダあたりに入ると思うので、サムネイルとかが表示できるならファビコンも表示できると思うんです。
      あとはキャッシュとかの削除ですかね。

    • #29145
      ayagon
      ゲスト

      みなさま、こんなに早く回答いただきありがとうございます。

      がちょぴんさん
      私も、ブラウザはchrome最新版を使用しています。
      ロリポップドメインの http://ayagon.hippy.jp/doitsu/ では、表示されていますが、
      独自ドメインの方の http://doitsugo-gakusyu.info/ がバッテン表示になってしまうのです。

      Hidekichiさん
      すみません。知識不足でアイコンがどこにありどこから読ませてるということが、さっぱりわかりません。
      WAFを無効にしてだいぶ時間は経ったのですが、表示はされないままで解決していません。
      サポートに問い合わせることも検討してみます。

      わいひらさん
      教えていただいたリンクを参考に、いじってみます。
      また進展がありましたら報告いたします。

    • #29150
      Hidekichi
      ゲスト

      僕が想像するに、元々 http://ayagon.hippy.jp/doitsu/ で設定したWordpress、Simplicity等をFTPなどでローカルにダウンロードなどしてhttp://doitsugo-gakusyu.info/にwp-contentあたりをコピー(アップロード)したというわけではありませんか?
      スクリプトの呼び出し元やらがhttp://ayagon.hippy.jp/doitsu/になっており、このサーバーがクロスドメインを禁止してるサーバーであればそれらが呼び出されないのは正常な動作です。

      つまり状況としては、ドメインはhttp://doitsugo-gakusyu.info/になっていてロリポで動かしているけれども、中身はhttp://ayagon.hippy.jp/doitsu/が動作していると言う感じです。
      wordpressのダッシュボード→設定→一般から、ロリポのWordpressの設定等を参考にして、WordPress アドレス (URL)とサイトアドレス (URL)を正しく入れて、サイトのそれぞれのリンクのアドレスが正しいかを確認して下さい。

      例えば、http://doitsugo-gakusyu.info/ のタイトルにマウスオーバーすると現在はhttp://ayagon.hippy.jp/doitsu/がリンクされています。これは正常ではありません。何かしらのリンクをクリックするとすべてhttp://ayagon.hippy.jp/doitsu/のそのリンク先に飛ばされてしまいます。
      自然とフィッシングサイト(笑)みたいな感じになってるので、アドレスを正しく直せばSimplicityの機能も正常に動作するだろうと思います。

      まだ何も記事が無いようなので、手っ取り早いのは再度wordpressをインストールすることです。
      何かしら手を加えたりしてるかもしれない子テーマのstyle.cssなどは、http://ayagon.hippy.jp/doitsu/にあるでしょうし(子テーマを利用していればですけれども)、それはいつでも入手できるでしょう。まぁカスタマイズしていないなら特に保存しておく必要もありません。

      あらかじめよく調べてからですが、ロリポはphpMyAdminが利用できたと思うので、データベースを削除してあるいはロリポのコンパネから削除したりもできたかな?をしてデータベースも初期化しておきます。データベースが無くなったら、もちろん新しく作らないとダメですけれども。

      次に、wp-configを削除(あるいはリネーム。リネームのが良いかも知れません)します。これはsampleが手元にあると思うので再度設定(http://doitsugo-gakusyu.info/用の設定にして新しいデータベース、パスワード等を設定して)・アップロードです。
      その後、wordpressを再インストールします。これはダッシュボードから更新で、再インストールが可能です。

      wordpressのurlやサイトのアドレスなどは正しく設定されているようであればwp-configの再設定で直るかも知れませんが、何かしら不具合が出るかも知れないので1から入れ直すのがオススメです。

      wordpressの引っ越しは、元のサイトのwp-contentをローカルに保存しておくのは間違っていませんけれども、基本はftpでそのままアップロードではなく、記事を元のサイトからエクスポートして、新しいサイトでインポートします。そうしないと、新しいサイトのコンテンツは古いサイトの情報を読みに行くので、こういう感じになってしまうことがあります。
      結局インポートしても記事中のアドレスやらはまた直さないといけないんですが、そのあたりはプラグインで色々と置換したりすることもできるので、また話は別問題になります。

      まぁ原因や経緯は違うかも知れませんけれどもね(笑)
      多分そうなんじゃないかなぁと思ったり。

    • #29176
      ayagon
      ゲスト

      Hidekichiさん

      ありがとうございます。まさに、wordpressのダッシュボード→設定→一般で、サイトアドレスの設定がhttp://ayagon.hippy.jp/doitsu/
      になっていました。
      こちらをWordPressのダッシュボードで変更したところ、
      ・アイコンは表示されないまま
      ・ページは404not found
      となりました。

      再インストール等すれば解決するかもしれませんが、ここはもう、ロリポップではなくxサーバーを借りることにしました。

      たくさんアドバイスいただいたのに、最後まで解決できず恐縮です。
      大変ありがとうございました。

    • #29178
      Hidekichi
      ゲスト

      今は僕も利用してますが、広告なし無料のxdomainと言う手も(笑)

7件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)