しても、ブロックエディタで、epz1さんのサイトの構造が再現できませんでした。そのため、無理矢理作りました。「コードエディタ」で以下のような感じにしました。ブロック判定用の最上部と最下部のコメントの部分を削除しました。具体的には、以下の部分を消しました。-->すると、編集画面では「クラシックブロック」扱いになり、左寄せになりました。実際のページ表示も、左寄せで、HTMLの構造が、epz1さんのサイトと同じ状態になりました。aligncenter~>その結果、適用されるCSSも、epz1さんのサイトと同じになりました。17:23前回の回答が根本原因ではありませんでした。(代替テキスト)を入力する際、改行を入れています。改行を削除して下さい。class="wp-block-image">が付かない。size-full">となる。前述のCSSの変更も合わさり、中央寄せにならなくなり。17:27更に続きます。2.4.4の間に入っています。2.4.1.1にバージョンダウンして確認しました。通常の「画像ブロック」です。HTMLの構造が以下の通りで、問題なく中央揃えになります。2.4.1.1にバージョンダウン環境で、無理矢理以下の構造にしたものを確認します。aligncenter~">すると、上記構造でも中央揃えになりました。確かに、Cocoonのバージョンアップにより、影響を受けていると考えられます。そもそもの原因はそこではなく、HTMLの構造がおかしいということだと、思います。(ということを、朝の段階では確証がなく、ぶつぶつとつぶやくように、「figureが」「divが」と書いていました。)普通に、ブロックエディタで「画像ブロック」を追加すると、epz1さんのサイトのような構造にはならなかったです。epz1さんのサイトでも、中央揃えになっているものは、正しいHTMLの構造です。17:43なるほど、altですか。こんなことで、HTMLの構造が変わってしまうなんて。(「コードエディタ」のまま出力されていると言えば、そうですが。)まだまだブロックエディタは、クセがあるというのか、脆いというのか・・・。上記のような感じみたいです。epz1さん、お試しください。class="wp-block-image">が付かない。size-full">となる。前述のCSSの変更も合わさり、中央寄せにならなくなり。こちらの仕様は僕も初めて知りました。いつからそういう仕様だったんだろうか。これWordPressの仕様なのか不具合なのか判断が難しいところですね...。mk2さんが書かれたとおり、Alt属性の改行一つでHTMLコードが変わってしまうのは、やはりちょっと違和感を感じてしまいます。改行」で検索してみても、それっぽい症状は出てこないですね...。19:26これからできる範囲で、順番に確認してみます。1.4上の画像ブロックは、altの途中で改行あり。下の画像ブロックは、alt未入力です。構造は変わらなかったです。1.5上の画像ブロックは、altの途中で改行あり。下の画像ブロックは、alt未入力です。1.6上の画像ブロックは、altの途中で改行あり。下の画像ブロックは、alt未入力です。1.6先程、Cocoonのバージョンを変えながら、確認した環境です。Twenty-Oneに変更だけしました。この環境は、HTMLが変わります。Twenty-Oneに切り替えてから、新規投稿を作成しても、やはり構造は変わりました。Twenty-OneのCSSが上手く当たっているみたいで、構造は変わっても中央揃えです。figureだけのものは、以下が適用されています。(altを改行したもの)div、figureの構造のものは、以下が適用。(alt未入力)意図したものが当たっている訳ではないものの、たまたま上手くいっている・・・という感じに見えます。WordPress本体の不具合だと思いますが、気づいていない・・・という感じでしょうか。23:28mk2様、chu-ya様、わいひら様、ご見解をお聞かせいただき、どうも有難うございます。本業の方が[超]繁忙期中ですので、恐縮ながらご容赦願えればと思います。今ほど皆さんのご見解を一通り読み下りてきたのですが、僕の知識レベルでは、正直なところ、一回読んだだけではよく分かりませんでした。(苦笑)もうちょっと落ち着いてから熟読してみますので、しばしご猶予いただけると有難いです。皆さん、本当にどうも有難うございました。引続き、宜しくお願い致します。02:22mk2様、chu-ya様、わいひら様お世話になっております。今ほど熟読しまして、何となく理解できた気がしましたので、取急ぎ、サンプルページとしてお出ししていた以下の記事の、前半の10個ほどの画像ブロックのaltから、改行を削除してみました。https://uutu.life/2021/09/25/tenjositajiseach02-magnet1-12258/・・・ら、お蔭さまでセンタリングに戻りました!皆さま、本当に有難うございました。社交辞令でなく、心より御礼申し上げます。-----素人的な解釈で恐縮なのですが、mk2さんでご検証いただいた結果を見る限り、5月末までは許されていたalt内の改行が、バージョンアップによって許されなくなった・・ということなのでしょうか?alt内にも書き込んだ方がSEO上はいいんだ!と聞いたことがあったため、バカ正直に、ほぼ全ての記事の全ての画像に、改行アリの文言を片っ端から書き込んであるのですが、きっと、既存の画像関係を更新する際には、alt内のすべて改行を削除していかないといけなくなったということですね。専門から離れすぎていて、良し悪しはよく分からないのですが、差し当たっては解決策が見つかって、心底ホッとしました。Cacheは元に戻して大丈夫でしょうか?思っていたより、体感のスピードは変わらないようですし、左寄り以外の不具合はパッと見はないように見えますので、特に急がないのですが、ご教示願えると助かります。この度は、貴重なお時間を拝借してしまい、申し訳ございませんでした。(ご迷惑でなければ・・)今後とも、どうぞ宜しくお願い申し上げます。6.0から、仕様が変わったということですね、結果的には。それが、仕様変更なのか、不具合なのかは、分からないですが。@epz1既存の画像関係を更新する際には、alt内のすべて改行を削除していかないといけなくなったということですね。altから改行を削除しないとならないと思います。改行を&#形式の文字コードで指定すると上手くいくかもしれないです。改行」などで検索すると、いくつか見つかると思います。Cacheは元に戻して大丈夫でしょうか?大丈夫だと思います。いうケースもあるものかと、勉強になりました。迷惑なんて思わないですよ。epz1さんが協力してくださったので、助かりました。解決して良かったです。(たくさんある場合、修正が大変だと思いますが。)こちらこそ、よろしくお願い致します。03:41mk2様ご返信ありがとうございます。altの修正については、画像自体はおそらく2500~3000枚とかの枚数になるのですが、画像関係を更新しなければ、その記事内の画像は既存のままで大丈夫のようですので、商品リンク切れなどで画像関係をイジることになった時に、その記事内の画像ごとに地道に対応しようと思います。職業柄か、一部のレイアウトが崩れているだけで、記事を更新する気すらが失せてしまうタイプの人間ですので、解決策が見つかって、本当に有難く思っています。※本音はWPなどの新たな更新でスパッと直ってくれると有難いんですけど(笑)この度は、貴重なお時間をお割きいただいて、色々とご検証いただきまして、本当にどうも有難うございました。今後とも宜しくお願い申し上げます。04:21epz1さん以下の部分は、再度確認なさった方が良さそうに思います。@epz1画像関係を更新しなければ、その記事内の画像は既存のままで大丈夫のようですので更新有無は関係ないのではないかと、推測します。これは、キャッシュが働いていたから大丈夫だっただけではないかという気がします。WordPressが動的にページを作る際には、更新有無に関わらず、今回の事象が発生しても不思議ではない気がします。確かなことは言えないのですけれど。子テーマCSSに以下を追加すれば、画像を中央寄せになります。15:40お世話になっております。引続きのアドバイス、どうも有難うございます!------mk2さん画像をイジっていない記事の画像にも同様の現象が出ている可能性がある・・というご意図ですよね?確かに、話の筋から言うと、仰る通りかもしれません。恥ずかしながら、キャッシュの概念が今ひとつ分かっていないのですが、注意して確認してみるようにしようと思います。Cacheを戻した後、「すべてをパージする」をやってみて、確認してみたく思います。※バタバタしており、実はまだ何も戻せていないので・・・。-----chu-yaさん素人的な質問で申し訳ないのですが、alt内に改行が残っていても、子テーマCSSにお示しいただいた記述を追記するだけで、左寄りになってしまっている部分が、一括で改善される・・というご意図ですよね?もしそれだけで改善されるなら、とても有難いお話ですので、後ほど、試しにやってみるように致します。自分が無知すぎるのが、そもそもの問題なのですが、専門的なアドバイスを頂戴できると、非常に助かります。皆さま、本当にどうも有難うございました。引続き、どうぞ宜しくお願い申し上げます。Cache」を使ったことがないため、操作までは分からないです。キャッシュは、WordPressが動的にページを作った後の、最終的な完成イメージのページを保存しておくものです。2回目以降は、その保存されたものを表示させ、動的にページを作成することを止めてしまいます。そのため、速くなるという感じだと思います。6.0以前の状態で保存されていれば、今回の事象は発生しないと思います。何かの機会で、キャッシュが更新された際に、この事象が発覚すると思います。今回の事象は、alt属性がどうか・・・というだけであって、更新があったらということではないと思います。chu-yaさんの書いてくださったものは、以下の構造のものを中央揃えにするものです。aligncenter~">これを書いておけば、今回のWordPress本体の不具合?によるaltの影響はないと思います。WordPressの不具合?が修正された場合は、不要にはなりますが、害はないと思います。(修正されるか、分からないですけれど。@epz1素人的な質問で申し訳ないのですが、alt内に改行が残っていても、子テーマCSSにお示しいただいた記述を追記するだけで、左寄りになってしまっている部分が、一括で改善される・・というご意図ですよね?YES。20:08mk2さん、詳しい検証ありがとうございます!その症状でしたら、不具合の可能性が濃厚ですね...。6.0.1までちょっと様子見してみようと思います。20:08mk2様、chu-ya様ご返信、どうも有難うございます。@mk2今回の事象は、alt属性がどうか・・・というだけであって、更新があったらということではないと思います。これ↑については、素人ながらですが、僕でも確かにそんな気がします。今ほど、念のため他のページも見てみたのですが、何も触っていない(気がする)記事でも、仰る通り、一部で左寄り現象が出ているページもありました。後ほど、試してみまして、ご報告するように致します。毎度のことながら、どうも有難うございました。21:24epz1さん例えば、ですが。以下のようにクリックしても、少し反応が遅いページがあります。(良く見ていただくと、クリックした瞬間、カーソル周辺に円が表示されますので、クリックした瞬間は分かると思います。)これは、おそらくページキャッシュが残っていなくて、キャッシュを作り直しているので、少し遅いのだと思います。(キャッシュの保持期限というのかそういうものが、おそらくあるのでは・・・。)こういうタイミングで、今回のような事象が発生すると思われます。(alt内に改行があれば。)ページのソースを見ても、まさにアクセス時間でキャッシュを作ったようなコメントが、最下行に入っています。@epz1更新された時の可能性を考えるなら、やっぱりchu-yaさんのご提案を試してみた方が良いということですね・・もし、これが私が商売でやっているサイトだったら、即座に対応しますね。別に、このCSSを追加したからといって、害がある訳ではないと思いますし。同じようなclassのものがあれば、それも中央揃えになりますが、そういうものって他にありますかねぇ・・・。(「画像ブロック」で、かつ、中央揃えのクラスが、同一タグに入ったものが他に・・・)むしろ、やらない理由はなんだろう・・・と思います。21:39わいひらさんはい、そうですね、WordPress本体というのか、Gutenbergなのか、不具合だと思われます。6.0の不具合」のトピックにも追加しておこうと思います。今ほど、子テーマcssにchu-yaさんにお示しいただいたコードを貼ってみましたら、おっしゃる通り、左寄りは解消されたようです。・・・と言っても、全部を確認したわけではないのですが。キャッシュの考え方についても、わざわざご丁寧に有難うございます。Cacheも戻したところですので、僕の理解を超えたところで、色んなことがまた再開されたんだろうと思います。繰り返しになりますが、この画像が左寄りになってしまう原因が、仮に、alt内で改行を入れることでhtmlが変わってしまうという、WP6.0側の不具合だとすると、もっと多くの方々が困っている可能性があるところで・・・WEBで見る限り、多くの人が困っている様子が見られないのは、alt内に改行までしながら、バカ正直にたくさん書き込んでいるような人があまり多くない・・ということなのかもしれませんね。(笑)あとは、PCなどの巾広の画面で見ない限りは、画像が左寄りになってしまっていることに気付き得ないことで、気付いている方が少ないだけなのかもしれません・・・(今回の問題となった僕のブログも、スマホでの閲覧が7割ほどのようですので)この度は、本当に有難うございました。今夜はぐっすり眠れそうです!・・・と言っても、本業の方で夜なべにはなってしまうのですが。(苦笑)とても勉強になりましたし、非常に救われました!しつこいようですが、本当に、皆さんどうも有難うございました。これを機に、今後とも宜しくお願いできると有難いです。@epz1WP6.0側の不具合だとすると、もっと多くの方々が困っている可能性があるところで・・・WEBで見る限り、多くの人が困っている様子が見られないのは、alt内に改行までしながら、バカ正直にたくさん書き込んでいるような人があまり多くない・・ということなのかもしれませんね。(笑)なんとなく思うのは・・・。alt属性を改行している方がどれくらいいらっしゃるか・・・だと思います。alt属性は入力なさっていても、改行はなさっていないかもしれないなという印象です。6.0、かつ、alt属性で改行。この条件を満たす方は、少ないかもしれないです。epz1さんもお書きになった通り、モバイル機器での閲覧の場合、気づかないということでしょうね。スマホでご覧になる方が、多いと思います。7割というのは、私の感覚的にもそれくらいという印象を受けています。(私の場合、電車の中や、お昼休みにご覧になる方が多いみたいです。)でも、以下のサイトを見ると・・・2021年デバイス別シェア、パソコンがスマホを上回るhttps://news.mynavi.jp/techplus/article/20220103-2242624/日本ではPCが多い?コロナ禍の影響もあるのでしょうか。Statsを確認すると、そんな感じなんですよねぇ。解決して良かったです。今後ともよろしくお願い致します。13:21メディア追加時のalt属性の入力はinput(改行不可)。Gutenbergのalt属性の入力はtextarea(改行可)。以前は、alt属性はメディア一覧に追加の際、メディア一覧側で入力していた。Gutenbergになり、エディタ中で容易にalt属性を入力可能となった。この為、今回のような事が起きたと思われます。属性の改行は初めて見ました。さんバカ正直にたくさん書き込んでいるような人があまり多くないこのようにお書きになったのが気になったため、念のために書いておきます。テキストは、「文脈にそって簡潔に書く」必要があります。テキストが、前後の文章とつながっているのが理想です。以下の説明が分かりやすいと思います。テキストは、スクリーンリーダーが読み上げません。簡潔ではない説明は、スクリーンリーダーの読み上げを聞いている方から「うざいな」と思われるかもしれません。文字を超える場合は、キャプション(figcaption)に書きます。テキストは、画像を説明するテキストです。テキストに「解説用画像」や「~の画像」を含める必要はありません。含めずとも画像の説明だと分かります。16:40mk2様ご返信、どうも有難うございます。最近はPCでの閲覧も増えているんですね?僕のサイトは、コロナ禍に入ったころに、ようやく伸び始めてきたのですが、最初っからコロナ禍だったようなものですので、変化の比較はできそうもありませんでした。二年前は7:3ほどだったのが、最近は6.5:3.5くらいの比率になってきているのは感じていましたので、確かに徐々に増えてきているような印象ではあります。何はともあれ、解決して、本当に良かったです。当初からご相談に乗っていただき、心から感謝しております。-----chu-ya様alt属性のご解説、どうも有難うございます。そもそもは、altは改行不可が基本だったということですね。ブロックエディタの方でしか入力をしたことがありませんでしたし、そもそも勉強不足なので、基本的なルールが抜けて落ちていたということになりますね(苦笑)(おそらく他にも色々と抜けていると思いますが。)僕のような無知な人間が、訳が分からぬまま書き込んだことによって生じることになった不具合ということでしょうか・・。※不具合というより、ただの僕のミステイクのような気もしますね。非常に有益なご解説、どうも有難うございました。-----Akira様ご指摘ありがとうございます。画像がどのような画像なのかを解説すればいいだけの欄なのかと思って、勘違いしておりました・・。どこかのサイトでそんなことが書いてあった気がしたのですが、当初から間違って解釈していたようですね。ご案内いただいたリンク先も見てみたのですが、パッと見では、今ひとつピンときませんでしたので、時間のある時にじっくり拝見させて頂き、正しいニュアンスを勉強するようにしようと思います。「125文字以内」や「文脈にそって簡潔に書く」というルールも、まったく知りませんでしたので、とても有難いです。訳が分からぬまま運営しているので、詳しい方からの客観的なご意見は非常に助かります。皆さん、本当にどうも有難うございす。2.1.7問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。「いいね!」機能はフォーラム登録者のみが利用できる機能です。2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。最近の書き込みはこちら。詳細なカスタマイズ依頼をするならこちら。Cocoon設定の「スキン」タブで変更できます。