Cocoonフォーラム

@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さん あと、プラグインを全て停止したときの挙動も確かめてみてもいいかもしれません。

前略、mayaさん 不具合のご報告の際には、フォーラム冒頭の案内にありますとおり、環境情報を貼り付けていただくとよろしいかと思います。 ご都合が悪い場合は、URL部分は削除されると良いかと思います。 環境情報の取得方法はこちら。→ 出先なので、よく確かめてい...

前略、NIKOさん URLのご提示は不可、とのことですが、それでしたら、URLをご提示いただけるテストサイトをもう一つ用意してそのURLをご提示いただくと、より具体的なアドバイスがいただけるかもしれません。 CSS等で画像部分を画面幅が小さいときだけ非表示にするには、メディアクエリというのを...

わいひらさん @mk2_mk2 さん このページ、マニュアルページの「初期設定」にもリンクがあると良いような気がします。 オススメできないプラグインに「Autoptimize」や「VK〇〇」等の記載も追記して・・

OMEGAHEIDERN さん 画像ブロックの記事編集画面での表示が実際のWebページとは違ってしまう件は、わいひらさんが確認、修正くださるのではないかと推測しています。

@fwfwmymelody さん ・アクセス・その他の事業・カウンセリング の３つの画像は、画像自体に左右に白い部分があるみたいです。 画像ソフトなどで、左右の余白ない画像に加工してください。 加工する際は、他の画像とアスペクト比を揃えた方が無難かもしれません...

OMEGAHEIDERNさん Ctrl+F5キーを押してWebページをリロードしてください。 ブラウザに修正前のキャッシュが残っているんだと思います。 それでは、お休みなさい。

@mk2_mk2 さん 私も明日の支度がありますので・・

@mk2_mk2 さん グループ化するときにグループの設定が「未設定」だとClass名が付与されない、とか・・ bad9a1420d29e9f2fff6fafddc27110e.png  646d7148c8576be37d4c8219e0d0fa09.png

@mk2_mk2 さん 私のテストサイトでは、グループ化しても、それっぽいClass名は付与されないみたいです。 ちょっと、他の用事があるため、今夜は離脱します。 72ad3aabd13493d3bda24e0dab283099.png

@fwfwmymelody さん 以下でイカがでしょう？ #main { background-color: #191919; }

fwfwmymelodyさん また、画像が、ひとつだけ小さく表示されているのは、その画像が小さいからだと思います。 他の画像と同じサイズの画像を使うか、も少し大きいサイズの画像にしてみてください。 あ、えーと、もうひとつトピックがありましたね。 どこだったかな？・・

前略、fwfwmymelodyさん Cocoonでは、画像のキャプションは基本的に左端に寄せてあるようです。 以下のCSSのコードを追加CSSか、子テーマのstyle.cssファイルに記述すると、全てのページの画像ブロックのキャプションが画像の左右中央に配置されるかと思います。 ...

わいひらさん 画像ブロックについては、ブロックエディターの表示を再確認した方が良いかもしれませんね。

OMEGAHEIDERN さん あまりよく調べていないのですが、プラグインの「CoBlocks」についても、とても多機能なプラグインのようなので、Cocoonの機能との干渉が懸念されます。 テーマとプラグインに同じような機能があったりすると、不具合が生じる可能性が高くなることが考えら...

OMEGAHEIDERN さん 引用ブロックは、私の環境では、編集画面でもそれっぽく表示されるようです。  72ad3aabd13493d3bda24e0dab283099.png

OMEGAHEIDERN さん ただし、画像の配置位置を指定しない場合は、上記のコードだと、カラム幅の左右中央にキャプションが配置されてしまうので、画像だけ左に寄ってしまい、キャプションだけがカラム幅の左右中央に配置され、画像とキャプションの位置がずれてしまうかと思います。（カラム幅いっぱいのサ...

OMEGAHEIDERN さん キャプションを画像の左右中央に配置するために、WordPressのデフォルトテーマの「Twenty Twenty-One」では、「figcaption」タグに「text-align: center;」を指定しているようなので、以下のコードを追加CSSか子テーマのs...

OMEGAHEIDERN さん Cocoonの場合は、「中央寄せ」にすると、編集画面では、キャプションが画像の幅の中央に配置されるので、実際もそうなるのかと思いきや、実際の表示では、キャプションは配置の位置に関わらず、全て左寄せになるようです。 71ced5cc9deb46f7eb...

OMEGAHEIDERN さん 編集画面と実際の表示が一致しないと、何を基準に編集したら良いかわからなくなりますね。 画像ブロックには、キャプションの位置を指定するオプション機能は、もともと無いような気もします。 WordPressのデフォルトテーマの「Twenty Twenty...

前略、OMEGAHEIDERN さん ローカルのテストサイトで画像ブロックを試していたら、どうもCocoonの画像ブロックの不具合っぽい気がしてきました。 編集画面の表示位置も「右寄せ」を選択しても、編集画面では左に寄ってしまったりするようです。 5ffa23ce262...

前略、希様さん ウィジェットエリアの「投稿本文下」に「CTAボックス」ウィジェットが入っていませんか？  CTAbox.png

続けるくん 何らかの修正を行って、サイトの表示を確認する際は、プラグインの LiteSpeed Cache は停止しておくことをオススメします。

続けるくん 「Autoptimize」は無効化ではなく、削除をオススメします。

続けるくん 上記を解決しようとして、 .entry-card-info .post-date{margin: 2em;padding: 2em;} としたのでは？

前略、続けるくん エントリーカードの見出しと、投稿日が重なってしまうのは、子テーマCSSファイルの823行目辺りにお書きになった以下のコードが原因です。 /*記事一覧表示の枠内下側の余白削除*/ .entry-card-content{ padding-bottom:0; } ...

前略、ちーさん 今回の件と関係あるかどうかはわかりませんが、アフィリエイトリンク等で「target="_blank"」を使うときは、「rel="noopener"」の属性も付けておいた方がいいのかもしれません。

たかぴょんさん スマホやタブレットでの表示もご確認ください。 それにしても「メディアとテキスト」ブロックって、何に使うんだろ？

たかぴょんさん やっぱり、カラムブロックで50：50か、30：70辺りにして、左に画像ブロックを入れて、右に段落ブロックをいれる、とかが無難かもしれません。  43fedf0a6fb452f29afe906cc7fd0947.png

たかぴょんさん 普通の画像ブロックで配置を左寄せにして、その下に段落ブロックを挿入して文字を入力したら、エディター画面だと段落ブロックの文字は画像の下ですが、プレビューすると、段落ブロックの文字が回り込むようです。  5aa5a848721ba839b6bf67a2ceb5...

たかぴょんさん 「メディアとテキスト」ブロックって、何だか使いにくいブロックですねぇ・・  57e1b3c3bafa17af9450c522b1455259.png

前略、たかぴょんさん メディアとテキストのブロックの設定で「カラム全体を塗りつぶすように画像を切り抜く」というところがあるのですが、それをOFFにするとどうなりますでしょうか？  a29d430ef4c1c4d74b154860e3779a53.png

ゆういっちゃんさん 私もフォーラムで返信していますが、毎回手探り状態です。（これホント）

ゆういっちゃん さん 以下のページも参考になるかもしれませんね。 サイトのエリアから自動広告を削除する 私は意図しないところに広告が表示されるのは嫌なので、自動広告は使ったことがありません。 自動広告を使いなれた方が、アドバイスをくださると良いのですが・...

ゆういっちゃん さん 自動広告に拘らないのでしたら、手動（レスポンシブ広告）に切り替えてみる、とかでしょうか？

前略、ゆういっちゃん さん 一見すると、アドセンスの自動広告が、ページネーション内に無理やり広告を挿入しているっぽく見えてしまいますが・・ どうなんだろう・・

前略、ジャパトラさん フォーラム冒頭の案内にあるとおり、環境情報を貼り付けいただくのがよろしいかと思います。 ｍｋ２さんご案内のWordPressのバージョン以外でも、何らかのバージョンアップを要する場合があります。 環境情報の取得方法はこちら。→ Word...

前略、ｔさん cocoon設定の「モバイル」タブの設定で、「トップメニュー」を選択すると、以下のようなメニューになります。 02072bfa9fd06109dc506452e58c5bbd.gif  02072bfa9fd06109dc506452e58c5bbd.p...

ゆうみさん このConoHaのテーマの問題を解決しないと、サイドバーのウィジェットの問題も解決できないかと思います。 同様の問題を抱えていて、解決した過去のトピックのリンクを貼ってみます。 [解決済] ウィジェット機能のカテゴリ追加が正しくサイドバー内で反映されない ...

ゆうみさん mk2さんが根本的な原因に気づいてくださいました。 ConoHa WING で提供されている Cocoonのテーマのフォルダ名が、標準のフォルダ名と異なっていることが原因で、ダッシュボードの操作でCocoonの親テーマをアップデートできない方が多くいらっしゃるようで、ゆう...