Cocoonフォーラム

@akira さん 前回の事もあり、本来、WordPressプラグインCSS、テーマCSSの順序のルールについて気になり。勉強になりました、ありがとうございます。

「WordPressプラグイン」で使っているのは以下の2点です。実際、問題が出てるとかではないです。 XO Event Calendar 2.3.7 Yoast Duplicate Post 4.5

Ver2.4.7.4で対策されている事を確認しました。本件はクローズします。  1.png

jQueryライブラリの取り込みが足りませんでした。問題なくタイルカード型でも作れます。

PHPを弄る必要はないです。ご参考までに、エディターでHTMLタグ入力して固定ページを作成してみました。図のように、提示頂いたHPに合わせ各要素を合わせています。 ●Cocoon設定[Cocoon設定]→[インデックス]フロントページタイプ「一覧(デフォルト)」　フロントページを固定ページで作成...

分かった範囲で回答します。 タイルはWordPress同梱のjQueryライブラリ「Masonry」を使って並び替えてます。 固定ページに、フロントページと同じように、Javascriptを追加し、新着記事・人気記事のセレクタを設定すれば、実現できます。 タイルの一覧ページのHTML下に...

@fromine さん 子テーマCSSに定義し、プロパティにimportantを付ければ強制的に優先されます。 .article h2 { padding: 25px!important; }

上記に誤解を生む表記があり。「＞」並び順を示し、優先度ではありません。CocoonのCSSですが並びは親→子→wp-block-library-cssとなっており。wp-block-library-cssの優先度が1番高いです。

@emuranodoka さん勘違いをしていました、すみません。Cocoon「[C]最近のコメント」の他に、WordPress標準「最近のコメント」があるのを全く気づいていませんでした。お陰でCocoon以外でも、コメント一覧を出力するショートコードができ。色々、勉強になりました。

何かそれらしい事が書かれており。 気になったのはCocoonのCSSですが、親＞子＞wp-block-library-cssとなっています。他テーマSANGO、JINを見ると、wp-block-library-css＞親＞子のようです。

tn7171 さん 対策されたみたいですね、本件のクローズ願います。

何となく原因が分かり。バージョンアップの際、以下の手順で作業をしていた。 Cocoon子テーマ→他のテーマ（例：Twenty Seventeen）に変更。 Cocoonテーマ親テーマをバージョンアップ。 他のテーマ（例：Twenty Seventeen）→Cocoon子テーマに変更。 ...

@akira さんまた一つ勉強になりました。ネット調べたら多々、書いてあり、大分無駄なコーディングしてました苦笑

以下を追加して下さい。480px幅の時、折り返すようにしました。前回の質問もですが、実際のページを見ていないので何とも言えません。どうアレンジするかは、CSSを理解し、ご自身での対応をお願いします。 @media screen and (max-width: 480px) { .new-e...

以下の通りです。 /* 既存のアイコン非表示 */ .breadcrumb-item > .fas{ display: none; } /* URLに「technology」が含まれる */ .breadcrumb-item a[href*="technology"]:b...

●確認事項要件・目的は、以下で間違いないでしょうか？Gutenbergエディターの「最新のコメント」だと、余分な文字（「より」とかのテキスト）が入り見難い。「[C]最近のコメント」ウィジェットの方が、見易いので使いたい。 ●既存の方法「[C]最近のコメント」ウィジェットを図のように、例えば投稿本...

●補足「最新のコメント」ウィジェットをサイドバーに配置した結果です。一見、Cocoonのソースを見ると、上記リンクのコードのように改善されていると思われますが。 2.png

@emuranodoka さん ●要件の明確化以下のように表示されます。また、「最近のコメント」ウィジェットをサイドバーに配置しても同様に表示され。CSSを追加する事でデザインは変更できますが。 期待に対して、何が問題なのか図示するなり、他人が分かるよう具体的に説明・提示願いたく。 ...

Gutenbergエディターの「最新のコメント」ブロックを用い、個別の記事に載せるのはダメなのでしょうか？  70e69993634ed55e501d6f78681ed69a.png

●ショートコードnew_listの動作について通常非表示、日付、カテゴリーは非表示。 以下のように既にカスタマイズ済みしているかと思います。 CSSで投稿日付を非表示→表示 phpでカテゴリを非表示→表示 ●要望についてnew_listの結果を変更するなら以下のCSSで可能かと。...

上記の補足です。 ●原因左サイドバー+メイン幅は1250pxある。図示するようにプラグイン「VK Blocks」が全体幅を1140pxにしている。この為、Cocoonのデザインと合わず、はみ出てしまう。 ●対策プラグインを停止して下さい。 1.png ●補足 エディターGute...

上記のリフィトリーさんのコードは例で、実際の固定ーエジに合わせpage-id-1234→page-id-6855に修正して下さい。

/wp-content/themes/cocoon-child-master/style.cssを示します。実際、図示のように子テーマCSSを使われています。その中に上記コードを追加して下さい。見ると入っていません。 1.png

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.3カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------●確認結果[Cocoon...

背景画像の縦横比を450:1600で保持し画面幅に合わせる為、文字も画像なので当然小さくなります。（注意）画像そのものの大きさを変更する場合、上記の数値も変更して下さい。

●追加CSSの以下を削除 #appeal-in { background-image: url("https://at-contents.com/wp-content/uploads/2022/07/7966bae78213db11914ad7af893f8431.jpg"); ba...

@suzu1005 さん 調査を依頼している中、最低のマナーとして、設定を変更するのは止めて下さい。今見ると、アピールエリアが消えています！設定が変わり、調査のしようがありません。こうなると、ご自分で対策して下さいとしか言えなくなります。 1.png

件名の問題はクローズしているので、以下のトピックスとします。

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.2カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------問題があります。図示のチ...

以下を子テーマCSSか、追加CSSに追加。例:#fffの部分がテキストカラーになります。 .navi .sub-caption { color: #fff; } 1.png

@sundubu さん HP見たらCSS追加できたみたいですね。本件ですが、別件でバグとして対策してもらいました。 Cocoon バージョン：2.4.7.2で対策されています。

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.2カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------●確認結果修正されている...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.1カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------再確認しました。1023...

YES。

●追加モバイルメニューの切り替わりがちぐはぐに思えます。 画面幅1023px以下の時、ヘッダーモバイルボタン、フッターモバイルボタンが表示 画面幅834px以下の時、トップメニューが表示 「モバイルボタン時コンテンツ下のサイドバーを表示」、1023px以下でサイドバーが折り返し表示 ...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.1カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------確認しました。動作に疑問...

.wp-block-contact-form-7-contact-form-selector(Contact Form 7のブロック)内に.article-footer(Cocoonの投稿本文下)があり。タグチェックをかけると<div>、</div>の数が合いません。Cont...

●現象画面幅835px～1023pxの時、ヘッダーメニューが表示されなくなる。 ●原因[Cocoon設定]→[モバイル]→モバイルメニュー「ヘッダーモバイルボタン 」の時[外観]→[メニュー]PCとモバイルでヘッダーメニューを設定しているが切り替えが以下となっている。 ヘッダーメニュー：...

●確認結果上記の該当ページ、iPhone+Safariで表示させ。フリーズする事なく表示されました。 1.png

@yhira さん 本件ですが、私は未対応だと思っていました。見出しに対して擬似要素を用い、修飾する事は、スキン「てがきノート」だけに限らず多々あると思います。 そもそも見出しにアンカーを用いる事が異例だと思っています。ページの構成として、本来、目次から、該当の章に遷移し、その中で話が閉じる...

●別案以下のCSSを追加する。 /* 擬似要素のクリックを無効にする */ .article h2:before, .article h2:after { pointer-events: none; }

●対象WordPressバージョン：6.0.1 ●確認結果wp_list_categorieswp_list_categories親に子の投稿件数が合算され、正しく出力された。

@msg さん本件の原因と対策を書いたので、確認願います。

@yhira さん 以下に同じ問題が書かれています。このページの参考フォーラムにも同様な書き込みが。

●補足他テーマ「Twenty Seventeen」に変えても同じ現象が発生しました。

@yuamama さん 直ってよかったです。私も眠れなくなりそうでした笑はじめJetPackの画像遅延読み込みが原因かと、うたぐったのですが。確か似たような現象をフォーラムで見た事があったと... 以下を参考にTwitterの解除をしてみては？