サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022年11月25日 16:57
最近、HP作成を始めました。サイトURL：
lolipopのサバ―をレンタルして、そこからwordpressを入手しました。
そのなかにある、cocoonテーマを利用してます。
cocoonのヘッダーロゴのフォントを変えるのに、以下の作業をしました。
外観 → テーマファイルエディター → Cocoon Child: head-insert.php
→ tmp-user/head-insert.php
→ googlefontのhtmlタグの貼り付けをしました。
<link rel=”preconnect” href=” https://fonts.googleapis.com”> ;
<link rel=”preconnect” href=” https://fonts.gstatic.com” ; crossorigin>
<link href=” https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi&display=swap” ; rel=”stylesheet”>
次の作業は以下です。
外観 → テーマファイルエディター → Cocoon Child :Cocoon Child: スタイルシート (style.css)
→googlefontのcssコードを貼り付けました。
font-family: ‘Kaisei HarunoUmi’, serif;
以上ファイルを更新しても変わらないのです。
予測できますでしょうか。
以下cocoon環境です。
サイトURL： https://studyinjapan.chu.jp ホームURL： https://studyinjapan.chu.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 WordPressバージョン：6.1.1 PHPバージョン：8.1.13 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate, br 言語：ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：2.5.3 カテゴリ数：1 タグ数：0 ユーザー数：1 ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：4 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：0 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：0 ---------------------------------------------- 利用中のプラグイン： Akismet Anti-Spam 5.0.1 Easy Google Fonts 2.0.4 Site Kit by Google 1.88.0 WP Multibyte Patch 2.9
2022年11月25日 18:06
kinokoさん
予測できますでしょうか。
すみませんが、予測はできません。
（kinokoさんのご対応の過不足等の予測は無理だと思います）
実際にご対応なさった状態を確認させていただかないと、お返事は難しいと思います。
現状は、子テーマが有効になっていないようです。
そして、子テーマのスタイルシートに、何も書かれていないようです。
「Kaisei HarunoUmi」についても、読み込まれていないようです。
また、以下の部分は、Cocoonデフォルトで行っているようですので、不要だと思われます。
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
【追記】
以下のプラグインは使ったことがないもので分からないのですが、このプラグインでできたりするのでしょうか・・・。
Easy Google Fonts 2.0.4
わいひら reacted
Topic starter
2022年11月29日 20:08
cocoon始めたばかりです。
専門用語から勉強します。
wordpressの本が沢山ありますが、cocoonテーマを使ってる人には適してますでしょうか。
使い方が異なる面があるのか心配です。
お勧めの本を教えてください。
2022年11月30日 00:37
kinokoさん
唐突感があり、戸惑いますが・・・。
ご質問内容を変更なさるということでしょうか？
本来は、新しいトピックを立てていただいた方が良さそうには思いますが・・・。
ただ、あまりにも抽象的な話で、お答えは難しい気はします。
wordpressの本
「WordPressの本」だと、あまりにも範囲が広いと思います。
「WordPressの使い方」だとすると、それはインストール・初期設定・操作方法等なのでないかと思います。
当初のご質問のようにカスタマイズとは、また違うのかな・・・という気はします。
もし、当初のご質問のようななことならば、HTMLやCSSだと思います。
そして、それらを適用するには、WordPressではどうするのか・・・ということかと。
私は、本を読んで学んだことがないもので、正直お勧めはできるものがありません。
ネットで検索でも、ある程度は学べますが、体系的となるとやはり書籍は有効だとは思います。
ただ、体系的な解説サイトもあると思いますし、e-ラーニングのような方法もあるかもしれないです。
WordPressは、どんどんバージョンアップしますから、細かいことを言えば、3ヶ月～半年くらいで旧バージョンになってしまうんですよね。
大枠ではWordPressということで、操作等は同じだと思います。
ただ、細かいことを言えば、テーマごとに違いはありますよね。
それを一言でいうのは難しいです。
WordPress・HTML・CSS・PHP・JavaScript等、知っておきたいことも違うと思います。
1冊で何かが分かるというものでもないと思います。
ある程度、どういうことは知りたいのか目的を絞っていくしかないとは思います。
基本的には、書籍についても検索して候補を見つける。
そして、書店で実際のものを簡単に眺めてみるということも必要な気はします。
良書でも、あうあわないってある気がするんですよね。
話がまとまらず、申し訳ありませんが、漠然としすぎると、難しいと思います。
先にも書きましたが、私はその手の本を読んだことがないもので・・・。
他の方のお答えを待ってみるのが良いかもしれないですね。
わいひら reacted
2022年11月30日 00:40
ちなみに、このフォーラムに以下のようなトピックはあります。
【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック
https://wp-cocoon.com/community/postid/31048/
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。