WordPressの投稿記事で、エディタの中央揃えが利かない場合の対処方法

サンエツ

新しいエディターになったせいかどうかはわからんが、これまでのように配置が機能しない。画像やテキストの配置がエディタでうまくいかないから、直接をwordpressのclassを上書きする。これでい一応大丈夫。

 

グーテンベルク用のクラシックエディタでの画像の位置は下記

 

グーテンベルグの画像の位置

img.alignright { display: block; margin: 0 0 0 auto!important;}
img.alignleft { display: block; margin: 0 auto 0 0!important;}
img.aligncenter { display: block; margin: 0 auto!important;}
 

 

テキスト用

.has-text-align-left {text-align:left!important;}
.has-text-align-center {text-align: center!important;}
.has-text-align-right {text-align:right !important;}


WordPressのエディタで位置決めをした際に、htmlにそれぞれの位置に応じて下記のclassが書き加えられます。

右寄せ:.alignright
左寄せ:.alignleft
中央揃え:.aligncenter

 

img.alignright { display: block; margin: 0 0 0 auto!important;}
img.alignleft { display: block; margin: 0 auto 0 0!important;}
img.aligncenter { display: block; margin: 0 auto!important;}

 

WordPressの投稿記事で、エディタの中央揃えが利かない場合の対処方法