サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
21/03/2021 2:10 am
みなさま
お忙しいところ恐れ入りますが、ひとつ質問があります。
ひとさまのサイトを例にして大変恐縮なのですが、こちらのサイト、おそらくcocoonを使われていると思われます。
https://kikokulabo.com/category/basic/
このサイトのように、トップページや通常の記事の中に、インデックス型の内部リンクボックスを設置する方法を知りたいと思っております。
正確な呼び方が分かりませんので「インデックス型の内部リンクボックス」と書きましたが、上記サイトのうち、添付写真のような内部リンクの様式のことを「インデックス型の内部リンクボックス」と表現しました。
すみません、自分なりに検索してみましたが方法がわからず、書き込みをさせていただきました。
特別なカスタマイズをしなければならない場合、わたしにはそのような知識はありませんので諦めますが、通常のcocoonの設定で設置が可能なのであれば、やり方をご教示いただけますと非常に助かります。
まったく急ぎませんので、どうぞ宜しくお願い申し上げます。
21/03/2021 3:12 am
今スマホなので詳しくは見れてませんが、表示自体はCocoon設定>インデックス>カードタイプで「縦型カード2列」を選んでるのではないですかね？？
2つ目のURLはカテゴリーページなので、投稿>カテゴリーから任意のカテゴリー名をクリックすると編集ページにいけます。
「カテゴリ本文」欄で入力した内容の下にカテゴリーの記事が一覧で表示されるようになります。
1つ目のURLについては、新着記事ショートコードを使って出力して、CSSで見た目を調整してるのかなと思いました。
わいひら reacted
21/03/2021 3:33 am
Amyさん
私も同じくスマホですので、見るのも書くのも?
基本的には、はるさんと同じです。
カードタイプを「縦型カード2列」にしていると思います。
https://wp-cocoon.com/index-entry-card-type/
1つ目のURLは、トップページに固定ページを割り当てて、固定ページ内に、新着記事のショートコード[new_list]を設定しているのかなと。（詳細は、はるさんご提示のリンク。）
2つ目も、はるさんの仰るとおり、カテゴリーページだと思います。（該当カテゴリーに属する記事の一覧を表示します。）
カテゴリーページに説明など書く方法は、以下。
https://wp-cocoon.com/detailed-category-page/
その他にも、記事中に人気記事の一覧を埋め込んだり、自分で選んだ記事の一覧を埋め込んだりできるショートコードもあります。
人気記事のショートコードは、以下。
https://wp-cocoon.com/popular_list/
ナビカード（自分で選んだ記事の一覧）のショートコードは、以下。
https://wp-cocoon.com/navi-card-shortcode/
すみません、スマホではこれが限界です。
不明点をご質問いただければ、他の方も、詳しくご説明してくださると思います。
Topic starter
21/03/2021 8:50 am
はるさま、ｍｋ２さま
深夜の遅い時間にご返信いただきありがとうございます。
貴重なご助言にもとづき、自分でトライしてみたいと思います。
うまくできますように。追って結果をお伝えいたします。
まずは取り急ぎ、お礼まで。
Topic starter
24/03/2021 1:49 am
はるさま、mk２さま、みなさま
連絡が遅くなりました。
お二人にご教示いただいたショートコートを利用した一覧の表示は何とかできました。ありがとうございました。
お二人にご指摘いただいた各点のうち、１）トップページに固定ページを割り当てる方法と、２）カテゴリーページなるものを投稿・表示したり閲覧したりする方法を併せてご教示いただけますと非常に助かります。
当初の質問に関連した質問となりますが、「別のテーマに当たる」ということで新たにスレッドを立てる必要があるということでしたら、別途立てますのでご指示くださいませ。
重ねがさねの質問で大変恐縮ですが、どうぞ宜しくお願い申し上げます。
24/03/2021 2:02 am
前略、@amyさん
時差があるので、今頃がちょうどいいのでしょうか。
１）トップページに固定ページを割り当てる方法
以下に参考リンクをいくつか貼ってみます。
【WordPressのトップページを固定ページに割り当てる方法】
https://webst8.com/blog/wordpress-toppage/
ブログ投稿インデックスページとは？
http://wordpress.hitsuji.me/add-post-archive/
[解決済] 固定ページ内に特定のカテゴリー記事を表示する
https://wp-cocoon.com/community/postid/43865/
トップに固定ページと投稿一覧を表示する方法
わいひら reacted
24/03/2021 2:13 am
@amyさん
なお、余談ですが、ショートコードで取得できるサムネイル画像のサイズは以下の２つが大きいサイズですが、
・large_thumb：大きなサムネイル表示
・large_thumb_on：大きなサムネイルにタイトルを重ねる
これを利用して、メインカラムにCSSでカスタマイズして２列に並べると若干画像がピンボケになる場合があります。
large_thumbで取得できるサムネイル画像のサイズの横幅は320pxですので、CSSでそれより大きく表示させると、ぼやけてきます。
@amyさんが一例として貼り付けてくださったサイト様も、良く見ると、画像が鮮明ではなく、若干ぼやけているようです。
気にしなければ、どうということはありませんが。
This post was modified 3年前 by リフィトリー
わいひら reacted
Topic starter
24/03/2021 2:18 am
@leafytreeさま
ご返信ありがとうございます。恐れいります、ちょっと時差のある場所に住んでおりまして、すぐに返信できない場合が生じてしまい、まことに申し訳ございません。
トップページの件、参考記事をありがとうございます。これらを基に早速トライをしてみます。
カテゴリーページの件、「カテゴリーを作ったら、カテゴリーのインデックスページが生成され、そのカテゴリーに属する記事のエントリーカードが並んだページが自動的にできます」とのこと。おそれいります、そのページはどのようにすれば閲覧することができるのでしょうか。基本中の基本のような質問で恥ずかしいばかりですが、あれこれググってみてもすぐに分からなかったものでして、ご教示いただけますと非常に助かります。
24/03/2021 2:35 am
@amy さん
「カテゴリーを作ったら、カテゴリーのインデックスページが生成され、そのカテゴリーに属する記事のエントリーカードが並んだページが自動的にできます」とのこと。おそれいります、そのページはどのようにすれば閲覧することができるのでしょうか。
@amy さんのサイトを例にすれば、サイドバーのボックスメニューをクリックすれば、カテゴリーページが開くかと思います。
Cocoonの場合は、カテゴリーページは、ページのタイトルの左側にフォルダのアイコンが表示されるようになっているようです。
This post was modified 3年前 2回 by リフィトリー
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。