サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
15
投稿
2
ユーザー
6
Reactions
2,170
表示
Topic starter
2021年2月18日 18:20
お世話になります。
皆さんにお知恵を拝借できればと思っております。
画像は投稿ページのカテゴリのページなのですが、このように、アイキャッチ画像付きの一覧を固定ページで作れないかと考えております。
一覧に表示するページは任意のページなのですが、実現可能なのでしょうか。
ショートコードなどを使ってできないものかと思っていますが、わからない状態です。
お力添え、お願いいたします。
2021年2月18日 18:28
前略、mukonosou7 さん
例えば、こんなのとか・・
https://wp-cocoon.com/community/postid/42494/
これは、スニペットは表示させていないので、スニペットを表示するときは若干アレンジしないと使えないかもしれません。
わいひら reacted
2021年2月18日 18:46
mukonosou7 さん
ただ、新着記事のショートコードで取得できるサムネイル画像のサイズは幅320pxのものになります。
上記のCSSでのカスタマイズですと、実際のサムネイル画像の表示の幅は、374pxとなってしまうので、良く見ると若干画像がぼやけます。（ぱっと見ではわからない程度なのですが・・）
2021年2月18日 20:16
mukonosou7 さん
ただ、最近は、人間が見ても違和感がほとんどなくても、CLS等のスコアが悪くなるようなこともあるのかもしれません。
320pxのサムネイル画像は、320pxで表示させておいた方が無難なのかもしれません。
Topic starter
2021年2月19日 09:28
リフィトリーさん、ありがとうございます！
最初に書いていただいたCSSはカスタマイズのところの追加CSSに加えれば良いのでしょうか？
また、書いていただいたショートコードの投稿ページを指定する方法ですが、countとcatsで指定するのかと思うのですが、イマイチわかりません。
countはカテゴリを設定するページにあるカウントかと思いますが、catsはどのように指定するのでしょうか？
素人なもので、単純なことを確認させていただいてすみません。
2021年2月19日 09:39
@mukonosou7 さん
新着記事のショートコードのマニュアルページは、以下のリンクです。
新着記事一覧を表示するショートコードの利用方法（オプションもいろいろ）
最初に書いていただいたCSSはカスタマイズのところの追加CSSに加えれば良いのでしょうか？
カスタマイズのCSSの記述場所は、主に、その追加CSSと、子テーマのstyle.cssの２箇所です。
子テーマのCSSは「外観」→「テーマエディター」で開けます。
追加CSSの場合は、コードを保存するときに、追加CSSのすぐ上にある「公開」ボタンで確定するようになっています。
先に紹介させていただいたCSSのコードは、大雑把なものです。
実際に使用する場合は、もう少し手を加える必要があるかと思います。
その際は、少なくともHTMLとCSSの知識は必要になるかと思います。
Topic starter
2021年2月19日 10:09
リフィトリーさん、ありがとうございます。
なるほどです。
修正が必要ということですね。
同じようなことを実現するのに、ブログコードというのがあるということを知りました。
例えば
[ https://ct.sugoikaizenonline.com/?page_id=2 ]
とページ内にショートコードを記述すると、カード形式で表示されるようですが、私が試したところ、うまく行きませんでした。
ショートコードのまま表示されています。
何か間違えているのでしょうか。
こちらもおそらく単純なことだと思うのですが、わからないものでアドバイスいただけるとありがたいです。
2021年2月19日 10:19
@mukonosou7 さん
同じようなことを実現するのに、ブログコードというのがあるということを知りました。
これは、どこで情報を得られたのでしょうか？
ショートコードは、通常、ブロックエディタ―では、ショートコードブロックに貼り付けます。
Topic starter
2021年2月19日 10:21
リフィトリーさん、先ほどの質問ですが、解決できました！
いろいろとありがとうございました。
助かりました。
今回は内部ブログカードで試してみます。
また機会がありましたら質問させてください。
本当にありがとうございました！
リフィトリー reacted
2021年2月19日 10:31
@mukonosou7 さん
「SILK」というスキンを使うと、縦型のブログカードに作れるかと思います。
「SILK」には豊富なオプションがあるようです。
ブログカードを横にならべる機能もあるみたいです。
This post was modified 4年前 2回 by リフィトリー
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。