サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年12月3日 14:44
COCOONには大変お世話になっていて感謝いたしています。以下のことを教えて頂きたくお願い申し上げます。
昨日はカルーセルのアイキャッチが非表示を大門未知子さんによって解決し、綺麗に動作しています。連日で申し訳ありませんが、そのアイキャッチの下のタイトル文字の下が空白があり、その空白を埋めたい。なお、アイキャッチのみにしてタイトルを外すCSSは試しまして動作しましたが、やはり文字は付けたい。
①タイトルの下に、又はタイトルの代わりにメタディスクリプションを入れたい。
②上記が無理の場合スラッグをタイトルの下に右詰で入れたい
サイト https://etg69090.x0.com/kamakurakai/
また付属のことですが
トップページのタイトル非表示をそのページのカスタムCSSではCSSが保存されず、外観カスタマイズで動作しました。さらにカスタマイズにタイトルの文字PXと太さが当初は動作しましたが、今は動作しません。またキャッシュの問題かもしれません。
/* トップページのメニュー非表示 */
.front-top-page .navi {
display: none;
}
/* カルーセル */
/* カードタイプに変更 */
.carousel-entry-card-wrap {
box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
border-radius: 3px;
}
/* タイトルのフォントサイズ・太さを変更 */
.carousel-entry-card-title {
font-size: 18px;
font-weight: 400;
}
font-size: 18px;とfont-weight: 400;の数字を変えても反応なしです。
サイト名：鎌倉楽しむ会
サイトURL： https://etg69090.x0.com/kamakurakai
ホームURL： https://etg69090.x0.com/kamakurakai
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-ganchan12/style.css
WordPressバージョン：6.7.1
PHPバージョン：8.3.8
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.2
カテゴリー数：6
タグ数：0
ユーザー数：5
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：880 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools 5.9.2
All In One WP Security 5.3.5
FileBird Lite 6.4.2
Flexible Table Block 3.4.0
To Top 2.5.4
WP-Members 3.4.9.7
----------------------------------------------
大門未知子 reacted
2024年12月3日 15:23
●回答
●上記が無理の場合スラッグをタイトルの下に右詰で入れたい
意味不明です。
●トップページのタイトル非表示
添付されたコードにはそのコードはありません。
トップページにしている固定ページのページ設定をすれば、タイトルは非表示になります（図1参照）。
●font-size: 18px;とfont-weight: 400;の数字を変えても反応なしです
CSSにエラーがあります（図2参照）。
以下のfont-sizeの前に半角スペースでない、文字コードが入っています。
このため、fonnt-sizeの前の文字を削除してください。
/* タイトルのフォントサイズ・太さを変更 */
.carousel-entry-card-title {
font-size: 18px;
font-weight: 400;
}
2024年12月3日 15:59
以前も言いましたが、要件は箇条書きで、お願いします。
●答え
●カルーセルのタイトル文字の下が空白をなくす
図示の通り以下のCSSを追加する。
.carousel-entry-card-title {
display: block;
height: auto;
}
●カルーセルのタイトルの下に、又はタイトルの代わりにメタディスクリプションを入れたい
メタディスクリプションでなく、スニペットですね。
カルーセルのカードはスニペットを出力していません。
フックを使い、カルーセルの投稿からスニペットを抽出し、カードに情報追加します。
add_filter('cocoon_part__tmp/carousel-entry-card', function($content) {
global $post;
// 現在の投稿のコンテンツを取得
$snippet = get_the_snippet(get_post($post->ID)->post_content, get_entry_card_excerpt_max_length());
// 正規表現でタイトルの後ろにスニペットを追加
$content = preg_replace('/(<div class="carousel-entry-card-title card-title">.*<\/div>)/s', '$0<div class="carousel-entry-card-snippet">' .$snippet . '</div>', $content);
return $content;
});
●アドバイス
カスタマイズ以前に、Chromeデベロッパー使い方を理解していますか？
使えないと、暗闇で塗り絵するようなものです。
まず、理解してください。
CSSのプロパティなどの仕様は、その次の話です。
使えないと、暗闇で塗り絵するようなものです。
まず、理解してください。
CSSのプロパティなどの仕様は、その次の話です。
トピックスターター 2024年12月3日 16:59
大門様、大変ありがとうございます。
トップページのタイトル非表示は固定ページのページ設定ではできず、またカスタマCSSではCSSが保存されず消えてしまいます。仕方ないので外観カスタマイズで行いました。他のサイトも同じです。いつの間にそうなったか弄っているうちに、固定ページ内ではできなくなりました。
箇条書きを書いたつもりですが、まだ足らない表現で申し訳ありません。スラッグでは意味不明とのご指摘でしたので添付で行いたいことをページごとに書きました。Cromaデベロッパーの言葉は初めて知った初心者ですが、サイトを少しでも見栄えたく厚顔にもお尋ねしました。この様のカスタマイズは調べてもWebには載っていない難しいものですが、欲求だけは先行しています。
ブログカードの文章の様にメタディスクリプションを用いて添付の5ページの様に使っていますが、スぺニット（抜粋）の使い方は勉強していませんが、使う方法を勉強します。
2024年12月3日 17:37
kobatさん
フォーラムのご利用にあたり、お願いがございます。
添付は、pdfではなく、jpg・png・gif等の画像にしてください。
（pdfは画像ではなく、文書です）
理由は、プレビューされないからです。
（プレビューされれば、ファイルをダウンロード＆開くという手間が必要ないですし、ひと目で分かります）
例えば、最初に添付いただいたpdf、以下ですが。
jpgにすれば、以下のようにプレビューされます。
今後、画像を添付いただけますよう、お願い致します。
kobat reacted
2024年12月3日 17:42
kobatさん
もう1点。
kobatさんがお立てになったトピックは、複数が「解決したのか」「これで終わって良いのか」等、はっきりしない状態で、「解決済」にも「クローズ」状態にもないものがありました。
そのため、勝手ながら昨日、当方の判断で「解決済」及び「クローズ」させていただきました。
ただ、1件どうしたものか良く分からず、まだ開けたままにしてあるものがあります。
昨日返信しましたが、リアクションがありません。
何らかのお返事をいただきたく、お願い致します。
以下のトピックです。
ページ内検索を実装したい
https://wp-cocoon.com/community/postid/81703/
こうやって後から書いたものを見てくださるかどうか・・・。
見てくださらないかもしれませんので、1週間後くらいにお返事いただけないようでしたら、上記トピックはクローズしてしまおうかと思います。
kobat reacted
トピックスターター 2024年12月3日 20:45
大変失礼しました。解決済のつもりでした。いつも色々助けて頂いて感謝いたしております。
初心者で何かと世話の於ける者でございますが、cocoonで少しでも楽しいサイトを作ろうとしています。今後とも宜しくお願い致します。
ｍｋ２ reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。