サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年10月21日 07:48
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.8.1
カテゴリー数：19
タグ数：150
ユーザー数：1
----------------------------------------------
●設定
[外観]→[カスタマイズ]→[skin-grayish: カスタマイズ]→[全体：英字フォント設定]→設定なし
●現象
以下の類似。
https://wp-cocoon.com/community/postid/81547/
てがきノートを参考に作られているため、「設定なし」としたのに無条件でGoogleFontを読み込んでいる。
改善を図るか？
●類似
スキン「NAGI」も同様です。
わいひら reacted
2024年10月22日 17:36
ご連絡いただきありがとうございます。
各スキンのGoogleフォントを読み込まれていないのにCSSが呼び出される不具合を修正しておきました。
https://github.com/xserver-inc/cocoon/commit/b9d1e4ea941bed31065bf31d950bdee92341761c
https://github.com/xserver-inc/cocoon/commit/4984475328df605735c7305174e2b44bcef9258a
※手書きスキンでは、フォントに合わせてURLを適切なサイズ読み込みになるよう修正しましたが、今回はしてません。
トピックスターター 2024年10月22日 17:50
●対策
スキン「NAGI」を「てがきノート（ブルーコーラル）」に合わせてみました。
https://github.com/xserver-inc/cocoon/blob/4d02787bc29ac9f6b8f38305bbfc164be87447b8/skins/nagi/functions.php#L13-L18
以下に置き換える。
https://notepad.pw/share/QM0Q2DaHmKa5LQpOELo9
コードを入力すると403エラーになり。このため上記を参照ください。
●気になる点
ソースを見て気付きましたが、スキン「NAGI」で値に「"」を含んでいる。
このため、inputのvalue値や、idに「"」が含まれてしまう。
わいひら reacted
トピックスターター 2024年10月22日 20:30
上記は「grayish」の誤記です。
2024年10月22日 20:40
コードの提供ありがとうございます！
スキン「NAGI」を「てがきノート（ブルーコーラル）」に合わせてみました。
https://github.com/xserver-inc/cocoon/blob/4d02787bc29ac9f6b8f38305bbfc164be87447b8/skins/nagi/functions.php#L13-L18以下に置き換える。
こちらだと添付画像のように、空のlinkタグが生成されます。
if ($font_family !== 'none')条件分岐を追加して、コードを変更しておきました。
https://github.com/xserver-inc/cocoon/commit/4e4d1a1d781d17f03d9cbbd7a7394440484e7b41
●気になる点
ソースを見て気付きましたが、スキン「NAGI」で値に「"」を含んでいる。
このため、inputのvalue値や、idに「"」が含まれてしまう。
これはすでに今このスキンを使用している人がいたとしても、ダブルコーテーションは削除しておいた方がいいような気がします。
後で削除しておこうかと思います。
トピックスターター 2024年10月22日 21:32
スキン「grayish」も、「NAGI」同様の対策をするのか、検討願います。
現時点でGitHubは、設定に応じ個別にフォントを読むのではなく、フォント一式を読み込むようになっています。
2024年10月22日 22:26
ありがとうございます。
スキン「grayish」も、「NAGI」同様の対策をするのか、検討願います。
現時点でGitHubは、設定に応じ個別にフォントを読むのではなく、フォント一式を読み込むようになっています。
以下のように、書いたように把握しております。
急いでする必要もなく、寝る準備をしなければならないこともあり、後からすることにしました。
https://github.com/xserver-inc/cocoon/commit/b9d1e4ea941bed31065bf31d950bdee92341761c
https://github.com/xserver-inc/cocoon/commit/4984475328df605735c7305174e2b44bcef9258a
※手書きスキンでは、フォントに合わせてURLを適切なサイズ読み込みになるよう修正しましたが、今回はしてません。
この投稿は2か月前 4回ずつわいひらに変更されました
トピックスターター 2024年10月22日 22:50
※手書きスキンでは、フォントに合わせてURLを適切なサイズ読み込みになるよう修正しましたが、今回はしてません。
スキン「NAGI」は、提示したコードに変更されていましたが？？？？？
「grayish」のことを指しています？
トピックスターター 2024年10月22日 23:55
スキン「NAGI」ですが、設定したフォントになりません。
●現象
フォントが「Fugaz One」のとき、期待通りのフォントが適用されない。
●原因
font-family: "Fugaz One"とするべき箇所で、取得値をそのまま設定しているため、font-family: FugazOneと不正な形で指定されてしまう。
結果として、期待するフォントが表示されない。
●対策
以下のコードを追加し、取得値が「FugazOne」であれば、font-family に「Fugaz One」と設定するように修正する。
$nagi_g_font = '"' . (($nagi_g_font === 'FugazOne') ? 'Fugaz One' : $nagi_g_font) . '"';
わいひら reacted
2024年10月24日 17:01
スキン「NAGI」ですが、設定したフォントになりません。
ありがとうございます。
修正しておきました。
https://github.com/xserver-inc/cocoon/commit/a5956b323c8a98572a941a6cc94f0f530e92d62a
2024年10月24日 17:05
スキン「NAGI」は、提示したコードに変更されていましたが？？？？？
「grayish」のことを指しています？
「後からする」と書いたのはgrayishスキンのことです。
引用元を書いた時点では、上記のURL先の変更だけしかしていなかったので。
https://github.com/xserver-inc/cocoon/commit/b9d1e4ea941bed31065bf31d950bdee92341761c
https://github.com/xserver-inc/cocoon/commit/4984475328df605735c7305174e2b44bcef9258a
※手書きスキンでは、フォントに合わせてURLを適切なサイズ読み込みになるよう修正しましたが、今回はしてません
スキン「grayish」も、「NAGI」同様の対策をするのか、検討願います。
上記のように書かれていたので、grayishスキンに対しても以下のような修正はしているので、「どちらスキンもフォント対策をするのか検討する必要があるのは把握しています」という意味です。
https://github.com/xserver-inc/cocoon/commit/b9d1e4ea941bed31065bf31d950bdee92341761c
というのもgrayishスキンの方にすぐに適用しなかったのは、grayishスキンの作者さんは現在も頻繁にアップデートされているので、今回の変更ほどに関しては作者さん御本人に連絡して判断を委ねたい、と思ったからです。
chu-yaさんのスキンも頻繁にアップデートされていますが、僕があれこれいじると嫌ですよね？（少なくともこれまでのやりとりで多分嫌だろうなと感じました）。なのでgrayishスキンに対してもそう思ったからです。
こちらの変更も、2行程度の変更だったのでこちらで変更しましたが、後ほど作者さんに連絡させていただいています。
https://github.com/xserver-inc/cocoon/commit/b9d1e4ea941bed31065bf31d950bdee92341761c
2024年10月24日 17:13
現在grayishスキン作者さんにはすでに連絡をしてあります。
トピックスターター 2024年10月24日 17:27
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.8.1
カテゴリー数：19
タグ数：150
ユーザー数：1
----------------------------------------------
「NAGI」は設定フォントのみ読み込まれる表示されることを確認しました。
わいひら reacted
トピックスターター 2024年11月11日 23:56
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.9.4
カテゴリー数：19
タグ数：150
ユーザー数：1
----------------------------------------------
grayishが対策されていることを確認しました。
本件をクローズとします。
わいひら reacted
2024年11月12日 08:33
ご確認いただきありがとうございます！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。