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

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

記事の中にインデックス型の内部リンクボ...
 
共有:
通知
すべてクリア

[解決済] 記事の中にインデックス型の内部リンクボックスを設置する方法

12 投稿
4 ユーザー
8 Reactions
1,642 表示
 Amy
(@amy)
Estimable Member Registered
結合: 5年前
投稿: 92
トピックスターター  

みなさま

 お忙しいところ恐れ入りますが、ひとつ質問があります。

 ひとさまのサイトを例にして大変恐縮なのですが、こちらのサイト、おそらくcocoonを使われていると思われます。

  https://kikokulabo.com/

  https://kikokulabo.com/category/basic/

 このサイトのように、トップページや通常の記事の中に、インデックス型の内部リンクボックスを設置する方法を知りたいと思っております。

 正確な呼び方が分かりませんので「インデックス型の内部リンクボックス」と書きましたが、上記サイトのうち、添付写真のような内部リンクの様式のことを「インデックス型の内部リンクボックス」と表現しました。

 すみません、自分なりに検索してみましたが方法がわからず、書き込みをさせていただきました。

 特別なカスタマイズをしなければならない場合、わたしにはそのような知識はありませんので諦めますが、通常のcocoonの設定で設置が可能なのであれば、やり方をご教示いただけますと非常に助かります。

 まったく急ぎませんので、どうぞ宜しくお願い申し上げます。


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

今スマホなので詳しくは見れてませんが、表示自体はCocoon設定>インデックス>カードタイプで「縦型カード2列」を選んでるのではないですかね??

2つ目のURLはカテゴリーページなので、投稿>カテゴリーから任意のカテゴリー名をクリックすると編集ページにいけます。

「カテゴリ本文」欄で入力した内容の下にカテゴリーの記事が一覧で表示されるようになります。

1つ目のURLについては、新着記事ショートコードを使って出力して、CSSで見た目を調整してるのかなと思いました。

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


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

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/

 

すみません、スマホではこれが限界です。

不明点をご質問いただければ、他の方も、詳しくご説明してくださると思います。


   
わいひら and はる reacted
 Amy
(@amy)
Estimable Member Registered
結合: 5年前
投稿: 92
トピックスターター  

はるさま、mk2さま

 

 深夜の遅い時間にご返信いただきありがとうございます。

 貴重なご助言にもとづき、自分でトライしてみたいと思います。

 うまくできますように。追って結果をお伝えいたします。

 まずは取り急ぎ、お礼まで。


   
 Amy
(@amy)
Estimable Member Registered
結合: 5年前
投稿: 92
トピックスターター  

はるさま、mk2さま、みなさま

 

 連絡が遅くなりました。

 お二人にご教示いただいたショートコートを利用した一覧の表示は何とかできました。ありがとうございました。

 お二人にご指摘いただいた各点のうち、1)トップページに固定ページを割り当てる方法と、2)カテゴリーページなるものを投稿・表示したり閲覧したりする方法を併せてご教示いただけますと非常に助かります。

 当初の質問に関連した質問となりますが、「別のテーマに当たる」ということで新たにスレッドを立てる必要があるということでしたら、別途立てますのでご指示くださいませ。

 重ねがさねの質問で大変恐縮ですが、どうぞ宜しくお願い申し上げます。

 

 


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、@amyさん

時差があるので、今頃がちょうどいいのでしょうか。

 

投稿者:: @amy

1)トップページに固定ページを割り当てる方法

以下に参考リンクをいくつか貼ってみます。

 

【WordPressのトップページを固定ページに割り当てる方法】

https://webst8.com/blog/wordpress-toppage/

ブログ投稿インデックスページとは?

http://wordpress.hitsuji.me/add-post-archive/

[解決済] 固定ページ内に特定のカテゴリー記事を表示する

https://wp-cocoon.com/community/postid/43865/

トップに固定ページと投稿一覧を表示する方法

https://wp-cocoon.com/community/postid/45204/


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@amyさん

投稿者:: @amy

2)カテゴリーページなるものを投稿・表示したり閲覧したりする方法

これは、ちょっと意味がよくわからないのですが、WordPressでは、カテゴリーを作ったら、カテゴリーのインデックスページが生成され、そのカテゴリーに属する記事のエントリーカードが並んだページが自動的にできますが、それのことではないのでしょうか?

 

詳細にご説明いただかないと、齟齬が生じそうなワードのような気がします。

この投稿は4年前ずつリフィトリーに変更されました

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@amyさん

なお、余談ですが、ショートコードで取得できるサムネイル画像のサイズは以下の2つが大きいサイズですが、

 

・large_thumb:大きなサムネイル表示
・large_thumb_on:大きなサムネイルにタイトルを重ねる

 

これを利用して、メインカラムにCSSでカスタマイズして2列に並べると若干画像がピンボケになる場合があります。

 

large_thumbで取得できるサムネイル画像のサイズの横幅は320pxですので、CSSでそれより大きく表示させると、ぼやけてきます。

 

@amyさんが一例として貼り付けてくださったサイト様も、良く見ると、画像が鮮明ではなく、若干ぼやけているようです。

 

気にしなければ、どうということはありませんが。

この投稿は4年前ずつリフィトリーに変更されました

   
わいひら reacted
 Amy
(@amy)
Estimable Member Registered
結合: 5年前
投稿: 92
トピックスターター  

@leafytreeさま

 ご返信ありがとうございます。恐れいります、ちょっと時差のある場所に住んでおりまして、すぐに返信できない場合が生じてしまい、まことに申し訳ございません。

 トップページの件、参考記事をありがとうございます。これらを基に早速トライをしてみます。

 カテゴリーページの件、「カテゴリーを作ったら、カテゴリーのインデックスページが生成され、そのカテゴリーに属する記事のエントリーカードが並んだページが自動的にできます」とのこと。おそれいります、そのページはどのようにすれば閲覧することができるのでしょうか。基本中の基本のような質問で恥ずかしいばかりですが、あれこれググってみてもすぐに分からなかったものでして、ご教示いただけますと非常に助かります。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@amy さん

投稿者:: @amy

カテゴリーを作ったら、カテゴリーのインデックスページが生成され、そのカテゴリーに属する記事のエントリーカードが並んだページが自動的にできます」とのこと。おそれいります、そのページはどのようにすれば閲覧することができるのでしょうか。

@amy さんのサイトを例にすれば、サイドバーのボックスメニューをクリックすれば、カテゴリーページが開くかと思います。

 

Cocoonの場合は、カテゴリーページは、ページのタイトルの左側にフォルダのアイコンが表示されるようになっているようです。

 

この投稿は4年前 2回ずつリフィトリーに変更されました

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@amy さん

「カテゴリーページ」は、いつもamyさんが既に利用しているページ、ということです。


   
 Amy
(@amy)
Estimable Member Registered
結合: 5年前
投稿: 92
トピックスターター  

@leafytreeさま

 基本中の基本でしたですね。本当に有り難うございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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