サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
9
投稿
3
ユーザー
10
Reactions
148
表示
トピックスターター 2024年12月10日 09:23
お世話になっております。
固定ページ・投稿ページの本文左右余白設定についてお伺いしたく投稿させていただきました。
外観を変更せずに投稿ページと個別固定ページの左右余白を変更したいです。
投稿ページ
https://tomo-conan.com/test%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab/
固定ページ
https://tomo-conan.com/privacy-policy/
格安の業者さんにサイト作成をお願いして作っていただいており、業者さんより「余白は変更できない」等の返答の為、過去も何度か、私からこちらのフォーラムへ質問させて頂き、いただいた回答を業者さんに伝えてカスタマイズしてもらっておりました。
毎度、何も知らない人間の初歩の初歩の質問で大変申し訳ありませんし、本来は対応できる業者にお願いするところをこちらにご質問することも大変申し訳ありませんが、もし教えていただけましたら幸甚です。
業者さんはcocoonは無料のツールなのでカスタマイズは細かくなんて出来ないとおっしゃる方だったのですが、cocoonはそんなツールではないと思っています。
「納品したので修正は行わない」とのことで自身で修正したいと思っています。
CSSをどこに書き込むのかも良くわかっていないのですが、各ページのCSSを書き込むことで対応できないかなと思っています。
本来であればデベロッパーツールの使い方やCSSのプロパティをきちんと順を追って勉強するべきところ、HP作成を勉強するスケジュールが直近ではまだ取れず、先に質問をしてしまい申し訳ありません。
ご迷惑をおかけして申し訳ありません。
もし良かったら教えていただけますでしょうか。
一旦ご連絡申し上げます。
失礼な投稿になりまして申し訳ありませんが何卒ご容赦いただけますと幸甚です。
どうぞよろしくお願いいたします。
2024年12月10日 18:50
mo_hanamalu200さん
外観を変更せずに投稿ページと個別固定ページの左右余白を変更したいです。
具体的に、どの部分を指しているのか・どういう意図なのか、画像を添付していただけますと助かります。
（外観を変更せずに・・・と言われましても、細かいことを言えば余白も外観ですし・・・）
メインカラム内の余白ですか？
（以下添付の赤矢印の部分？・・・あまり上手くないですが）
上記部分と仮定しますと。
通常は、「Cocoon設定」－「カラム」の以下の部分で調整します。
ただ、上記にも記載がありますように、「最小値は10px」でゼロにはできないはずです。
追加CSSには、以下のようにあり、意図的にゼロにしているようです。
この部分を無効にするだけで、以下のようになります。
（Cocoon設定は、初期値の29pxのままの様子）
（Cocoon設定は、初期値の29pxのままの様子）
格安の業者さんにサイト作成をお願いして作っていただいており、業者さんより「余白は変更できない」等の返答
これ本当ですか・・・。
やりとりを存じている訳ではないですけれど、格安だからということでもないような・・・。
mo_hanamalu200 and わいひら reacted
トピックスターター 2024年12月11日 23:37
ｍｋ２様
お世話になっております。
ｍｋ２様がおっしゃってくださった通りで、赤矢印の部分に余白を設けたかったです。
このような質問な上に、画像の添付もありませんでしたのにご回答いただきすみません。
ご親切とご説明をありがとうございます。
こんなにわかりやすく教えていただいたところ申し訳ありませんが操作方法をお伺いしてもよろしいでしょうか？
ワードプレスの外観＿カスタマイズ＿追加cssで教えていただいた文言を見つけました。
「この部分を無効にする」とは赤枠で囲んでくださった文言を削除する、ということで良いでしょうか？
無効の意味もおぼつかなくすみません。添付画像の青〇を削除して公開ボタンを押したのですが、「何かうまくいかなかったようです。時間を置いてもう一度お試しください」というメッセージが出ました。
ｍｋ２様がお手本で見せて下さったような余白を付けたいので、度々のお手数で大変申し訳ありませんが是非教えていただけますでしょうか。
＞これ本当ですか・・・。
やりとりを存じている訳ではないですけれど、格安だからということでもないような・・・。
→そうですね。ちょっと技術と認識とコミュニケーションに障害のあるようなご様子でしたが返金不可の為、なんとか希望の操作をやってもらうことを最優先にやりとりしました＾＾； 不毛なやりとりが記録されていますがご興味がありましたらご覧ください。
サイト内に白いスペースとピンクのレンガの部分がありますが、当初白いスペースのサイドにレンガが見えるように依頼したのですがそれは出来ないですとか、今回、白いスペースの中の入力された文字のサイドに余白が無いので修正方法を尋ねたところ（納品後サポート期間1ヶ月とのこと）「納品後はこちらでログインしての検証をしないことから、CSSやfunctions.phpなど、コードで行っているカスタマイズに関するご説明や変更・修正などに関するご質問にはお答え致しかねますので、何卒ご容赦くださいませ。」との回答でした。
ログインしないと見られないのかわからないのですが💦
長い返信にもなりまして申し訳ありません。
もし宜しければご返信いただけますと幸甚です。
申し訳ありませんが何卒よろしくお願い申し上げます。
2024年12月12日 00:07
mo_hanamalu200さん
「この部分を無効にする」とは赤枠で囲んでくださった文言を削除する、ということで良いでしょうか？
削除すれば、そういう指定がないということですから、そのCSSは無効になると思います。
ただ、削除すると元に戻せないということがご心配ならば、コメント化してしまうのも1つの方法かと思います。
添付の赤矢印の部分がコメントです。
（「/*」「*/」で囲むとコメントになる）
今回の場合は、以下のようにすれば、コメント化できます。
（該当箇所の上下に追記しました）
（該当箇所の上下に追記しました）
/*
.main {
padding 0px 0px;
}
*/
保存できないのはなんでしょう・・・。
あまり経験がないですが、エラーなどあるのでしょうか。
貼り付けていただいたココナラのリンクは、ログインしないと閲覧できないようですね。
ただ、納品後に修正できないということであれば、理解できます。
そうしないと、際限なくなってしまいますので、通常そういう期限があると思います。
（納品を受ける側、つまり依頼をした側も責任を持つ必要があるかと）
ただ、先にあったような、無料テーマだから等という理由は該当しないですね。
Cocoonにその機能はありますし、例えないとしても、CSSを掛けは済む話だと思います。
この辺のことは、やりとりを存じませんので、何とも言えないところです。
mo_hanamalu200 and わいひら reacted
2024年12月12日 00:17
保存できない（公開できない）件については・・・。
「wordpress 追加css 何かうまくいかなかったようです。時間を置いてもう一度お試しください。」
上記で検索すると、複数ヒットしますので、参考になるのではないかと思います。
中にはコメントを削除すると上手くいったというものもありますが・・・。
（しかし、既にコメントが保存されているのに・・・）
ある程度CSSに量がある場合は、追加CSSではなく、子テーマのstyle.cssに記載した方が管理し易いとは思います。
（個人的な印象かもしれませんが）
追加CSSは、編集エリアが狭いですので、見づらいですし、今回のように保存できないようなことがあるなら、ちょっと面倒な気はします。
ただ、追加CSSは、保存しなくても、右側のプレビューで反映確認ができるという利点もあるにはあります。
mo_hanamalu200 and わいひら reacted
トピックスターター 2024年12月12日 13:13
ｍｋ２様
再度、しかも早々にご返信いただき恐縮です。
すみません！ありがとうございます！！！
教えていただいた方法でやってみます！
出先の為取急ぎ拝受お礼申し上げたく返信させていただきます。
本当にありがとうございます！！！
2024年12月12日 19:11
私なら失敗しません。
以下のサポートはいたしません。自己責任で。
●フロントページ
Gutenbergエディターをコードエディターに切り替えコピペ。
https://notepad.pw/share/4cufApOOwV2CY4mO11oD
●CSS
子テーマCSSにコピペ。（追加CSSは不要）
https://notepad.pw/share/MG0OOq1gxL16dexJQzqW
●functions.php
// 検索フォームショートコード
add_shortcode('my-search', function() {
ob_start();
get_search_form();
return ob_get_clean();
});
// ヘッダーメニューに検索追加
add_filter('wp_nav_menu_items', function($navi, $args) {
// PCヘッダーメニューの場合
if (($args->theme_location == NAV_MENU_HEADER)
&& (strpos($args->menu_class, 'menu-pc') !== false)) {
$html = dO_shortcode('[my-search]');
$navi .= '<li class="header-search">' . $html . '</li>';
}
return $navi;
}, 10, 2);
mo_hanamalu200 and わいひら reacted
トピックスターター 2024年12月12日 20:24
出来ました！！！
キャッシュが邪魔で公開出来なかったようです。
検索するということまでご教示いただくような有様で本当にすみません。
でもお陰様で余白が出来ました。
＞ただ、納品後に修正できないということであれば、理解できます。
おっしゃる通りですね。
納品後に修正できない旨は了承していたのですがつい愚痴っぽくなりました。すみません。
操作について、削除は少し怖かったのですが、代替案まで教えていただき
安心して操作(?)することが出来ました。
ご迷惑をおかけして申し訳ありませんでしたが、
無事に公開が出来て余白が出来た時、
予想外に物凄く嬉しかったです。
本当にありがとうございました。
この度はお騒がせし諸々お手数をおかけしてしまい申し訳ありませんでしたが、ｍｋ２様やサイトの皆様のご親切に触れる機会をいただき、嬉しい気持ちの方が勝ってしまいました。
今後はブログを書くだけでなく、自分でもサイトの操作を少しずつでも勉強したいと思います。
重ねてお礼申し上げます。
本当にありがとうございました。
わいひら reacted
トピックスターター 2024年12月12日 20:34
大門様
ご返信いただき、ご教示いただきありがとうございます！！！
添付していただいた画像のように私も失敗なくサイトを作成したいと思いました。
ご丁寧に教えていただいたのですが、それでもまだまだ私にはハードルが高く（そもそも私がこちらのフォーラムで質問させていただいていいような実力でなくすみません）すぐに試すのは難しそうなのですが、ひとつずつ勉強して大門様のご親切がきちんと理解できるようになりたいなと目標に思わせていただきました。
プロフェッショナルな方の様々なお知恵を垣間見させていただきありがとうございます。
取急ぎ拝受お礼のご返信を申し上げます。
ご親切本当にありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。