投稿者:: @hare

トップページの固定ページで新着記事と人気記事の2カラム表記にしているのですが、スマホサイトでは1カラムになる上に

まずこちらはそういう仕様です。

投稿者:: @hare

新着記事、人気記事のタイトルのみが上に出て、記事自体はその下にかたまって出てしまいます。

これについては、カラムが2つ作られてそれぞれに見出しと内容が入っています。
見出しもコンテンツも1つのカラムにまとめる必要があります。

ただ、Cocoonのカラム機能は今後機能を廃止するかもしれません。
というのも、WordPressデフォルトでカラム機能があるので、機能をWordPressのものに統合しようと考えているからです。
なので、WordPressのブロックエディターのカラムの利用をおすすめします。
※ブロックエディターを利用している場合は。

834pxの方は正しく反映されているようです。

480pxの方は、Cocoon親テーマの

@media screen and (max-width: 599px)
.container .column-wrap {
    flex-direction: column;
}

の方が優先されてしまっているようです。

セレクタを

.column-wrap

でなく

.container .column-wrap

にしたら良いですかね…？

.wp-block-columnsというのはCocoonのカラムブロックでは使われていないセレクタなので特に意味を為していないようです。

@yhira

わいひらさま

お忙しい中、こんなド素人な質問に早速お返事くださり、ありがとうございました。

お返事を読んで思い出したのは、このページはWordpressを使い始めた最初の頃に作ったものでした。なので、ブロックエディタを正しく使えていなかったようです。

早速2カラムで作り直したところ、即目指していた形に反映されました。

本当にここでお聞きするのも恥ずかしい初心者の質問をしてしまいました。

お騒がせしてすみません。そして、ご親切なお返事を本当にありがとうございました。

前略、HARE さん

別件ですが、ConoHa WING で提供されている Cocoonのテーマのフォルダ名が、標準のフォルダ名と異なっていることが原因で、Cocoonの親テーマをアップデートできない方が多くいらっしゃるようで、HARE さんも、そのお一人のようです。

現在、Cocoonの親テーマの最新バージョンは、2.2.8.8 ぐらいかと思います。

以下の過去のトピックで、わいひらさんが解決方法をご案内くださっていますので、お読みになってみてください。

※[解決済] 親テーマ更新後、2つの親テーマがあります。

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

@leafytree

リフィトリーさま

Cocoonは急いで手動アップデートしなくても、そのうち自動アップデートされるという説明があったので、そのうちアップデートされるものだと思っていました。

まさか親テーマがダブっていたとは思ってもみませんでした。ご指摘くださり、ありがとうございました。

確かに親テーマが2つ存在していました。

そこで誘導してくださったリンクに記載のとおり、

①子テーマのstyle.cssのTemplateをcocoonからcocoon-masterに変更

②ダッシュボード→更新でCocoonを「テーマを更新」

③外観→テーマで古いバージョンの親テーマにのみ赤字の「削除」が出ていることを確認の上、これを削除

これで親テーマの整理をすることができました。

Wordpressを始めたばかりであちこち情報を探して自力で解決しながらなんとかサイトオープンまでこぎつけたのですが、今日どうやっても解決方法を見つけられずこちらに投稿させていただきました。

こんなに素早くいろいろな方から、それも質問していないことにまでアドバイスしていただけるなんて思いもしませんでした。

皆様の温かいサポートに心から感謝します。