サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年9月1日 16:17
「Smash Balloon Social Photo Feed」のプラグインを活用してInstagramを埋め込めるようにしました
Instagram フィードを表示するためにパターン「カスタムHTML」で[instagram-feed feed=1]作成
その後、埋め込む場所は、サイトのトップページの投稿記事の下にしたいので、現在は、「コンテンツ下部」の最近の投稿の下に「Instagram Feed」に配置するとサイドバーのサイズ一杯に表示されます。
可能なら、投稿記事の記事一覧インデックス（番号）の下へ、本文の幅（背景が白の部分）でのサイズに埋め込みたいのですがその場合はどのようなせ設定をすれば良いかアドバイスをお願いします。
ちなみに「投稿関連記事の下」にすると、やりたいイメージになるのですが、投稿記事と記事一覧インデックスの間に表示させてしまいます。
URL: https://tsuruya-farm.com/
2024年9月2日 00:21
「メインカラムスクロール追従」はいかがですか？
Cocoonで用意されているウィジェットエリアは以下のページから確認できます。
この中のどれも希望を満たさない場合、PHPのテンプレートファイルを編集して希望の位置に表示されるようカスタマイズするしかないと思います。
2024年9月2日 00:41
●回答
[外観]→[ウィジェット]→[メインカラムスクロール追従]とした場合、投稿ページにもウィジェットが表示されます。
インデックスリストのみなら[インデックスリストボトム]が望ましいのでは？
●質問の前に
試しに各ウィジェットエリアに配置してみて、ページ内のどこに表示位置を確認しましたか？
その上で質問願います。
2024年9月2日 01:44
私も、「メインカラムスクロール追従」がピンと来たのですけれど。
「タブ一覧」（新着記事）は、場所が変わるんですね。
【一覧（デフォルト）】
【タブ一覧（新着記事）】
試しに各ウィジェットエリアに配置してみて、ページ内のどこに表示位置を確認しましたか？
その上で質問願います。
これに尽きると思います。
試せば分かることですので、ご質問の前に試していただきたいです。
「メインカラムスクロール追従」だと追従してくるのが、cameoさんのお好みではないのかと、思ってしまいました。
（その場合は、ウィジェットエリアを追加するのか・・・と）
2024年9月2日 02:44
@mk2さんが、言われるように、私の設定は「タブ一覧」でした。
タブ一覧は、新規記事とカテゴリーごとで表示されるボタンが異なり。
この為、一覧（デフォルト）と、ボタンの表示位置が異なりました。
●訂正
はるさんの言われる、「メインカラムスクロール追従」にして下さい。
わいひら reacted
トピックスターター 2024年9月2日 19:05
早速のアドバイスありがとうございました。
いろいろ試してはいましたが、「メインカラムスクロール追従」は配置が本文の下というのを理解していなかったため確認してませんでした。
早速、実施したら思いどおりのレイアウトになりました。
また、参考サイトも教えて頂き理解を深めることができました。ありがとうございました。
2024年9月2日 19:44
cameoさん
「メインカラム」は、まさにコンテンツを表示するメインの部分な訳で。
（ヘッダー・フッターではなく、サイドバーでもないところと言えば良いのか・・・）
確認をして欲しいのですけれど。
以下でchu-yaさんがご懸念なさっていたことが起きていますが、これで良いのですよね。
[外観]→[ウィジェット]→[メインカラムスクロール追従]とした場合、投稿ページにもウィジェットが表示されます。
現状、投稿ページの「本文の上」と「本文の下」に同じものがあるような状態です。
投稿ページだけでなく、固定ページや各アーカイブページにも表示されていると思います。
（1つ1つ確認はしていませんけれど）
（1つ1つ確認はしていませんけれど）
もし、トップページのみにしたいのであれば、表示設定で調整が必要かと思います。
ウィジェットの表示を制御する方法
https://wp-cocoon.com/display-widgets/
https://wp-cocoon.com/display-widgets/
ご自分のサイトですし、設定変更などした場合は、確認なさっているとは思いますけれど・・・。
そして、今回の部分ですけれど。
スマホにすると、縦に並ぶようで、メインのコンテンツであろう本文よりも、遥かに占有する面積が多い状態で、本来の本文が目立たないような気はします。
（しかも同じもので、上下挟まれている）
スマホにすると、縦に並ぶようで、メインのコンテンツであろう本文よりも、遥かに占有する面積が多い状態で、本来の本文が目立たないような気はします。
（しかも同じもので、上下挟まれている）
現在は、スマホで閲覧する方が多いかと思いますけれど、今の状況で良いのですよね。
お気づきになっていないのか、このままで良しとなさっているのかはこちらからは分かりませんので、念のため触れさせていただきました。
（以下GIFは容量を減らすために、圧縮しましたので不鮮明です）
（以下GIFは容量を減らすために、圧縮しましたので不鮮明です）
わいひら reacted
トピックスターター 2024年10月17日 20:55
すいませんが、しばらく経っての返信させて頂きます
ご指摘頂いた、ウィジェットの表示を制御で
メインカラムスクロール追従に設定した後、「表示設定」でウィジェットの表示を「チェック・ウェジット非表示」
でページタブで「フロントページのみ」以外をレ点を入れてインスタグラムウェジットの２重表示等は解消できました
ただし、投稿のサムネイルを表示すると、
投稿のタイトルの下にインスタグラムウェジットが表示されその下に投稿本文が表示させます。（スマホも同様）
選択した投稿本文を表示した際は、インスタグラムウェジットは非表示にするにはどの様な設定にすれば良いかのアドバイスをよろしくお願いいたします。
2024年10月17日 21:53
cameoさん
もう随分前のことで、本来のお問い合わせ内容を忘れてしまいました。
現在、「メインカラムスクロール追従」にあるウィジェットについて。
- フロントページのみ、表示したい
（フロントページ以外は非表示）
上記のようなことでよろしいのでしょうか。
そうあれば、
- チェック・入力したページで表示
- フロントページのみ
上記のように選択するとできないでしょうか。
お問い合わせ内容が異なっていれば、再度お伝えいただければと。
（1つ前の返信でいただいた内容は複雑で、本来のご用件が良く分からなくなってしまいました。何が完成形か良く分からない・・・）
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。