Cocoonフォーラム

●結果mk2さんが既に回答されています。投稿を編集で「アイキャッチを設定」に設定された画像が正しく表示されています。 ●対策投稿ページのアイキャッチ画像を意図した画像に設定し直して下さい。 ●補足[Cocoon設定]→[画像]→アイキャッチの自動設定説明に書かれている通り、本文中の先頭画像が...

●追加説明Cocoonのシンタックスハイライト表示は標準行番号は99までです。この為、以下に掲載のコードを、functions.phpに追加する必要があります。 ●補足コードをハイライトするjsで以下があります。Cocoonは、highlight.jsが標準で実装されています。ただ、hig...

上記の件ですが以下の経緯があり。参考になるかと思います。

@yhira さんマニュアルが改訂されている事を確認しました。本件をクローズします。

@chiaki20220829 さん 恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

ヘッダーですがヘッダーロゴ画像か、ヘッダーテキストだった？思います。 ●方法1ヘッダーロゴに画像を指定すれば、ヘッダーテキストは非表示となる。この為、ヘッダーロゴに透明画像を指定する方法もあります。この時、ヘッダー背景画像が指定したモバイル高さ(画面に合わせ最小100px)で表示される。 ●...

CSSで非表示にしています。該当ページのカスタムCSSに記述していませんか？ 2022-09-12_14h11_42.png 2022-09-12_14h15_09.png

[Cocoon設定]→[モバイル]→モバイルボタン「サイトヘッダーロゴを表示する」にチェックが入っていますか？  2022-09-12_13h31_07.png

●手順固定ページに、2列ブロックで、にブログカード(URL記述)を配置している。 ●原因URLは以下です。 社会人看護師についてまとめ 前記の通り、ブログカードは横向きとなります。また、[Cocoon設定]→[インデックス]の設定とは関係ありません。 ●対策以下のCSSを追加します。...

添付された図を見ると投稿ページ内のようですが該当URL「下書きをプレビューする権限がありません。」となり状態が分かりません。 ●インデックス [Cocoon設定]→[インデックス]→カードタイプ「タイルカード2列」設定になっており、図のように縦カードで表示されています。（フトントページ、...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.9.1カテゴリ数：19タグ数：143ユーザー数：1----------------------------------------------確認しました。今回の件、...

子テーマを使って下さい。（親テーマ以外に子テーマをダウンロードし、子テーマを有効にして下さい） 自動で子テーマCSSがリンクされ、親テーマCSSより優先されます。また、変更するコードを子テーマCSSに記述しておけば、親テーマが更新に消されるなど影響を受けず。

そうです。 言れる通りマスク表示されてる画面の部分ではなく。 また「アピールエリア背景画像の固定」の説明が無い中、注記があるので、違和感を与えますね。

マニュアルのみ確認しました。ソースコードは未確認です。

@hachi08 さん何もFontawesomeである必要もなく。フォントを揃えるなら、ＭＳ Ｐゴシックの◎○△×で十分だと思いますが。

@konchan さん ●原因以下が漏れています。Fontawesomeは、font-weight:900が必要です。 .widget li a:before {color: #FFC0CB;content: '\f138';/* アイコンフォント */font-family: 'Font ...

全く問題ないです。 あらかじめ、[Cocoon設定]→[全体]→サイトアイコンフォント「Font Awesome 5」選択赤字の部分をFontawesome.comで確認し、使うアイコンフォントに変更するだけです。 <div class="hachi-good fa fa-circle...

回答2インデックスページのサイネイルと、投稿ページのアイキャッチで文字サイズが異なり、リボンの帯の長さも変わってきます。結果、同じ角度ですが、長さが違う為、重なる範囲が変わってきます。こればかりは仕方ないと思います。

細かな修正ありがとうございます。 ----------------------------------------------テーマ名：Cocoonバージョン：2.4.8.3カテゴリ数：19タグ数：143ユーザー数：1---------------------------------------...

上記を補足します。 ●補足 インデックスページのカード、投稿ページで、投稿日、更新日の時計アイコンと日付の間に半角スペースが空いている。 \lib\page-setting\seo-funcs.php118行目$post_date_icon_tagの後に意図的に半角スペースを追加している...

図に示すようにエントリーカードにも、同じように半角スペースがあります。左が半角スペースあり、右が半角スペースを削除した状態です。 意図的にアイコンフォントの間をmarginでなく、半角スペースとしているのですか？ new_listの作成日付の部分にも、時計アイコンが付きますが、そこには半角ス...

@akira さん 投稿者、過去のフォーラムのブログURL見ると「Webデザイナー」と書かれてたので、そこら辺はできるのでは？

----------------------------------------------テーマ名：Cocoonバージョン：2.4.8.3カテゴリ数：19タグ数：143ユーザー数：1---------------------------------------------- 確認しました、本件...

よく見たら子テーマCSSに、アイコンフォント付加のコードは定義してありした苦笑 ●原因子テーマCSSにエラーがあります。（図参照）致命的なのは196～278行目の間に「｝」がありません。この為、全くCSSが反映されません。以下でチェックを掛けて見直し下さい。 また、CSSはFont awes...

解決してよかったです。しかし、本文中に限って段落指定があり、同じウィジェットなのに、表示が異なるのはどうかと思え。これが本対策なのか、判断できず。 わいひらさん細かい話で申し訳なく。[Cocoon設定]→[本文]→行の余白設定したmargin-bottomの適用範囲はどこまででしょうか？多々cl...

●原因本文中と、例としてインデックスリストトップで各段落の余白（margin-bottom）の扱いが異なっている。本文中の場合、各段落（リストと見出しの間など）にmargin-bottom:1.4emが適用され、空白ができてしまう。インデックスリストには余白が指定されていない。図赤字を参照。 ●...

以下に例を示します。該当箇所のidなど追加し対応のこと。 /* ウィジェットのリストの先頭にアイコンフォントを付ける */ .widget li a:before { color: #ffb6c1; content: '\f138'; /* アイコンフォント */ font-...

どう上手くいかないか、です。 参考のサイトのテーブルは結構面倒な事していますね。そこまで複雑でなく、CSSのポイントは以下です。実際に図のように作成できます。 各セル(td)毎にspanで○、×、△のclassを指定 classの条件に応じ擬似要素を用い、○、×、△を背景に重ねる ...

@akira さん お騒がせしました。ありがとうございます。また一つ勉強になりました。

すみません、解決しました。[Cocoon設定]→[高速化]→Lazy Load設定が全てオンになっていました。ありがとうございます。本件とクローズます。

@akira さん 誤記で削除したく。idにfont-awesome-style、font-awesome5-update-styleが無いのですが...

提示してくれたpdfを見てもカードの文字色は黒のようですが。前を知らないので、聞くこと自体、筋違いです。無くなったclassを変更しただけなので、色の事は、依頼した業者にお願いするか、ご自分で対応願います。この件はこれでクローズです。

font-sizeの定義は元のままで、classを正しい物に変更しただけです。なので「ほぼ」でなく同じです。 フォーラムのマナーとして解決済みなら「解決済」ボタンをクリック願います。

私が回答した、上記、追加CSSに記載の赤字の部分を修正して下さい。 普通、個別ページのCSS、javascriptでなく、子テーマに記すべきだと思います。それと申し訳ないですが、以前のフォーラムでの質問含め、crypto_collegeさん自身、WordPressを勉強された方が良いかと思います...

gutenbergエディター開いて以下がありませんか？  1.png

トップページ(固定ページ)をエディターで開き、そのページの下のカスタムCSSに上記CSSありませんか？

昼と今で一部、divのclassが違いましたが、今はもう変化はしません。

はじめ見た時、何処かに上記「.front-page-type-tab-index h2.entry-card-title」が書かれており。（私はそのコードをコピペしただけです。）

高速化にチェックがあるのか、見えない部分もありますが、確か上記CSSが何処かに記述されていました。追加CSSに以下を追加して下さい。 以下の注意の通り、本来フォーラムのルールに反しています。また、たとえ業者に依頼したと言え、ご自分のブログ、内容を理解すべきだと私は思います。 基本的に、独...

@crypto_college さん 何か変更しました？先のclassが消えているように思えます。また、HTML縮小化していませんか？

[ダッシュボード]→[外観]→[カスタマイズ]→[追加CSS]に上記コードがありませんか？

@crypto_college さん 提示頂いた資料の中に「カスタマイズで実装した[show_list_tab_index]ショートコード」と記述があり。その部分に当たります。Cocoonの標準機能で無い為、どのようコードか分かりかねます。ただ、上記CSSで問題ないとは思いますが。

●追加CSS以下を.listに修正 /*エントリーカード*/.front-page-type-tab-index h2.entry-card-title { font-size: 1.2em;}/*スマホ表示時は文字を小さめに*/@media screen and (max-width: 83...

●原因新着記事、初心者タブ中の各リストにPCの時、class="list ect-entry-card front-page-type-tab-index"となっている。しかし、モバイルの時、class="list ect-entry-card"となり、front-page-type-tab-ind...

@mush_mush さんよかったです。恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

以下を追加します。投稿ページの時、ヘッダー部分(ロゴ)を非表示にします。 .single .header { display: none; }  1.png

@kobat さん 恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。