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カスタマイズ依頼

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

相談内容:フロントページ下部に「タブ切...
 
共有:
通知
すべてクリア

[解決済] 相談内容:フロントページ下部に「タブ切り替え」による投稿一覧を3区分(お知らせ、報告、ニュース)して表示したいのですが、表示できない。

14 投稿
2 ユーザー
7 Reactions
328 表示
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

フロントページの固定ページ素材はヘッダーもフッターもサイドバーもすべて表示でき、ヘッダーメニューの「投稿一覧」をクリックしても問題なく投稿記事は問題なく表示できるのですが、フロントページ下部に「タブ切り替え」による投稿一覧が表示されません。

Cocoon設定から「インデックス」を選んで、フロントページタイプの表示形式を「タブ一覧」、表示カテゴリーに「投稿区分」を作り、その配下に3つの区分カテゴリー(私の場合、「報告」、「ニュース」、「お知らせ」の3つ)にチェックを入れて、カテゴリー表示の順番として、カテゴリー順の変更のカテゴリーIDをカンマ区切りで入れて、「変更をまとめて保存」をクリックして、サイトを開いても、フロントページ下部に「タブ切り替え」による投稿一覧が表示されない状況です。

ワードプレス管理画面の表示設定は、固定ページでトップページ、投稿ページで「投稿一覧」にしています。

解決のために試したこと:表示設定の「ホームページの表示」を「固定ページ(トップページ)」でなく、「最新投稿」にして試してみました。そうすると、フロントページには「投稿一覧」が4区分のタブ(新着記事、お知らせ、報告、ニュース)に分かれて投稿記事が問題なく区分されてみることができるので、投稿記事の設定の問題ではなく、投稿一覧が固定ページ(フロントページ)下部に遷移できない問題と思われます。要は、ヘッダーメニューの下に固定ページ(フロントページ)が入り、その下に、この「タブ切り替え」による投稿一覧紙面を入れたいのですが、それができないことを改善したいのですが、知恵をお貸しいただければありがたいです。



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

●回答

WordPressの仕様です。

投稿者:: @s-kurokawa

表示設定の「ホームページの表示」を「固定ページ(トップページ)」でなく、「最新投稿」にして試してみました。そうすると、フロントページには「投稿一覧」が4区分のタブ(新着記事、お知らせ、報告、ニュース)に分かれて投稿記事が問題なく区分されてみることができるので

ユーザーが意図して固定ページをフロントページとして設定したため、[Cocoon設定]→[インデックス]→フロントページタイプは無効となり、指定した固定ページがフロントページとして表示されます。

フロントページを固定ページで作成し、タブ切り替え、カテゴリー別表示としたいなら、本文中に「タブ」ブロックや「新着記事」ブロックなどを用い、自由にレイアウトすれば解決できます。


●ご参考

フロントページをサイト型で作成などの、キー検索すれば色々情報が出来てきます。

https://turicco.com/cocoon-toppage/



   
わいひら reacted
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

大門さん、ありがとうございます。補足でお尋ねさせてください。インデックスによる「タブ一覧」では「新着」を入れて4区分されるので、タブブロックでは4つのタブを作って、「新着記事」ブロックをフロントページとした固定ページに、タブブロックと新着ブロックをレイアウトすればよいものでしょうか?

 



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

@s-kurokawa さん

前述の通り「ホームページの表示」を「固定ページ」とするなら、[Cocoon設定]→[インデックス]→フロントページの設定は反映されません

固定ページをフロントページに設定すると言うことは、独自レイアウトで作成すると言うことです。

そもそもフロントページを固定ページで作成したいのですか?
どのようなページを作りたいのか文面だけでは全く伝わりません。

現在固定ページで作成したページに、図示のように、「タブ」ブロックを好きな数だけ配置し、各々のタブに「新着記事」ブロックを配置、表示したいカテゴリー設定するだけです。



   
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

@chu-ya 大門様、山岳会のホームページ(現時点では未公開)をCocoonを使って制作中でして、フロントページは固定ページで独自のレイアウトにしています。上部に巻頭言やスライドショーを配置して、その下部に投稿ページを配したく、Cocoonのインデックスによる「タブ一覧」で投稿記事を分類して見せるようにしたいと考えています。差し支えなければ大門さんに制作中のHPを示したいのですが、非公開でお示しする手段でもありましたら。



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

投稿者:: @s-kurokawa

差し支えなければ大門さんに制作中のHPを示したいのですが、非公開でお示しする手段でもありましたら

誠にすみません。
私は業者ではなく、連絡を受けることはしていませんし、相談にものれません。



   
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

了解です。もう少し自力でやってみます。



   
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

フロントページ(固定ページ)下部にタブ切り替えによる投稿分類の件につきまして 

投稿記事について、Cocoon設定>インデックス>フロントページの表示形式設定「タブ一覧」が反映されないため、フロントページの固定ページメニューの下に、「タブ」ブロックで4つのタブ(新着記事、お知らせ、報告、ニュース)を作り、新着記事タブについては投稿記事が閲覧できるようになりました。が、残りのカテゴリー3分類(私の場合、お知らせ、報告、ニュース)の区分けで壁にぶつかっています。

投稿記事一覧(現在30程度の投稿があります)の各記事には、それぞれ3つの区分けカテゴリー(お知らせ、報告、ニュース)を割り当てていまして、正常にカテゴリー分類できることは確認しております。要は、フロントページ下部に設定した3つのタブに、それぞれに対応したカテゴリーをうまく紐づけることができていない状況です。

この3つのタブに表示させたいカテゴリーを紐づける方法についてアドバイスを頂ければありがたいです。



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

●回答

先ずCocoonのマニュアルを熟読し、どんなブロックがあるか理解しましょう。
また、Cocoonについては先述の紹介ページにも書かれているかと思います。

以下はショートコードですが、新着記事には多くの機能を有しています。

https://wp-cocoon.com/new_list/

「新着記事」ブロックは、カテゴリーごとの新着投稿も表示できます。


添付した図は私のページのカテゴリー例です、操作の参考にしてください。

手順

  1. 「タブ」ブロックの「お知らせ」タブをクリック。
  2. 「新着記事」ブロックを配置。
  3. 右パネルのブロックの「フィルター」を選択。
  4. 「全カテゴリーを表示する」をオフ。カテゴリーが選択可能となる。
  5. カテゴリー「お知らせ」をチェックする。


   
わいひら reacted
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

「タブ」ブロックの「お知らせ」をクリック、「新着記事」ブロックを配置しても、右パネルのブロックの表示が大門さんのカテゴリー例の表示になりません。現在の表示内容を添付ファイルに入れました。肝心の「フィルター」や「カテゴリー」が表示されず、カテゴリー選択ができない状況です。たぶん初歩的なところでの手順ミスかとは思いましたが、ご教授いただければ助かります。初歩的なお尋ね、申し訳ないです。



   
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

添付漏れと思われ、現在の表示を添付します。



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

投稿者:: @s-kurokawa

「タブ」ブロックの「お知らせ」をクリック、「新着記事」ブロックを配置しても、右パネルのブロックの表示が大門さんのカテゴリー例の表示になりません。


折角、gifで動作を添付しても、Gutenbergエディターの操作、Cocoonブロックを全く理解できていないように思えます。
もうカスタマイズ以前の話かと思います。

図①「タブ」ブロックの中に、「新着ブロック」を配置してください。
添付頂いた状態では、タブの外なので、タブをクリックしても切り替わりません。

「新着記事」ブロックを選択し、図②のブロックをクリックすると、先述のようにカテゴリーを設定できます。



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

●Gutenbergエディター操作

これでできないなら、有償にて業者に作成依頼を願います。



   
(@s-kurokawa)
Active Member Registered
結合: 3週間前
投稿: 13
トピックスターター  

大門さん、ありがとうございます。お陰で、すべてうまくいきました。もっと精進します。適切なアドバイスに感謝いたします。



   
わいひら reacted
共有:

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

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

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

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

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

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

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

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