Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

Instagramの埋め込みによる表示...
 
共有:
通知
すべてクリア

[解決済] Instagramの埋め込みによる表示方法の変更について

12 投稿
4 ユーザー
15 Reactions
302 表示
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
トピックスターター  

「Smash Balloon Social Photo Feed」のプラグインを活用してInstagramを埋め込めるようにしました
Instagram フィードを表示するためにパターン「カスタムHTML」で[instagram-feed feed=1]作成

その後、埋め込む場所は、サイトのトップページの投稿記事の下にしたいので、現在は、「コンテンツ下部」の最近の投稿の下に「Instagram Feed」に配置するとサイドバーのサイズ一杯に表示されます。

可能なら、投稿記事の記事一覧インデックス(番号)の下へ、本文の幅(背景が白の部分)でのサイズに埋め込みたいのですがその場合はどのようなせ設定をすれば良いかアドバイスをお願いします。

ちなみに「投稿関連記事の下」にすると、やりたいイメージになるのですが、投稿記事と記事一覧インデックスの間に表示させてしまいます。

URL: https://tsuruya-farm.com/

 


   
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1089
 

「メインカラムスクロール追従」はいかがですか?

Cocoonで用意されているウィジェットエリアは以下のページから確認できます。

[Cocoon] ウィジェットエリア デモページ

この中のどれも希望を満たさない場合、PHPのテンプレートファイルを編集して希望の位置に表示されるようカスタマイズするしかないと思います。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3039
 

●回答

[外観]→[ウィジェット]→[メインカラムスクロール追従]とした場合、投稿ページにもウィジェットが表示されます。

インデックスリストのみなら[インデックスリストボトム]が望ましいのでは?


●質問の前に

試しに各ウィジェットエリアに配置してみて、ページ内のどこに表示位置を確認しましたか?
その上で質問願います。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8021
 

私も、「メインカラムスクロール追従」がピンと来たのですけれど。

「タブ一覧」(新着記事)は、場所が変わるんですね。

 

【一覧(デフォルト)】

 
 
【タブ一覧(新着記事)】
 
 
投稿者:: @chu-ya

試しに各ウィジェットエリアに配置してみて、ページ内のどこに表示位置を確認しましたか?
その上で質問願います。

これに尽きると思います。
試せば分かることですので、ご質問の前に試していただきたいです。

「メインカラムスクロール追従」だと追従してくるのが、cameoさんのお好みではないのかと、思ってしまいました。
(その場合は、ウィジェットエリアを追加するのか・・・と)


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3039
 

@mk2さんが、言われるように、私の設定は「タブ一覧」でした。

タブ一覧は、新規記事とカテゴリーごとで表示されるボタンが異なり。
この為、一覧(デフォルト)と、ボタンの表示位置が異なりました。

●訂正

はるさんの言われる、「メインカラムスクロール追従」にして下さい。


   
わいひら reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
トピックスターター  

@haruinoue 

早速のアドバイスありがとうございました。

いろいろ試してはいましたが、「メインカラムスクロール追従」は配置が本文の下というのを理解していなかったため確認してませんでした。

早速、実施したら思いどおりのレイアウトになりました。

また、参考サイトも教えて頂き理解を深めることができました。ありがとうございました。

 

 


   
わいひら and はる reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
トピックスターター  

@mk2_mk2 

具体的に確認頂きありがとうございました。

「メインカラムスクロール追従」の設定で対応することができました。ありがとうございました。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8021
 

cameoさん

「メインカラム」は、まさにコンテンツを表示するメインの部分な訳で。
(ヘッダー・フッターではなく、サイドバーでもないところと言えば良いのか・・・)

確認をして欲しいのですけれど。
以下でchu-yaさんがご懸念なさっていたことが起きていますが、これで良いのですよね。

投稿者:: @chu-ya

[外観]→[ウィジェット]→[メインカラムスクロール追従]とした場合、投稿ページにもウィジェットが表示されます。

現状、投稿ページの「本文の上」と「本文の下」に同じものがあるような状態です。

 
投稿ページだけでなく、固定ページや各アーカイブページにも表示されていると思います。
(1つ1つ確認はしていませんけれど)
 
もし、トップページのみにしたいのであれば、表示設定で調整が必要かと思います。
 
ウィジェットの表示を制御する方法
https://wp-cocoon.com/display-widgets/
 
ご自分のサイトですし、設定変更などした場合は、確認なさっているとは思いますけれど・・・。
 
 
 

 
そして、今回の部分ですけれど。
スマホにすると、縦に並ぶようで、メインのコンテンツであろう本文よりも、遥かに占有する面積が多い状態で、本来の本文が目立たないような気はします。
(しかも同じもので、上下挟まれている)
 
現在は、スマホで閲覧する方が多いかと思いますけれど、今の状況で良いのですよね。
お気づきになっていないのか、このままで良しとなさっているのかはこちらからは分かりませんので、念のため触れさせていただきました。
(以下GIFは容量を減らすために、圧縮しましたので不鮮明です)

   
わいひら reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
トピックスターター  

すいませんが、しばらく経っての返信させて頂きます

ご指摘頂いた、ウィジェットの表示を制御で

メインカラムスクロール追従に設定した後、「表示設定」でウィジェットの表示を「チェック・ウェジット非表示」

でページタブで「フロントページのみ」以外をレ点を入れてインスタグラムウェジットの2重表示等は解消できました

ただし、投稿のサムネイルを表示すると、

投稿のタイトルの下にインスタグラムウェジットが表示されその下に投稿本文が表示させます。(スマホも同様)

選択した投稿本文を表示した際は、インスタグラムウェジットは非表示にするにはどの様な設定にすれば良いかのアドバイスをよろしくお願いいたします。

URL:  https://tsuruya-farm.com/


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8021
 

cameoさん

もう随分前のことで、本来のお問い合わせ内容を忘れてしまいました。

現在、「メインカラムスクロール追従」にあるウィジェットについて。

  • フロントページのみ、表示したい
    (フロントページ以外は非表示)

上記のようなことでよろしいのでしょうか。

そうあれば、

  • チェック・入力したページで表示
  • フロントページのみ

上記のように選択するとできないでしょうか。

 

お問い合わせ内容が異なっていれば、再度お伝えいただければと。
(1つ前の返信でいただいた内容は複雑で、本来のご用件が良く分からなくなってしまいました。何が完成形か良く分からない・・・)


   
わいひら and cameo reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8021
 

今、サイトを拝見すると、上の返信とは違いそうですね。

投稿ページのタイトル下にあるウィジェットが対象みたいですね。

これをどのようになさりたいのでしょう。
「投稿タイトル下」のウィジェットエリアにあるので、投稿ページに表示されていると思うのですけれど。

投稿ページに表示したくないのであれば、ウィジェットを削除するのだと思いますが・・・。

完成形が分かるようにお伝えしていただけると助かります。
(どのようになさりたいのか。どのページでは表示、どのページでは非表示など、箇条書きだと端的で分かり易いと思います)


   
わいひら and cameo reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
トピックスターター  

大変申し訳ございません。

今回の不具合は、私の設定ミスで何度か表示画面を試していた際、ご指摘のとおり本来、「メインカラムスクロール追従」のみに「Instagram feed」を設置するところを、「投稿タイトル下」にも「Instagram feed」が残った状態になっていて発生した事象で削除することで解決しました

お忙しい中アドバイス頂き誠にありがとうございました。

 


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました