サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年5月1日 05:09
Cocoonのご提供ありがとうございます
早速で恐縮でございますが一つご質問させていただきます
【質問】
フロントページ（他、固定ページ）のタイトル上の空白が多く気になっております。
これら空白を”取る又は小さくする”方法がございましたらお教えください。
投稿ページについては当該部分はカテゴリが表示されたりとさほど気にはならないのですが固定ページの場合は何も表示されない所に余白が取られてる感があり気になってしまいます。
また、スマホで見た場合はその違和感が強く感じてしまいます。
↓参考画像を添付いたします
PC参考画像：フロントページ（HOME）※固定ページで作成
2020年5月1日 14:28
banzai さん
Cocoon設定で、本文上側の余白を変更できないかと、探してみたのですが、ちょっと私には、見つけられませんでした。（どこかでできるのかもしれませんが）
画像を拝見しますと、デフォルトより余白が広いように見えますので、スキンを適用しているのかもしれないと勝手に推測しています。
Cocoon設定で、設定を変えられない箇所については、ご自身で、CSSでカスタマイズしていかなくてはならないかもしれません。
実際に試したわけではないので、正しいかどうかわかりませんが、
一例を挙げますと、以下のような感じかと思います。
.page-id-(固定ページのID番号) .main {
padding-top:15px;
}
@media screen and (max-width: 834px) {
.page-id-(固定ページのID番号) .main {
padding-top: 10px;
}
}
HTMLやCSSの知識を持てば、今後、気になる箇所が出てきたときに、コツコツと、ご自身で、修正なさっていけば、良いかと思います。
特に急ぐ理由がなければ、マイペースで十分イケルかと思います。
そうではなくて、早めに、思いどうりに完成させたい、という場合は、プロに依頼してしまった方が良いかもしれません。
企業ページで、費用対効果が見込れば、予算もつくのではないかと思います。
わいひら reacted
Topic starter
2020年5月2日 01:57
@leafytreeさま
ご連絡ありがとうございます
また迅速なご対応の中返信遅くなり深謝申し上げます
現段階でURL環境等のご提示ができず恐縮でございます
・アドバイス頂いたCSSコードで試したところ当該余白は多少とれましたがそれでもデフォルト値には及ばないところでした。
・ご推測いただいたスキンですがこちらは "なし" で利用してましたがこれを他に変更してみても余白多は変わらない状況です。
当初は問題なかったと記憶してるのですがいつの日か各ページのタイトル上の余白が多く取られて来たようです
今一度、初期化等を試して作り直して見たいと思います。その後また同じ現象が出た際はしっかりとした質問・ご報告をさせていただければ幸いでございます。
もー少し頑張ってみます。。。
leafytreeさま、本当にありがとうございます。
リフィトリー reacted
2020年5月2日 02:19
@banzai さん
未公開のサイトの場合、諸々の事情もお有りかと思います。
HTMLとCSSの基本的な理解とGoogle Chrome や Firefox などのブラウザのデベロッパーツールを少し使えるようになるだけでも、ご自身で対処できることがグッと増えます。
「デベロッパーツールの使い方」等で検索すれば、解説してくれているWebサイトや動画が見つかりますので、試してみてください。
先ほどのCSSの例は、コンテンツの入っている親コンテナの内側の余白を減らすものでしたが、もしかしたら、中身のコンテンツである、見出し文字（HOME）の上方向のマージンが広くなっているという可能性もありますし、何らかの空白要素がある可能性もあります。
その辺りも、デベロッパーツールが使えるようになってくると、自分で原因を調べられるようになってきます。
重要なのは、案外、そういった事を楽しむ姿勢、遊び心だったりします。
つまんない事は、やりたくないですしね。 ?
2020年5月2日 10:58
再現方法が分かりました。
テーマの不具合と言えば不具合と言えそうです。症状が出る条件は 2 つ。
- Cocoon 設定 → 「投稿」タブの「カテゴリ・タグ表示位置」を「タイトル上」にする。
- 固定ページを閲覧する
固定ページにカテゴリーはないため、tmp/categories-tags.php が空の div を出力しています。
tmp/categories-tags.php は、固定ページで出力しないのがいいかもしれません。
This post was modified 5年前 by Akira
2020年5月2日 19:28
Akiraさん、ありがとうございます！
早速修正してみました。
https://github.com/yhira/cocoon/commit/2f863cc36ae0e44ec488c7b4db4d8f5eba4cc6f9
修正版のダウンロードはこちら。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
Akira reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。