Cocoonフォーラム

どう上手くいかないか、です。 参考のサイトのテーブルは結構面倒な事していますね。そこまで複雑でなく、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 さん 恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

@youplus さん TCDテーマ風のセンスの良いデザインですねお疲れ様でした

@mk2_mk2 さん図を見たら、Cocoonのタイトル「関連記事」が先に目に付き。よく読んだら、私の早とちりです、申し訳なく笑

●確認のお願い該当部分のHTMLを見るとid=related-entriesとCocoonの関連記事に見えますが？[Cocoon設定]→[投稿]→関連記事設定「表示」ではないんですか？ 2.png

上記ですが、カルーセルのカード中にimg「READ MORE」があり、そのカスタマイズが失敗していたようですね。あと子テーマCSSにエラーがあったので連絡しておきます。  1.png

それは原因調査の為、私も同じです笑、お疲れ様でした。

今見るとカルーセル、動作するようですね。恐れ入りますが、フォーラムのマナーとして、結論（簡単な原因など）を記入の上、解決の場合、「解決済み」をクリック願います。

●原因以下の部分も手を加えていませんか？スペース以外の文字コードがプロパティの前にあり、エラーとなっています。（図参照）div.easyLink-box div.easyLink-img, div.easyLink-box div.easyLink-img p.easyLink-img-box, d...

●Chromeエラーについて特に動作には支障はないと思います。以下を参照 ●原因カルーセルが動作しないのは、カルーセルの要素の並びがおかしい。 HTML(id=carousel)を見ると、カルーセルのカード数は最小で12のところ、カードが2個しかないように見えます。カード(class=c...

●補足[外観]→[テーマファイルエディター]の該当ファイルに、フォーラム掲載のコードを直接コピペすると、意図しないコードが混入する場合があります。この為、一旦、notepadなどPC上のテキストエディタ上で編集した上で、上記にコピペして下さい。

@simpleandwell さん.easyLink-info-btnの前に半角スペース以外の文字が残っています。（■の部分）削除願います。 ●質問この手の不当コードの問題が結構あり。どうの様な手順でコードを入れていますか？PC(mac？）は何ですか？ 2022-08-28_10h29_5...

同じ質問が二重投稿されており。回答は以下にお願いします。

日本語のマルチバイトを扱う場合、WordPressプラグイン「WP Multibyte Patch」が必要です。これがインストールされていないので、インストールし確認してみて下さい。 ●注意フォーラムに二重投稿されており。「解決済み」ボタンを押し、フォーラムの一方だけに回答を求めて下さい。

@simpleandwell さん ●原因プロパティの前に半角スペース以外のコードがありエラーとなっている。 ボタンの並びが横並び(easyLink-info-btn)が無視されている。 ボタンサイズ35×35pxが無視されている。 @media screen and (max-...

@simpleandwell さんCSSを圧縮して問題の状態にして下さい。

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

●原因ボタンが50×50pxを大きく、広告枠が広がってしまい、はみ出した。 ●対策 ボタンのサイズを40×40pxに変更する。 ボタン間の隙間をmarginでなくgapに変更する。 中央配置→均等配置(space-around)に変更 ●CSS以下の赤字の部分を修正して下さい。...

図が4系のフォントです。これに合わせ5系の「\f0c8」squareとします。 div#bbpress-forums a.bbp-topic-permalink:before { content: "\f0c8"; font-family: 'Font Awesome 5 Free'...

子テーマCSSにエラーがあり。 #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink { display: block; font-weight: 900; color: #A...

●原因フォントコード「\f096」 (fa-square-o)は4系のCheckBoxで、5系ではなくなっています。 ●対策[Cocoon設定]→[全体]→サイトアイコンフォント「Font Awesome 5」になっていませんか？Font Awesome 4に変更して表示されますか？ a....

@yhira さん あるブログにパーマリンクの事が書かれており、実際に確認しただけです。WordPressのフォーラムにも書いてあり「そう言うものなんだ」と思い。変更不要です。なので本件はクローズします。

上記の通り、CSS、JSは削除し元に戻し。以下をCSSを追加して下さい。 @media screen and (max-width: 480px) { /* ボタンの並びを中央配置 */ .easyLink-info-btn { display: flex!import...

●回答実際に「もしもかんたんリンク広告」のコードを貼り付けて確認したわけでないので、上記の通り動作は保証できないです。 申し訳ない。一旦、削除して元に戻して下さい。別の方法を思い付いたので少し時間を下さい。 ●注意ファーラムの注意書きの通り、高速化の解除願います。コードが圧縮され、解析しずら...

●注意もしもかんたんリンク広告表示を使っての動作確認していません。 ●方法JavaScriptで文字をアイコン画像に置き換える事もできると思います。楽天のアイコンフォントが無い為、メディアに登録した画像（ご自分で作成）としています。画面幅に関係なく画像表示となります。 ●JavaScript...

使った事がないので分かりませんが。importantを用い少し汚いコードです。 @media screen and (max-width: 480px) { /* ボタンの並びを中央配置 */ .easyLink-info-btn { display: flex!impor...

@bright さんフォーラムのマナーとして、解決済み、問合せクローズの場合、過去の投稿も含め恐れ入りますが「解決済み」ボタンのクリック願います。

全ての名前を非表示にすればいいですか？nobody以外存在しない？ .bbp-author-name { display: none!important; }

@mk2_mk2 さんhttpにWordPressでなく、HTMLを書いて作ったサイトが残っているだけかと。