Cocoonフォーラム

@haukamu88 さん 丁度、テストサイトを拝見していたところです。 追加クラスが画像ブロックに付与されてしまっていて、２カラムブロックにありません。 追加クラスの「jyouge-chuou」は、画像ブロックではなく、２カラムブロックを選択して付与してください。 ...

@きりたに さん もう一枚  2707e0d93737b245813d5ddc880b9db0.gif

@haukamu88 さん 公開サイトで、テスト記事を作成して公開してくだされば、どこが上手くいっていないのか調べられるので、もし、お差し支えがなければテスト記事を公開していただくという手もあります。

@きりたに さん 私は主にFirefoxを使っているので、そのGif画像です。 Chromeでも似たようなものだと思いますが、ご自身で調べてみてください。 先に貼り付けたリンクに使い方が書いてあると思います。  a6b7089c9d25446...

前略、匿名さん Cocoon設定の「モバイル」タブの設定でモバイルメニューのところを「ヘッダー・フッターモバイルボタン」のラジオボタンにチェックを入れて、「変更をまとめて保存」のボタンをクリックすれば、デフォルトのボタンが表示されるかと思います。 07324e55ad1baa1ce...

@gaspa さん Wordpressの5.5から5.6へのアップデートの仕様の変更に対応すべく、怪我の影響がまだ残っているにもかかわらずテーマ作者様が、ご対応くださっているようです。 Wordpressのブロックエディタの仕様変更に伴って、テーマの仕様も変更されているところもあるよ...

@きりたに さん 「デベロッパーツール 使い方」のようなキーワードでググればいろいろと有用な記事がヒットすると思います。 WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方 初心者向け！Chromeの検証機能（デベロッパーツール）の使い...

@haukamu88 さん ブロックエディタの場合は、Wordpressの方の「カラム」ブロックだと、ブロックのコンテナのクラスが左右とも同じ名前みたいなので、ちょっとコードが別になりそうです。 Cocoonオリジナルの「２カラム」の方がやりやすいかもしれません。 ちょっ...

@haukamu88 さん もし、旧エディターの方を普段お使いになっていらっしゃるようでしたら、旧エディターの「２カラム」を使う方が簡単かもしれません。

@haukamu88 さん 私がテストで使ったブロックは、Cocoonオリジナルの方の「２カラム」ブロックです。 Wordpressの「カラム」ブロックの「２カラム」を選択しても、できるかとは思いますが、CSSのコードのセレクタが異なるので、Wordpressの方の「カラム」ブロック...

きりたに さん 「#0095d9」っぽいですね。  3c6d66d7d8a87cc1d9c1b3bc3c37903b.png

前略、きりたに さん ちょっと調べてみますので、以下もあわせて、ご確認いだたければと思います。 WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

haukamu88 さん もし、書きこんだ内容がご希望の内容とズレているようでしたら、ご説明をいただければ助かります。

@kanesuki さん 私の環境からでも、ちゃんと表示されるようになりました。

Meru さん 他のページに影響しないようにするには、編集ページの下の方にある、カスタムCSSに記述するか、以下のようにページIDで指定すればいいのかもしれませんね。 .page-id-73 .article .entry-title { display: none;}

前略、Meru さん 以下のCSSのコードで、記事タイトルを非表示にできそうですが、そうすると、全てのページの記事タイトルが表示されなくなってしまいます。 .article .entry-title { display: none;}

haukamu88 さん 先ほど貼り付けたコードはちょっと間違っていたみたいです。 貼り直します。 <div class="column-wrap column-2"><div class="column-left"><p><img class=...

haukamu88 さん また、コード以下のように修正すると、インフォメーションの枠を、文字の量に合わせることができそうです。 <div class="column-wrap column-2"><div class="column-left"><p&g...

haukamu88 さん クラッシックエディタ？Cocoonでグーテンベルクを無効にしたエディタでもできました。 「２カラム」を使って、左側に画像を挿入して、右側は文字だけ入力して、「スタイル」から「ボックス」→「補足情報（i）」を適用して、あとは、ビジュアルからテキストエディタに切り替えて...

haukamu88 さん 添付した画像に余計なコードが映ってしまいましたが、カスタムHTMLへの記述は、以下のものだけです。 <div class="information-box common-icon-box"><p><b>本人確認済み<...

前略、gaspa さん Cocoonのバージョン2.2.4.5 は WordPress5.6 に対応していなかったため、急きょ「cocoon2.2.5」がリリースされ、現在は「2.2.5.1」となっているようです。 WordPressのバージョンを5.5をお使いでしたら、今のところ、...

前略、hkmax さん 私は、警告は、詳しくないので、間違っているかもしれませんが、警告の内容が全てプラグインの「all-in-one-seo-pack」に関連しているように見受けられます。 プラグインの「all-in-one-seo-pack」を停止すると、警告は消えますでしょうか...

あれ？AMPページの削除のやり方が少し前と変わっているみたい・・な気がします。 以前は、もっと難しいことが書いてあったような・・ 変わったのかな？

@masae さん 一旦Googleにキャッシュされたページをすぐに消すのは、難しいです。（私もよくわかりません） Google 検索結果から AMP コンテンツを削除する 何か、都合の悪いことを書いてしまった、というようなときも、すぐには消せないんですよね。

@masae さん AMPには、表示されるまでの時間が早い、スマホでの検索結果にカルーセル表示される可能性もある、などのメリットもあるみたいです。（私は利用していないのでよくわらないまま書いていますが・・） つまり、デメリットばかりではないので、「AMPのメリットを活用する理由がない...

haukamu88 さん 「２カラム」ブロックだと、Internet Explorer では、画面幅を縮めると、大きな隙間ができてしまうようですが、PCで幅を狭くして見る人は、ほぼいないような気もします。 IEno2020-12-14-101027.png スマ...

haukamu88 さん 右側のインフォメーションボックスを上下中央に配置するには、「２カラム」ブロックの高度な設定の「追加CSSクラス」に、他のクラス名と被らないような名前の任意のクラス名を設定します。 あとは、その編集ページの下の方にあるカスタムCSSの欄にCSSで、以下のような感じで指...

前略、haukamu88 さん クラッシックエディタのテキストエディタ上でHTMLでも、細かく指定すれば可能かとは思いますが、昨今はスマホで閲覧する場合も多いので、スマホでの表示を考慮しなくてはなりません。 また、フォーラムでお伝えできる範囲も考慮すると、ブロックエディタの２カラムを...

@セキュリティキング さん また、ロゴ画像の高さを100pxに、とのことですが、高さを100pxにした場合は、横幅が447pxとなってしまい、グローバルメニューが2段に表示されてしまいます。 やはり、80px の方がバランスがとれているような気がします。 CSSのコードは...

@セキュリティキング さん CSSのコードが有効にならないのは、文字コードをUTF-8（BOMなし）でプレーンテキストを扱うことができる適切なテキストエディタをお使いになっていないためです。 適切なテキストエディタを使わず、office系のソフトや、メモ帳、Macでは、テキストエディ...

セキュリティキング さん 上記のコードで80pxより大きい数値を指定しても、それ以上にはならないかもしれません。 設定されていらっしゃるロゴ画像は、300px × 80px　のようですので、仮に別な方法でやれば可能だとしても、画像がぼやけてしまうので、原寸か、原寸より小さく表示させる...

セキュリティキング さん ロゴ画像をもう少し大きく表示なさりたい場合の方法は以下のとおりです。 デフォルトのロゴ画像の高さは 60px となっているので、以下のCSSのコードで 80px に変更します。 以下のCSSのコードを子テーマのCSSにコピペしてい...

セキュリティキング さん 子テーマのstyle.cssにお書きになられている、以下のコードをコメントアウトするか、削除していただければロゴ画像は、はみ出さなくなるかと思います。 div.header-container-in.hlt-top-menu .logo-header img...

前略、セキュリティキング さん 以前フォーラムに、トップメニューにした場合ロゴが小さくなってしまうので、大きめに表示したい、とのお問い合わせがあり、私の書き込みもあって、トップメニューのときのロゴ画像の表示の仕様が少し変更されています。 トップメニューのロゴ画像の表示に関する考察 ...

@taniyuko さん Googleなどの検索で何かを調べるときは、関連する単語を半角スペースで区切って並べるとヒットしやすいです。 「ロリポップ WAF」のような感じです。

@kanesuki さん どこかにキャッシュでも残っているのか？まだ、実際のサイトの表示に反映されていませんね？

たまみ さん どうも、非表示にするのはトップページだけにしておいた方がいいみたいです。 .front-top-page .entry-categories-tags.ctdt-one-row { display: none;} 「タグ・カテゴリ表示位置」を「タイトル上」設定にされている...

前略、たまみ さん ちょっと、どうやって作っているのか わからないですが、 というコンテナがあるようです。 非表示にする、というのでは解決にならないかもしれませんが、とりあえずCSSで消すことはできそうです。 cf874590db9815d6aacb8745...

前略、kanesuki さん Cocoon設定の「API」タブの設定で「楽天の検索ボタンに表示するテキストを入力してください。」ところに「楽天」の文字は、入っていますでしょうか？  2fdb6c11292c5c782d48ab52da67bb53.png

@otaota さん 子テーマのCSSファイルを拝見したところ、一番上に書かれていたので、それより下のコードで上書きされて無効になってしまっていたのかもしれませんね。

@サエキユキオ さん Escキー　と Enter キー を交互に押した画像を貼ってみますね。 d594d2e4d2c8f3f4bb4304c65dafe39a.gif これとは違うのかな？ マズヤッテさんの内容の方が的を射ているのでしょうか？

@otaota さん 私のテストサイトでは、子テーマのCSSに記述しても ちゃんと反映されました。 何かしらの理由で、コードが無効になっているのではないかと推測されます。 追加CSSだと、どうでしょうか？ 追加CSSは、「外観」→「カスタマイズ」→「追加CSS...

前略、taniyuko さん 403ということは権限関連でしょうか？ よくわかりませんが、とりあえず、レンタルサーバーのWAFを一時的にOFFにして、試してみるとか・・でしょうか。 レンタルサーバーによっては、OFFに切り替えても、反映されるまでに時間がかかる場合もあるみ...

@toshi さん ２カラムは FlexBox なので、Flexコンテナにクリアフィックス用の疑似要素を指定していたりすると、疑似要素に押されて左に寄ってしまうというようなことはよくあります。

サエキユキオ さん Cocoonのバーション2.2.5 がリリースされています。 自動アップデートは、まだ みたいです。 Cocoon 2.2.5公開。WordPress5.6のエディターの不具合修正

サエキユキオ さん お尋ねになる前に、このフォーラムの他の方のトピックで類似したものがないか、検索してみてください。 以下のトピックに書かれていると思います。 WordPress 5.6アップデートに伴うエディター画面の不具合

前略、サエキユキオ さん Enterキーを押せばいいみたいです。 b096f03e2e56798cbfefe1d2eaab7615.png

前略、OTAOTA さん 私のローカルのテストサイトでも、同様の症状となりました。 HTMLタグにクラス（toc-center）は出力されているようなので、CSSファイルに指定のコードが足りないのだろうと推測されます。 応急として、以下のCSSを追加CSSか、子テーマのC...

toshi さん 私もローカルのテストサイトで、Cocoonオリジナルの「2カラム」ブロックに「段落ブロック」を入れて、段落ブロックにCSSで border を指定してみました。 一つ目の「２カラム」ブロックの直下に、2つ目の「２カラム」ブロックを同じ内容で設定してみたのですが、隙間...

前略、toshi さん フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。 URLのご提示がない場合は、推測や推理での回答になってしまい、解決に至る場合でも、やり取りが多...