Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

Font Awesomeがモバイルでは...
 
共有:
通知
すべてクリア

Font Awesomeがモバイルでは表示し、PCでは四角に化ける

10 投稿
3 ユーザー
6 Reactions
1,210 表示
(@contrail)
New Member Registered
結合: 3年前
投稿: 4
トピックスターター  

不具合・カスタマイズ対象ページのURL: https://hisanarikai.com

相談内容:さくらインターネットの初期ドメイン状態で制作し、数日前に独自ドメインを取得しました。
独自ドメインをWordpressアドレスにコピーしてしまい、復元のためドタバタした後に気づいたことがあります。
テーマ自体で用意されていて、自動的に表示されていた矢印などのサイトアイコンが□(四角)に化けていました。
不思議なのは、モバイル(iPhoneとiPad使用)では問題なく表示されていることです。
ネット検索で初めて知りましたが、Font Awesomeというそうですが、似た例はみつけられず途方に暮れています。
やっとの思いで、子テーマに拝借したソースを貼り付けているレベルです。

解決のために試したこと:ネット検索で類似例を検索する以外、なすすべはありませんでした。

環境情報:
----------------------------------------------
サイト名:
サイトURL: https://hok-hisanari-kai.sakura.ne.jp/wp
ホームURL: https://hisanarikai.com
コンテンツURL: https://hok-hisanari-kai.sakura.ne.jp/wp/wp-content
インクルードURL: https://hok-hisanari-kai.sakura.ne.jp/wp/wp-includes/
テンプレートURL: https://hok-hisanari-kai.sakura.ne.jp/wp/wp-content/themes/cocoon-master
スタイルシートURL: https://hok-hisanari-kai.sakura.ne.jp/wp/wp-content/themes/cocoon-child-master
親テーマスタイル: https://hok-hisanari-kai.sakura.ne.jp/wp/wp-content/themes/cocoon-master/style.css
子テーマスタイル: https://hok-hisanari-kai.sakura.ne.jp/wp/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.0
PHPバージョン:7.4.29
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.4
カテゴリ数:4
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:3067バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:0
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
BackWPup 3.10.0
Better Search Replace 1.4
Blogger Importer 0.9
WordPress Importer 0.7
----------------------------------------------


   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8127
 

contrailさん

投稿者:: @contrail

テーマ自体で用意されていて、自動的に表示されていた矢印などのサイトアイコンが□(四角)に化けていました。
不思議なのは、モバイル(iPhoneとiPad使用)では問題なく表示されていることです。

私からは、PCでもスマホでも、表示されていないです。

Windows

 
Android
 
 
以下のようなエラーが複数出ているようです。
 
 
おそらくですが・・・。
 
以下が原因ではないかと。
 
投稿者:: @contrail

サイトURL: https://hok-hisanari-kai.sakura.ne.jp/wp
ホームURL: https://hisanarikai.com

エラーの表示は、「https ://hisanarikai.com」というサイトなのに、「https ://hok-hisanari-kai.sakura.ne.jp~」という異なるドメイン・・・というようなことかと思います。
(ドメインが違う。)

サーバーの状態が分かりませんけど・・・。

初期ドメインで作成したのであれば、独自ドメインへお引越しが必要なのではないかと思われます。
(さくらのフォルダ構成を存じておりませんし、現在どういう場所にインストールされているかも、分からないですが。)


   
わいひら reacted
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3170
 

上記の通りです。
以下が参考になるかと。

https://knowledge.sakura.ad.jp/25847/

 


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8127
 

contrailさん

こちらからは、実際にどのフォルダにインストールされているかは確認ができません。

以下のような手順らしいです。

【さくらのレンタルサーバー】独自ドメインの公開ディレクトリ設定方法
https://pointsandlines.jp/server-infra/sakura-document-root

WordPressがインストールされているフォルダと、独自ドメインを紐づけるみたいですね。
(私の使っているサーバーとは違って、こういうことができるんですね。)

もし、上記のようなことが設定済であれば、「サイトURL」「ホームURL」のドメインを合わせれば、良さそうです。
(「/wp」が必要かどうかは公開フォルダの設定にもよる気がします。)

上記の設定が済んでいない場合は、一度、ファイルマネージャーでアクセスして、インストールされているフォルダを確認しておくのが良さそうには思います。
(そのフォルダを、公開フォルダに設定するのでしょうし。)

 

とは言え、さくらを使ったことがなく、実際にやったことがありませんので、良く分かりませんけれど。
(この辺りの設定は、下手なことをすると、まったくアクセスできなくなったりしますので。)


   
わいひら reacted
返信引用
(@contrail)
New Member Registered
結合: 3年前
投稿: 4
トピックスターター  

@mk2_mk2 さま

アドバイスをいただきありがとうございます。(chu-yaさん提示の記事も読みました)
ただ私にはなかなか理解ができません。

現在の状況に至るまでに色々間違いを犯しました。
1)Wordpressのインストール先が不適切で、ネット上の記事に従い、書き換えたindex.phpと、インストールフォルダにある .htaccess の2つのファイルをドメイン直下に移動しました。

2)一般設定でサイトアドレス (URL)を取得したドメインに変え、ついでにWordPress アドレス (URL)欄にコピーしてしまい、管理画面にも入れない事態を引き起こしました。
これも、対策を検索した結果、プラグインBetter Search Replace使用で復活。

1)2)が時間的に逆だったかも知れませんが。
このような経過を辿っているとお伝えした上で、今一度指示をいただけますか。
2つのアドレス(URL)を同じにするということがどうも・・・
なお、添付画像のように、WordPress アドレス (URL)欄は入力不可の状態です。

身の程知らずにWordpressに手を付けてしまい反省しきりですが、何とかできればとすがる思いです。
お手数ですがお願いいたします。


   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3170
 

@contrail さん

以下に対策が書かれており。

https://wp-topics.com/howto/69/

 


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8127
 

contrailさん

chu-yaさんが既にお書きになっていますが・・・。

申し訳ないのですが、正直contrailさんが何をなさったのかは、正確には分からないです。
そのため、正確な情報が掴めません。

私が書くことができるのは、推測でしかないです。

そのため、作業は自己責任で・・・ということになってしまいます。

 

投稿者:: @contrail

2)一般設定でサイトアドレス (URL)を取得したドメインに変え、ついでにWordPress アドレス (URL)欄にコピーしてしまい、管理画面にも入れない事態を引き起こしました。
これも、対策を検索した結果、プラグインBetter Search Replace使用で復活。

上記を拝見する限り、データベースを更新なさったと言うことだと思います。

この更新で、データベースの「WordPress アドレス (URL)」「サイトアドレス (URL)」がどういう状態になったのか、外部からは分からない・・・というところです。

 

ただ、添付いただいた画像を拝見すると「WordPress アドレス (URL)」欄が、グレーアウトされています。

そのことから推測すると・・・なのですが。

contrailさんがなさった作業は、お書きになったものだけでしょうか。
もしかして、wp-config.phpの修正を行っていませんでしょうか。

wp-config.phpに、以下のような記載をすると、「WordPress アドレス (URL)」欄がグレーアウトされるみたいではあります。

define( ‘WP_HOME’, ‘ https://~‘  );

もし、上記のようなことを行っていれば、上記の箇所を正しくすると改善するかもしれない・・・と推測はします。
(wp-config.phpの修正は本筋ではないと思うんですよね。)

データベースが正しく更新されているのであれば、wp-config.phpの記載は不要だと思います。

ただ、外部からは、それぞれどういう状態なのか分からないというところです。


   
わいひら reacted
返信引用
(@contrail)
New Member Registered
結合: 3年前
投稿: 4
トピックスターター  

chu-yaさん、mk2さん

お手間を取らせ、申し訳ありません。

wp-config.phpに手を加えた記憶はないのですが・・・

ご指摘の箇所には、初期ドメインの記述のみがありました。
削除しても独自ドメインに差し替えても、形が崩れるだけで、設定のグレーアウトした箇所に変化はありませんでした。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8127
 

contrailさん

外部からは、確認ができません。

  • どのディレクトリ(フォルダ)にインストールされているか
  • そして、さくらの「独自ドメインの公開ディレクトリ設定方法」でどう設定したのか
  • どういう経緯(設定作業)で、今の状態になっているのか

  
上記によって変わる部分は、あるのだと思います。

通常、wp-cinfig.phpには以下はないと思います。

define( ‘WP_HOME’, ‘  https://~‘   );

本来は、データベース上の値(WordPressの設定画面で見えるもの)を参照するため、これは必要ないはずです。

上記を設定すると、データベース上の値を無視するみたいです。
これがあるということは、何らかの修正をなさったのか、さくらが初期で設定するのか、どちらかだと思います。
(さくらは使ったことがないため、分からないところです。)

「WordPress アドレス (URL)」「サイトアドレス (URL)」は、同じドメインである必要があります。

今までのことを拝見していると。

 https://hisanarikai.com/wp 

もしくは、

 https://hisanarikai.com 

のどちらかではないかと、推測します。

 

しかし、実際の状況が分かりません。
そのため、ただの推測でしかなく、これで解決しないことも十分あるかと思います。

そして、詳細な情報がないため、これまで書いてきたこと以上のことは言えないです。

 

どうしても、ご自分で対処できないようであれば、ブロにお願いするもの一案です。

詳細なカスタマイズ依頼をするならこちら。

上記は、Cocoonのカスタマイズを請け負っていらっしゃる方のようですが、中には請け負ってくださる方もいらっしゃる可能性はあると思います。

いらっしゃらなければ、WordPressの復旧関連の作業を請け負っていらっしゃる方に当たってみるのが良い気はします。


   
わいひら reacted
返信引用
(@contrail)
New Member Registered
結合: 3年前
投稿: 4
トピックスターター  

mk2さん

いろいろ時間を割いて頂き申し訳ありませんでした。

対応を考えてみます。

ありがとうございました。


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました