Cocoonフォーラム

----------------------------------------------テーマ名：Cocoonバージョン：2.7.8.1カテゴリー数：19タグ数：150ユーザー数：1----------------------------------------------修正されていることを確...

文字サイズが小さく、3桁入ることを確認しました。 ●現象 画面幅が480px以下のとき、「次へ」「前へ」ボタンが表示された場合、ボタン数が多くなり円がつぶれ楕円となってしまう。  2024-10-22_18h28_50.png

●対策 スキン「NAGI」を「てがきノート（ブルーコーラル）」に合わせてみました。以下に置き換える。 コードを入力すると403エラーになり。このため上記を参照ください。 ●気になる点 ソースを見て気付きましたが、スキン「NAGI」で値に「"」を含んでいる。このため、inpu...

不具合ではありませんが、上記の件、grayishのプログラム設計に疑問があり。ページネーションの番号置き換えに、JSを用いていますが、なぜテンプレートフック（cocoon_part_after__tmp/pagination）で出力するのか？謎です。単にjavascript.jsに書けばよく。

これは投稿するところを間違えたので、この投稿とは関係ありません。別に新規追加しました。

見て気づいたのですが、wp_link_pagesのページ番号は言語設定に応じてnumber_format_i18n() によって、4桁以上の数字にカンマが付くのですね。 以下はページ番号からカンマを除去するためのコードです。 add_filter('paginate_links_output...

てがきノートが修正されていることを確認しました。 2024-10-21_20h44_46.png

----------------------------------------------テーマ名：Cocoonバージョン：2.7.8.1カテゴリー数：19タグ数：150ユーザー数：1----------------------------------------------対策されていることを確...

---------------------------------------------テーマ名：Cocoonバージョン：2.7.8.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- 修正されていること...

----------------------------------------------テーマ名：Cocoonバージョン：2.7.8.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- 修正さえているこ...

今、修正結果を確認したら、サムライシリーズもズレてました。 2024-10-21_20h10_00.png

これはマウスホバー時のやつでしょうか。 そうです、本投稿の類似に間違えて記述しており。 2024-10-21_19h54_18.png 2024-10-21_19h55_05.png 言われるように、ボタンの高さのずれの類似は以下のみです。 カラフルライン...

表示タイプ「デフォルト」で最終ページのとき、ボタンが「次へ」ボタンつになる。next-postのとき線を追加するため、図示のように余分な線が表示される。赤線のコードは不要です。  2024-10-21_19h44_49.png

てがきノート「ブルーコーラル」のみスキンでの日本語フォント設定「設定なし」にすると読み込まず。 簡単な方法で以下で可能では？ if (get_theme_mod('font_pattern_control','font_klee') !== 'font_none') { echo...

●類似 Simple‐Darkmode Simple‐Darkmode Always（常時ダークモード） も重なります。

これはマウスホバー時のやつでしょうか。 見たら、重なりますね。

↑全く関係ないですね。 ＞わいひらさん mk2さんが言われるように、無条件でてがきノートで使われるGoogle Font一式を読み込んでおり、望ましくないですね。 図1のことを指しているかと思います。 【原因】 同様の内容が掲載されており、原因が述べられています。 ...

----------------------------------------------テーマ名：Cocoonバージョン：2.7.8.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- 対策されているこ...

スキン制御は単に「ページ送りナビの枠線を表示する」をオフにしただけ、対策不十分です。 先にも書いてありますが、スキン「Fuwari」は表示タイプに関係なく、枠線が付きます。そのため、画面幅480px以下のとき、表示変化に合わせ、先述のコードが必要となってきます。 ページ送りナビ設定...

●補足 今回、たまたま見たスキン「Fuwari」を使用している方のページを拝見し、気になったので、調べてみました。

●補足 上下のボタンの間に余白がなく、hoverの際、上に移動するスキンが他にもあります。背景色が付いているため、上のボタンに重なっても、下が見えることがなく。ただ、重なるため、区切り線は消えてしまいます。

●類似不良 Simple‐DarkmodeSimple‐Darkmode Always（常時ダークモード）カラフルラインほんわかライトニング

類似で枠線に伴う不具合があります。 ページ送りナビ設定 表示タイプ「デフォルト」のとき、標準上下にボタン配置。 表示タイプ「サムネイル正方形」のとき、標準横並びにボタン配置。このとき、1ページ、最後のページにホームボタンが追加される。 スキン「Fuwari」は両方とも横並びにボタ...

●原因 先述の通り。 ●対策 ページ送りナビに元々枠線があるため、枠線をオンにした状態でも余分な枠線が表示されないようにする。以下の箇所にコードを追加する。 .body .pager-post-navi a.prev-next-home, .body .pager-pos...

●原因 justify-content: space-betweenを使用して、コンテナ内の両端にページボタンを配置している（1つ目の要素が左端、最後の要素が右端に来るように配置）。しかし、ボタンが1つしかない場合、最後のページのボタンが左端に配置されてしまう。 ●対策 「前へ...

スコアそのものではなく、おそらくPageSpeed Insightsでエラーが表示されるため、フォントが原因ではないかと気にされたのではないでしょうか。

●回答 図1のことを指しているかと思います。 【原因】 同様の内容が掲載されており、原因が述べられています。 【対策】 以下が該当します。（てがきノートシリーズ）ここをopacity:0.1とするとエラーは改善するかと思います。 【原因】 [Cocoon設...

仕様ということでクローズとします。

●回答 以下のコードを追加します。 .logo-menu-button.menu-button { justify-content:flex-start; padding-left:22px; } ●アドバイス CSSをカスタマイズする上で、Chromeのデベロッパー...

----------------------------------------------テーマ名：Cocoonバージョン：2.7.8.1カテゴリー数：19タグ数：150ユーザー数：1---------------------------------------------- ブログカードに自...

気になった点は、メディアのパスがhttps（SSL）になっていません。  2024-10-17_20h05_09.png

[Cocoon設定]→[ヘッダー]→ヘッダー背景画像の「背景画像の全てを表示」をオンとしてませんか？これをオフにして解決しませんか？背景画像を縦横比を保持し表示するため、ロゴに余白ができます。

対面で対応しているわけではないので、図を使ったり、相手に伝わりやすいよう工夫してください。 .header-in img { vertical-align: top; } .site-name-text-link { padding: 0; } 404-NOT-F...

最初は誰でも初心者です。知識ゼロの状態から、調べて学び、知識を身に付けていくのです。 コピペ自体が悪いわけではありません。そのコードが何であるかを理解し、それを足掛かりに調べ、学ぶことが大切です。 なぜ皆がカスタマイズ用のCSSを書けるのか、なぜ該当箇所のCSSクラスがわかるのか、そこには特...

●回答 CSSのプロティと値の間のコロンが漏れています。 修正画像がエラーとなり添付できず。 .header-in{ width: 100%; } .header-in img{ width 100%;★ } .logo-image span,.logo-image a ...

次回のバージョンアップで、Gutenbergエディターのスタイルボタン追加が変更されます。 今までassets/js/block.jsでスタイルボタン定義していましたが、これを削除します。代わりに、JSを止め、PHPでの定義に変更します。（ボタンテキストを同じにし__()としています） ご了承...

全く解っていないようなので、全ての見出しh1～h6の前に.article（親のCSSクラス）を付けてください。 リセットを.mainとしてますが、記事以外にも影響します。例えば.main h1とし見出し設定した場合、図示のようにエントリーカードにも影響します。 2024-10-17_11h...

●回答 CSSはブラウザの表示幅に応じて対応します。PCやモバイルなどのデバイスや、モバイルの縦向き・横向きといった概念は存在しません。 /* ブログカードタイトル */ .body .blogcard-title { font-size: 18px; } /* ブログカード...

●補足 リセットするなら、ここにh2～h6を書くのではなく、纏めた方がいいです。 .article h2, .article h3, .article h4, .article h5, .article h6 { background: none; border: 0; ...

●回答 どこのh1～h6を対象にしているかが指定されていないため、スキンCSSが優先されてしまいます。このため、メインエリアのh1～h6と言うように、h1～h6の前に親要素のCSSクラスを追加し、例えば.article h2とします。 以下のようにコメント（/* */）に入力ミスがあ...