サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年6月24日 12:14
素敵なテーマの公開ありがとうございます。
Cocoonの３カラム機能をつかってTOPページを固定ページにて作成しようとしています。
通常だとスマホビューへの切り替えが幅600pixぐらいで変わるのですが、幅780pixになったときにスマホビューへの変更できないでしょうか？
通常の場合、幅が780pixになった時に添付画像のようになりますが、この幅で３カラムを２カラムにして、右側の３列目を下に移動させたいです。
参考までに他の方がCocoonを使って運営しているサイトですが、理想的なTOPページのサイトを掲載します。
こちらのサイトが780pixあたりでスマホビューに切り替わるのですが、どうやってもならないので質問いたします。
素人質問で申し訳ございません。
Topic starter
2020年6月24日 12:16
すみません。サイトはまだ公開までいたっておらず、テスト中で公開URLがありません。
2020年6月24日 14:31
@トゥームレイダー さん
見出しは普通に設定して、カテゴリーは、ショートコードで。
もっと読む、もしくは、もっとみる、は、普通の段落ブロックで、カテゴリーのアーカイブページのリンクで設定しました。
[new_list count=5 cats=4 type=default]
[new_list count=5 cats=3 type=default]
[new_list count=5 cats=1 type=default]
<a href="https://demo.local/category/how-to-use">もっと読む</a>
<a href="http://demo.local/category/i-tried-using-it">もっと読む</a>
<a href="http://demo.local/category/uncategorized">もっと読む</a>
設定したコード？は、こんな感じです。
わいひら reacted
Topic starter
2020年6月24日 22:40
リフィトリーさん
至りつくせりでありがとうございます。
早速教えていただいた方でやってみると、思い通りの表示になりうまくいきました！
ブロックエディターは使い慣れていないこともあり、あえてクラッシックエディターにしていたので全く気付かなったです。。。
ここ数日悩んでいたのですが、思い切って書き込みしてよかったです。
本当にありがとうございました。
ところで、、、、ブロックエディターの「カラム」ブロックで「3カラム」と、クラッシックで3カラムを作成してつくるのは根本的になにか違うのでしょうか・・・・？（素人すぎる質問ですみません）
全く別物なのでしょうか。
リフィトリー reacted
2020年6月24日 22:51
@トゥームレイダー さん
お恥ずかしい話ですが、私自身は、２カラムも３カラムもやったことがないんです。
私のサイトは、オーソドックスなブログスタイルのままです。
なので、よくわからない、というのが本当なのですが、もしかしたら、クラッシックエディターの方は、わいひらさんがご用意くださった、３カラムなのかもしれません。
今回使ったのは、おそらく、WordPressの方のカラムブロックで、Cocoonブロックではないような気がします。（すみません、あまりよく調べていません。）
実は、私もいまだにクラッシックエディターの方で、このフォーラムでは、いい加減にブロックエディターにすれば、と、他の詳しい方にアドバイスをいただく側（がわ）でもあったりします。 ?
でも、今回、試しにやってみて、ブロックエディターも面白いなと、あらためて、感じている次第です。
※回答させていただきながら、勉強している状態です。
わいひら reacted
Topic starter
2020年6月25日 12:19
リフィトリーさん
今回はじめてブロックエディターをさわってみて、私も意外と使いやすいかも・・・と感じています。カラムでの画像挿入なども簡単ですね。まずは素人ながら勉強しつつサイト公開にまで至れるように頑張ってみます。
この度は私の質問のために試していただきましてありがとうございました！
リフィトリー reacted
2020年6月25日 16:19
@トゥームレイダー さん
こちらこそ、面白いことが試せたので、良かったです。
サイドバーを表示させないときは、このレイアウトも、なかなかいいですね。
2020年6月25日 20:41
ところで、、、、ブロックエディターの「カラム」ブロックで「3カラム」と、クラッシックで3カラムを作成してつくるのは根本的になにか違うのでしょうか・・・・？（素人すぎる質問ですみません）
クラシックエディターの3カラムは、Cocoon独自実装になります。
ブロックエディターの「レイアウト要素」の「カラム」は、WordPress側のデフォルトブロックです。
リフィトリー reacted
Topic starter
2020年6月26日 17:08
わいひらさん
解説ありがとうございます！
ブロックエディターの「カラム」ブロックで「3カラム」と、クラッシックで3カラムを作成した場合では少し変わってくるのでしょうか？
今回教えていただいだブロックエディターだと思い通りの挙動になったので、いろいろ試してみたいと思います。
2020年6月26日 17:45
割り当てられているCSSが違うので、メディアクエリの挙動が変わってくるかと思います。
メディアクエリとは、簡単に言うと端末幅によって適用されるCSSの記述です。
Cocoonのものと、デフォルトのカラムブロックでは、モバイルで1カラムになる端末幅が違ってくると思います。
微細なことを言えば、もっといろいろあるかもしれませんが。
Topic starter
2020年6月27日 10:21
わいひらさん,
教えていただきましてありがとうございます。
そもそも異なるものだということで理解できました。
まだサイト公開までにはしばらく時間がかかりそうですが、学びながらつくっていこうと思います。
素敵なテーマ、ありがとうございます！
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。