Cocoonフォーラム

以下です。 .widget_categories a::before { font-family: "Font Awesome 5 Free"; content: "\f07c"; } /* 子のリスト */ .widget_categories .children a::...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.6.2カテゴリ数：20タグ数：140ユーザー数：1----------------------------------------------以下のスキンが修正されて...

本件ですが、親テーマのスキンに問題がある事が分かりました。ありがとうございます。

●手順[Coocon設定]→[全体]→サイト幅の均一化「サイト幅を揃える」をチェック ●原因親テーマスキン「いつものコヒー」に問題があります。.contentに、margin-left,margin-rightの定義があり。「サイトを揃える」とした時、その分がはみ出し、.contentがずれてし...

●補足URLの特定文字が画像（ＧＩＦ）として誤認識されているようです。↓半角にして入力して下さい。https://ｇifujimu.com

●補足 3列2行で表示されるようにしたいです。 上記コードを以下に修正して下さい。メニューを3列にするなら、width: 50%;→33%またメニューを左寄せなら、justify-content: center;→start

以下が根本対策になります。●原因オンにすると、bodyに.no-mobile-header-logo付加されない。この為、背景画像の高さをしていしているセレクタが異なり、背景画像が消えてしまう。（ヘッダーロゴを非表示としているので、高さを持つ要素がない） .no-mobile-header-lo...

●補足 Ver2.4.6の時、モバイルヘッダーの高さ調整で、親style.cssが変更になっています。この時、.no-mobile-header-logo .header .header-inの定義が追加され。 bodyのclassを見ると.no-mobile-header-logo...

★の部分にエラーがあり、反映されていません。下線部の文字コードが違うのかエラーとなっています。再入力して下さい。 ●96行目.profilepage-link a {___font-size: 10px;★} 155行目#header-container .navi-in > ul l...

[Cocoon設定]→[モバイル]で以下の設定のチェックがはずれてませんか？確認願います。  1.png

@omochikun さん 子テーマCSSか、追加CSSの一番下に以下を追加。 @media screen and (max-width: 1023px) { #navi .navi-in > .menu-mobile { display: flex; } }

@yhira さんCocoonのマニュアルに注記で十分かと。

同様にwp_list_categoriesも、動作に問題があります。2つ目以降の結果がおかしくなります。 ●動作以下のカテゴリ構成の時、親1についてwp_list_categoriesを呼び出した。 $args = array( 'title_li' => '', ...

根本原因、まさかのオチで、上記の私の疑問はクローズです。

get_categories()のおおもとはget_terms()だったかと。どうも、WordPress6.0の問題のような感じです。

要望の仕様に問題があると思います。初めて投稿したページは、一定数に満たず、全く表示されない事になるかと。

私のほうでも現象が確認されました。 WordPressバージョン：6.0PHPバージョン：7.4.28----------------------------------------------テーマ名：Cocoonバージョン：2.4.6カテゴリ数：19タグ数：140ユーザー数：1-------...

少し調べましたが、wp_get_nav_menu_itemsを以下で用いており。件数がタイトルに付加されてしまいます。 navi_list box_menu この時、先にも書きましたが、カテゴリが以下の時、ヘッダーメニューは車(24)となるが、なぜかボックスメニューは車(0)となり。...

@akira さん 上記コードを実行した際、以下の現象となりました。 ●現象件数表示の対象が、ヘッダーメニューだけでなく、ボックスメニューのタイトルも件数表示される。 ●疑問何故か、ボックスメニューとヘッダーメニューで件数が異なり。get_categoriesの配列を見ると、catego...

●ご参考勉強になりました、ありがとうございます。Akiraさんのコードですが、同一カテゴリ名称の時、問題かと？ function my_the_title_menu_category( $title, $post_ID ) { if ('nav_menu_item' == get_post...

Cocoonの設定でないなら、こんな記事を見つけました。

すみません、間違っているかも。

[Cocoon設定]→[広告]→広告コードにショートコード書いていませんか？

簡単な話しではないので、参考までに。あくまで思い付きです、ご了承下さい。 ●動作についてCocoonですが、画面を下スクロールさせた際、top達した際、消えていたヘッダー画像を表示させます。この為、Akasumi0304さんが言われるよう、一瞬にして表示されて見えます。 ●添付HPについて別...

申し訳ありません。ヘッダーのCocoon設定の情報含め、現物を確認しないと回答は難しいです。

----------------------------------------------テーマ名：Cocoonバージョン：2.4.5.7カテゴリ数：19タグ数：140ユーザー数：1---------------------------------------------- ●条件[Cocoo...

ヘッダー設定に伴う動作仕様が分かり難いですね。Cocoonマニュアルのヘッダーロゴ設定に解説の追記を望みます。 ●現象表示幅835～1023pxの間、モバイルヘッダー下に空白ができる。 .header .header-in {min-height:100px; } ●原因[...

@leafytree さんの通りです。 ●手順[Cocoon設定]→[モバイル]→モバイルメニュー「ヘッダーモバイルボタン」 ●原因[外観]→[メニュー]→メニュー設定「ヘッダーメニュー」のみチェックとなっている。表示幅が1023px以下になった時、ヘッダーメニューは非表示となる。(.men...

以下のCocoonのカスタマイズに書いてあります。 SmartNews用のロゴ画像URLを独自に設定するカスタマイズ方法

●補足実現する為には以下の２案があるかと思います。私は案２で実現しています。 ●案１本来、以下を修正し「新着記事」を除外するが望ましい。tmp/list-tab-index.php ●案２以下の方法でも可能です。CSSで新着記事タブ（.index-tab-button[for="index-...

●原因 提示されているページですが、以下の設定となっており。[Cocoon設定]→[インデックス]→フロントページタイプ「タブ一覧」添付記事のCSSは使えません。 また、添付されている記事ですが、図示の「カテゴリごと」の場合を示します。尚、フロントページタイプで「新着記事」を除外する機能はあ...

以下の事が起きているのでは。ヘッダー画像の高さに合わせthreasholdの値を調整しましたか？ ●手順以下の設定をした。[Cocoon設定]→[ヘッダー]→ヘッダーの固定「ヘッダーを固定」ヘッダーロゴ（例：横200×縦1000px） ●現象下に画面を600px下にスクロールすると、CSSを...

@yujikoga さん どの部分を示すのか、赤枠とかその部分が分かるよう、図示してもらえますか？

邪道ですが。 ●JavaScript $(function() { //目次を検索 $('.toc li').each(function() { //見出し(目次リストの2番目のaタグ)にaタグあり var text = $(this).find('a...

問題の本質、直接的原因（動作の問題）より、仮に「なぜ全角が混入」したのか？動機的原因が問題。これを明確にしないと、同様の繰り返しかと...

[Cocoon設定]→[目次]→H見出し内のタグを有効にするこの時、見出しタグ中のaタグは除外する必要があるかと。 ●現象 見出しにaタグを用いると、目次のリンクが入れ子になってしまいます。 本文の見出しHTML例、＜h2＞＜a href=a＞見出し＜/a＞＜ｈ２＞目次のHTML例、＜a...

@akira さん 根本原因が何か？元ファイルを何で作ったか気になる点ですが。 ワードプレス上で[ダッシュボード]→[外観]→[テーマファイルエディタ]→square-comment.php 既にあるファイルにソースコード(テキスト)をコピペして上書き保存。でもいいのは？

●CSS定義の説明以下の定義は、現在のヘッダーサイズ縦450px(赤字)、横1900px(青字)となっています。 .header { height: 0; object-fit: cover; padding-top: calc(450 / 1900 * 100%); width: 10...

@kukuku さん ●手順補足 リンクのコードをコピペし、「square-comment.php」と言う名前でファイル作成。 サーバの子テーマのディレクトリ/wp-content/themes/cocoon-child-master/下に、作成した「square-comment.ph...

サーバー等の環境が不明ですが、以下を参考にしてみて下さい。

子テーマCSSに以下を追加。図示のように赤枠と青枠の表示順を逆にします。 .comment-area { display: flex; flex-direction: column-reverse; }  1.png

@lucklog さん ●確認結果Version: 1.0.1表示スキン（ベース）に、スキン名が、正しく表示されることを確認しました。（図参照） ●余談該当の要素（テキスト）を特定することだけを考えていました。全体から不要なテキストを削除（label - tooltip）と言う発想に至らず。...

●要件 右にハンバーガーメニュー 真中はロゴ画像 検索窓削除 以下を追加して下さい。（図参照） /* メニューと検索を入れ替え */ .mobile-header-menu-buttons { flex-direction: row-reverse; } /* ...

●ヘッダー画像表示 今のヘッダー画像1900×450pxを前提としています。以下を置き換えて下さい。 @media screen and (max-width: 1900px) { .header { background-size: contain; } } ↓ ...

@lucklog さん 確認したのは、作成した独自スキンです。子テーマのスキンCSSには、Skin Name、Version、Priorityしか定義していません。 ●確認結果 指摘の通り、子テーマのスキンCSSに、Skin URIを定義しました。表示スキン（ベース）に、スキン名が表示さ...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.5.6カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------早速、アップロードしてみ...

上記に誤りがありましたので無視して下さい。 赤下線は全角スペースではなくTab(インデント)でした。（バイナリコードを確認） パラメータの改行ですが、該当のショートコードを、そのまま旧エディタ（ビジュアルエディタ）でコピペ。改行されず、1行のショートコードとなり。（添付ファイルの通り、旧エ...

@fromine さん 原因がそことは...コピペでパラメータ書いていなかったので、これでは私の方では問題とないですね。 HP掲載のショートコードの記述例に問題ありますね。 パラメータの前、全角スペースになっている。 パラメータが長いので見易さを考慮してか、各々改行して記述している...