Cocoonフォーラム

@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掲載のショートコードの記述例に問題ありますね。 パラメータの前、全角スペースになっている。 パラメータが長いので見易さを考慮してか、各々改行して記述している...

@fromine さん 添付されたコードをそのままfunction.phpにコピーし確認しました。問題なく動作します。 1.png

私は固定ページ中の「投稿コメントフォーム」を削除し、Cocoon設定に任せる事を考えました。

以下を参考に各項目を確認して下さい。 ●ご参考

●確認事項上記の「他のタブ閲覧時」ですが[ダッシュボード]→[Cocoon設定]→[インデックス]→フロントページタイプ「タブ一覧」で表示される表示カテゴリタブを示していますか？ 「ブラウザバック時」ですがショートコードが書かれているページから離れた時を示しますか？ ●ショートコードについて...

●確認結果全パラメータ確認していませんが、両方とも動作しモーダルウィンドウ表示されます。 ●動作条件以下の3つをfunction.phpに登録する必要あり。 ポップアップを表示するためのショートコード URLパラメータを変換するショートコード 離脱防止ポップアップ起動を制御するショー...

●原因親テーマCSSが、画面サイズが480px以下になった時、図示の通り、 .card-contentをmargin:0としている。この為、余白がなくなり、タイトル下線がカード端まで伸びてしまう。 ●対策以下を子テーマCSSに追加。画面幅が480px以下になっても、強制的に余白40%を保持する。...

削除しても問題ないと思いますが、ここに至った経緯が分からない為、自己判断にお任せします。 また、FTPソフトですが、作業ミスを防止する上で、サーバ接続した時のリモートディレクトリを、子テーマ下に設定する事をお勧めします。 例：FileZillaの詳細設定「/public_html/wp-co...

以下を確認してみて下さい。 [ダッシュボード]→[プラグイン]で、以前インストールしたプラグイン一覧が表示されるか。 [ダッシュボード]→[外観]→[テーマ]でCocoonの親、子テーマが表示されるか。 /pf/wp-content/uploadsに以前の記事に使っていたメディアはあるか...

腑に落ちない点があり。先に書かれたfontsを削除と書かれていますが、以下のディレクトリは明らかに変です。 /wp-admin/css/wp-content/themes/cocoon-child-master/skins/skin-template/ FTPソフトを使用していたとしたら、誤...

サイトURLの現物で確認できてませんが、以下のように該当チェックボックス(.cat-item-カテゴリ番号)をCSSで非表示。 .searchandfilter .cat-item-326, .searchandfilter .cat-item-127, .searchandfilter ....

@kumiel さん 古いバージョンをアップロードとの事。ロリポップですが、サーバー設定でアップロードできるファイル容量に制限があるようで。設定を変更していますか？ ●ご参考 WordPressのテーマをインストールできない時の対処法

現在、サイドバーにSerch＆Filterがなく。状況を見ないと正確な回答ができません。実際にウィジェットに追加を願います。

モーダルウィンドウをポップアップ表示させたいページにショートコードを記述していますか？function.phpに追記するだけでは動作しません。因みにコードを掲載しているページはテーマCocoonです。

Cocoonの一覧表示で全文表示する機能はないと思います。 ●ご参考

以下が参考になりませんか？「管理者」でない？

以下が参考になりませんか？

[外観]→[テーマ]にCocoonの親テーマ、他テーマは表示されますか？ FTPで以下のディレクトリ(Cocoon親テーマ)は存在しますか？wp-content/themes/cocoon-master

classの確認を願います。今後、速やかに回答する上で、該当部のCSSを提示頂く事を望みます。 .footer { border-top: 1px solid #ff0000; }

上記の情報で、子テーマの構成が全く異なり。 /wp-content/themes/cocoon-child-master/skins また、wp-adminは、WordPress の管理画面の表示部分に関するファイルが格納されていてます。本来、ここを弄る事はないと思います。

本件はこれでクローズします。 ●ｍｋ２さん 参照先の通り、まるで同じ動作です。調べて頂きありがとうございます。 ●わいひらさん 了解しました。様子みます。 ●ご参考 [外観]→[カスタマイズ]→[ウィジェット]→[サイドバー]を見るとカスタムHTMLがグレーアウトされているの...

@yhira さん----------------------------------------------テーマ名：Cocoonバージョン：2.4.5.6カテゴリ数：19タグ数：139ユーザー数：1---------------------------------------------- ...

@hiro55 さん 親テーマスタイル：/wp-content/themes/cocoon/style.css子テーマスタイル：/wp-content/themes/cocoon-child/style.css を見た際、余白、コメント、改行が削除され縮小されており。また親テーマCSSがin...

添付されているテーマ情報が「バージョン：2.2.8.1」のままとなっています。再確認願の上、最新の情報の添付願います。その際、サイト高速化(CSSを縮小化する)の解除も合わせ願います。 同様な事がフォーラムにあり。

●対策案 モバイルの時、従来通りoverflow-x:hiddenを有効とする。 @media screen and (max-width: 1023px){ body { overflow-x: hidden!important; } } ●理由 モバイルの時...

不具合ではありません。 ●原因 [Cocoon設定]→[インデックス]→フロントページタイプ「カテゴリごと」 このフロントページは、「ｈttp://https//camo-session.com/」を示します。

●原因図示のノート下の切りかきに入れている、デザインの部分の要素がbody外にはみ出ている。以下の対策でbodyのoverflow-x: hiddenを止めた。これに起因します。 スキン「手がきノート」不具合 1.png

メディア追加時のalt属性の入力はinput(改行不可)。Gutenbergのalt属性の入力はtextarea(改行可)。ここに違いがあり。 以前は、alt属性はメディア一覧に追加の際、メディア一覧側で入力していた。Gutenbergになり、エディタ中で容易にalt属性を入力可能となった。この...

別の案として以下があります。 ●別案 スキンのデザイン、アイキャッチ画像を投稿タイトルと重ねるのを止め、投稿タイトル下に表示させる。この為、既に本文中にアイキャッチとして追加している、タイトル下の画像は不要となります。 以下は削除 .article-header .eye-catch...

●親テーマのスキン「ホワイトラーメン」について アイキャッチを半透明で必ず表示し、その上に投稿タイトルを重ねるようになっています。 ●要件 たぶん、子CSSを見ると以下が書かれており。アイキャッチの上に投稿タイトルを重ねたくないのでは？ .article-header .eye-ca...

@mellow-ordinary さん 見間違えていました。[Cocoon設定]→[本文]→「本文余白」の設定に応じ、見出しも自動で余白が設定されており。 余白が大きいので、子テーマCSSに見出し余白の定義を追加して下さい。以下は例ですが、margin-bottomも必要に応じに追加して下さ...

●PC時の「当サイト」の上の余白 margin-top:2.4emが定義されています。この為、余白が入ります。余白を調整して下さい。 .article h2, .article h3, .article h4, .article h5, .article h6 { margin-top...

@epz1 さん YES。