Cocoonフォーラム

前略、藤堂楓さん 囲みボタンって、これだったでしょうか？ CSSのセレクタは、ボタンによって変わるかもしれないので、デベロッパーツールで調べて設定してください。 html .body .btn-wrap.has-deep-orange-background-color > a { ...

前略、おーさんさん サイトの所有権の確認ができていれば、登録されるような気もするのですが、ちょっと、いまのところ私にもよくわかりません。 Google Search Consoleに登録する方法 時間の経過で状況が変わる可能性もあるのかなと思ったりしています。（何か...

Berghiloさん 私の環境では問題ないみたいです。 56e828a014b3777f2966a8f221925489.png  fa37b90d5c83be92ba58837051411c9b.png

ｋｋさん 私のテストサイトの環境は パソコンは10年も使っている老機です。

KKさん 「LOCAL」を使うと、簡単にテスト環境がパソコンに作れます。 テーマのインストールも自分のパソコンなので、アップロードしなくて済みます。 LOCAL 私もちょっと前に、わいひらさんの記事を読んで、導入しました。 WordPressローカル環境ツ...

ｋｋさん 私のテスト環境ですと、右寄せを２つ並べても、実際の表示でマージンがあるみたいです。  9d876d5ff06ab153db682abbfe875519.gif

@yhira さん インストールしてみました。 tableの配置や「表のセル幅を固定」の表示については、とても良いような気がします。 あとはキャプションの位置でしょうか。 実際のサイトの表示では、「中央寄せ」のとき、キャプションがカラムの左によってしまっていて...

kkさん ①につきましては、おそらく、私の書き込みと同じ内容かと推測しています。 ②につきましては、テーマを一旦、Twenty Twenty Oneに変えてみると、WordPress.orgのやろうとしていることが、見えてくるかもしれません。 「左寄せ」「右...

@yhira さん あまり詳しく突き詰めても、キリがないところもあるのですが、「表示のセル幅を固定」について、Twenty Twenty Oneでは、表の位置を何も指定しないときでも、エディター画面に反映されるようです。 表の位置を何も指定しない、という使われ方も多いかと思ったので、...

@yhira さん 私もインストールしてみました。 関連性があるので、このまま続けてしまいます。 画像ブロックのときと同様に「左寄せ」と「右寄せ」の場合は、floatを用いているようなのですが、Twenty Twenty Oneだとtableの場合も左寄せの場合は右側に、...

@takutea さん エイチttps://royalmilk.info/?p=417&amp=1のページはAMPを生成しないようにしているっぽいですね。 他のページは問題ないみたいです。 AMP.png

@takutea さん Cocoon設定のAMPタブの設定の「AMP機能を有効化する」にはチェックを入れたままでよかったのですが・・  ampno.png

@takuteaさん Cocoon設定→キャッシュ削除→AMPキャッシュの削除でキャッシュを削除してみてください。  0261050b99c6b0768a436d82f14a211c.png

@mk2_mk2 さん ご質問をフォーラムに送信したあと、出かけちゃう方も多いんですよね。 なので、返信も気長にやればいいのかも・・・ ?

前略、takuteaさん 何はともあれ、フォーラム冒頭の案内にありますとおり、先ずは、Cocoonの高速化設定を無効にしていただくと良いかと思います。 高速化設定を無効にするにはこちら。→

fwfwmymelody さん 画像の下が隠れないで、サイトタイトルの文字を少し上に移動するには、「高さ（モバイル）」の数値は180のままで、以下のようなコードを追加CSSか子テーマのCSSファイルに記述するとできるかもしれません。 @media screen and (max-width:...

fwfwmymelody さん 解決方法につきしては、以下の３つのトピックを参考すると良いかもしれません。 最もスムーズに解決したトピック↓ [解決済] Cocoon設定に寄付タブが表示されない ｍｋ２さんがまとめてくださったトピック 初心者向けのトピック↓[解決済...

fwfwmymelody さん 先日、ｍｋ２さんからご案内があったと思いますが、ConoHa WING で提供されている Cocoonのテーマのフォルダ名が、標準のフォルダ名と異なっていることが原因で、ダッシュボードの操作でCocoonの親テーマをアップデートできない方が多くいらっしゃるようで、...

前略、fwfwmymelody さん 少し画像の下の方が隠れますが、Cocoon設定の「ヘッダー」タブの設定で「高さ（モバイル）」の数値を125ぐらいにすると以下のようになります。  893675038d47a08531549046c23b105d.png

KKさん 本件は、実際の表示とエディター画面の表示が一致しないので修正してほしい、ということでしたのに、脱線していてすみません。

工作員Ｚさん モバイル時の表示ですが、うーん、ちょっとよくわからないですが、先のコードより下の行に以下を足すと、少し体裁が良くなる？かも。 @media screen and (max-width: 480px) { .appeal-content { paddi...

わいひらさん 　KKさん Cocoonでサイドバーが表示されている状態だと、「幅広」と「全幅」は同じ表示になるような気がします。（メインカラム以上には広がらないので） では、サイドバーを表示せず、１カラムにしたときはどうか？と言えば、Cocoonの場合はメインカラムは、１カラムの場合...

わいひらさん 　KKさん あまり詳しくは調べていませんが、「幅広」と「全幅」は、１カラムのテーマだと考えると、需要がある配置切り替えのような気がします。 Twenty Twenty OneのCSSは varで宣言？定義？しているのでちょっと解読しづらいですが、「幅広」は、いわゆる、メ...

@yhira さん 幅広と全幅のときは、load-styles.phpのCSSが適用されているようです。 f4a83bccd779a1068d1fad5c18e43740.png  62ab0fe15de288b82ff61fcca8e9c7ca.png

@yhira さん 以下のような記事がありました。 ブロックエディターを幅広・全幅に対応させる方法 WordPressテーマをGutenbergの「幅広」と「全幅」に対応させる方法

前略、KKさん　わいひらさん 私のテストサイトでも、同様の症状になるようです。画像ブロックでも配置の選択項目に「幅広」と「全幅」がありますが、私はこの２つの違いを理解していないです・・

@mrsmith11 さん a.nolinkdecoration{text-decoration:none!important;} ではなく、正しくは、 .nolinkdecoration a { text-decoration: none; } だった、というような事はあ...

@mrsmith11 さん 他テーマで有効になるCSSのセレクタであっても、Cocoonの親テーマや、スキンなどで、より詳細度の高いセレクタで別の指定がなされている場合は、そちらが優先されてしまいます。 どのようなセレクタを設定すれば良いのかは、実際のサイトを調べてみるのが良い方法です。

@mrsmith11 さん URLをご提示いただかない場合、回答する方は推測で回答することになり、URLをご提示いただいた場合より、フォーラムでのやり取りの回数等も増える傾向となります。 ですので、お差し支えなければURLをご提示いただくのが一番です。 回答者側の負担の軽...

mrsmith11さん 通常ですと、aタグの親要素か先祖要素にclassを設定した場合は以下のように指定します。 HTML <p class="kasen-nashi"> <a href="https://hogehoge.com">リンク文字列<...

前略、mrsmith11さん 出先でスマホなので、簡単にですが、セレクタが違うような気がします。 実際のURL をご提示いただくと、より具体的なアドバイスがいただけるかもしれません。

nbyk さん 私は自動広告も使っておりませんで、レスポンシブ広告なのですが、記事編集ページで、広告の除外にチェックを入れてみたところ、除外されるので意図どおり機能しているみたいです。 親テーマのバージョンは、2.3.5.1 です。

前略、nbyk さん 私は広告の除外設定を使っていないので、サッパリわかりませんが、不具合を修正するにしても、やはり、環境情報は一応貼り付けていただいた方が、おそらく、わいひらさんとしても助かるような気がします。 環境情報の取得方法はこちら。→

工作員Ｚさん あとは、Cocoon設定の「アピールエリア」タブの設定で、「高さ」の数値を少なくして、「アピールエリアの背景画像の固定」のチェックを外して、「変更をまとめて保存」のボタンで確定してみてください。 画像の感じからして、固定しない方が合っているような気がします。（固定という...

前略、工作員Ｚさん アピールエリアが黒っぽいのは、スキンのSILKのデザインのようです。 SILKのスキンのまま、アピールエリアだけSILKのデザインを外すには、Cocoonデフォルトのデザインで上書きするとできるかもしれません。 以下のCSSのコードを追加CSSか、子テ...

@yhira さん インストールしてみました。 エディター画面と実際のWebサイトでの表示が一致したので、違和感がなくなったと思います。 中央寄せのキャプションはキャプションも中央寄せなのですね。（まあ、これはこれで、全然違和感ないです。今までの仕様と変わってしまうという...

pokeさん URLの公開がダメなら、有償になりますが、プロに聞いてみるとか・・ Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

前略、pokeさん 以下のようなトピックもありました。 既知のものでしたらご勘弁ください。 [解決済] ブログカードの一部がURL表示になってしまう

@yhira さん flloatというプロパティは使い方が難しいので、お手数を増やすことに繋がってしまうとしたら申し訳ありません。 floatの影響を止めるために、エディター画面用のクリアフィックスを加えなければならないブロックも出てくる？のかもしれません。 キャプション...

@yhira さん 例えば、以下のトピックでは、画像ブロックで左寄せにしていても、編集画面上では、画像ブロックの下のブロックの文字が回りこまないため、「左寄せ」の選択時に下に設定した段落ブロックの文字が画像の右横に回り込むことに気づかない、ということがあるのではないかと推測します。 ...

画像のサイズが変わる仕様だと、いままでの仕様と変わってしまうので、流石にそれはまずいと思いますが、エディター上でもすぐ下に配置した段落ブロックの文字の回り込みを確認できた方が良いのかもしれません。（左寄せ、右寄せの場合など）

配置を指定するかしないか、あるいは、左寄せ、右寄せの場合、中央寄せの場合で、下の段落ブロックの文字の回り込みの有無を切り替えているのかもしれません。 だからTwenty Twenty Oneでは、左寄せや右寄せのときに画像のサイズが小さめに表示されるのかもしれません。 07...

画像ブロックは「左寄せ」「右寄せ」などの場合は、すぐ下の段落ブロックの文字を回り込ませるかため、floatになっているのかもしれません。 何も位置指定をしない場合は、左寄せで、下のブロックの文字は回りこまずに、下の位置のまま、という使い分けになるのかもですね。 そうなると、エ...

@yhira さん キャプションについては、個人的には、１行だけのときは、画像の幅の中央に配置するとカッコいいのですが、長いキャプションだと左寄せになっている方が読みやすかったりするので、どちらがいいとは言えないかなと感じます。 キャプションの位置も選べると、CSSが良くわからない方...

@yhira さん GitHubから修正した親テーマをインストールして試してみたのですが、「右寄せ」にしたときに、ブロックエディター上では、右寄せにならないようです。 では、Twenty Twenty One では、どうやっているのか、と思ってデベロッパーツールで覗いてみたら、なんと...

mayaさん そうなんですね。 ちょっと、あまりないケースなので、原因はよくわからないですね。 WordPressとテーマの紐付けが上手くいっていなかった？のでしょうか。

mayaさん 次に、cocoonの子テーマに戻して、プラグインを全部停止すると、h2は表示されますか？

maya さん プラグインのClassic Editorをお使いのようですので、Twenty Twenty Oneなどの他のテーマにすると、どうでしよう？

Maya さん 環境情報を少し読み間違えたようなので、取り消します。

mayaさん あと、プラグインを全て停止したときの挙動も確かめてみてもいいかもしれません。