サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
9
投稿
5
ユーザー
4
Reactions
2,900
表示
Topic starter
2021年6月24日 16:46
相談内容：高速化に伴い「Font Awesome」全部を読み込むのをやめて必要なアイコンを画像化 or SVG化で読み込む方式に変更したいです
解決のために試したこと：
まず読み込むのを停止する場所を
cocoon設定→全体→サイトアイコンフォントから見つけようとしたのですが
ver4かver5の選択肢しかなかったです。
functions.php側で設定するのであればどうすれば良いのか知りたいです
よろしくお願いします。
環境情報：
----------------------------------------------
サイト名：hogehoge
サイトURL： https://hogehoge.jp
ホームURL： https://hogehoge.jp
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-mixblue/style.css
WordPressバージョン：5.7.2
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:89.0) Gecko/20100101 Firefox/89.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.1
カテゴリ数：9
タグ数：207
ユーザー数：2
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2020/10/student-849825_1920.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.9
All-in-One WP Migration 7.44
All in One SEO 4.1.1.1
Autoptimize 2.8.4
Contact Form 7 5.4.1
Flying Scripts by WP Speed Matters 1.2.2
Fonts Plugin | Google Fonts Typography 2.5.8
Insert Headers and Footers 1.6.0
One Click Demo Import 3.0.2
Pz-LinkCard 2.4.4.3
Redirection 5.1.1
Regenerate Thumbnails 3.1.5
Simple 301 Redirects 2.0.4
Simple CSV/XLS Exporter 1.5.6
Site Kit by Google 1.34.1
Slim Jetpack 2.7.0.1
SSH SFTP Updater Support 0.8.4
TypeSquare Webfonts for エックスサーバー 1.2.4
User Export (with their Meta Data) 0.6.8
WebP Converter for Media 3.0.6
WP All Export 1.2.8
----------------------------------------------
2021年6月24日 19:27
Font AwesomeのCSSを読み込んでいるのはlib/utils.phpの345行目の辺りなので、子テーマのfunctions.phpに
function wp_enqueue_style_font_awesome(){
return;
}
でCSSは読み込まれなくなると思います。
もう一箇所header.phpの57行目辺りにもありますが、これは親テーマから直接消さないとダメそうです。
ただこっちはそんなに読み込み速度には影響しない…？
わいひら reacted
Topic starter
2021年6月24日 22:52
早速の回答ありがとうございます。
このWordPressは知り合いから頼まれて高速化に挑戦しているのですが子テーマをいれずにそのまま親テーマのみで編集されているようです。
子テーマがない場合は親テーマ側で
function wp_enqueue_style_font_awesome(){ return; }
編集すればFontAwesomeの読み込み自体は停止出来ますでしょうか。
その場合は速度に影響はないのでしょうか。
よろしくお願いいたします。
2021年6月24日 23:44
Cocoonを使用する場合、カスタマイズは、子テーマ配下で行うのが前提です。
ですので、
子テーマがない場合は親テーマ側で
は、Cocoonを使う場合、該当しません。
（バージョンアップ都度、親テーマに変更を加えるのも現実的でないかと）
理由は、Cocoonの親テーマのアップデート（バージョンアップ）で置き換わってしまうからです。
また、高速化についてですが、
外部サイト（SNSやアフリエイト、アドセンス、Webフォントなど）を利用する場合は、ほとんどの場合速度低下します。
（なぜなら、外部サイトはコントロールしようがなく、多くの場合パフォーマンス低下します。実感ですがパソコンとスマホでどちらも90点台だったものが、アドセンスを入れることで、50％以上低下しました）
今の時代、アフリエイトやアドセンスをやっていなくても、SNSをやっていない方は少ないのでは？ないでしょうか？
まあ、高速化をとるかSNSを取るかも価値観の違いでしょう。
サイト利用者のことを考えれば高速化を追求することが悪いこととは思っていません。
高速化にも限界があるということです。
This post was modified 3年前 2回 by Yamachan11
わいひら reacted
2021年6月25日 00:03
前略、jyokin_gotano さん
ご質問の内容とは関係ありませんが、Cocoonの場合は、プラグインの「Autoptimize」は使わない方が無難なようです。
過去のフォーラムの書き込みによると、不具合が生じるようです。
わいひら reacted
Topic starter
2021年6月25日 00:39
Topic starter
2021年6月25日 00:41
高速化にも限界があるということです。
おっしゃる通りです
可能な範囲で高速化出来ればと思っております
少ない経験の中でFontAwesomeやGoogleフォントは削除 or 軽量化すると大幅に数値がアップします
ですのでその辺の処理だけ出来ればと考えています
2021年6月25日 01:31
スマホからですので調べたりもできませんので、簡単に。
既に答えは出ていると思うのですが。
はるさんのご回答の通りですよね。
Font AwesomeのCSSを読み込んでいるのはlib/utils.phpの345行目の辺り
ここを修正すれば良いということだと思います。
ただし、Yamachan11さんの仰っている通り。
、Cocoonの親テーマのアップデート（バージョンアップ）で置き換わってしまう
親テーマがアップデートされる度に修正する必要はあるということかと。
少ない経験の中でFontAwesomeやGoogleフォントは削除 or 軽量化すると大幅に数値がアップします
Googleフォントと比べてはいけない気もしますけれど、多少は変わるかも知れません。
わいひら reacted
Topic starter
2021年6月25日 11:31
ここを修正すれば良いということだと思います。
ありがとうございます
親テーマがアップデートされる度に修正する必要はあるということかと。
（こちらは自分に任されていない箇所なので）
『子テーマ』入れるのが良いとは伝えてみました
Googleフォントと比べてはいけない気もしますけれど、多少は変わるかも知れません。
こちらも後ほど質問するかもしれません
その際は何卒よろしくお願いいたします。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。