どうすればページエディターに私を信頼させることができますか?
-
16-10-2019 - |
質問
2つの画像を並べて表示したいです。ただし、WordPressは、ビジュアルエディターではなくHTMLエディターを使用している場合でも、要素間のラインブレークを挿入します。
編集者に、ラインブレイクを挿入しない場合、私はそれを望まないと信頼させるにはどうすればよいですか?
解決
2つの画像を並べて投稿するときにラインブレークを回避するために、AlignLeftまたはAlign Rightクラスをそれらに割り当て、それらの間にスペースをスキップせずに同じ行に配置します。
例:
<img src="/wp-content/uploads/your_image.jpg" alt="" class="alignleft" /><img src="/wp-content/uploads/your_image2.jpg" alt="" class="alignright" />
編集フロートをクリアしない限り、フロートした画像が画像間でオーバーフローすると、そのコンテンツがそのコンテンツを溢れ出ることを忘れていました。私は追加します: <div class="clear"> </div>
画像の後に追加します .clear {clear:both;}
私のCSSに。
他のヒント
@Chris_Oが言ったことに加えて、あなたが写真のエディターにいるとき、一方と他方に右に左に左に選択します。これにより、それぞれAlignLeftクラスとAlignignign Lightクラスが適用されます。
テーマはCSSクラスを定義する必要があります。ベンダーのクラスがある場合、それらはおそらくそこにありますが、そうでない場合は、テーマエディターに移動してCSSに追加します。
.alignleft {float:left;}
.alignright {float:right;}
また、テストがそれらの周りを包む可能性があるため、浮かぶ画像にこのようなものを追加するのが好きです。
img.alignleft, img.alignright {
padding: 5px;
display: inline;
}
明らかに、マージンを追加したり、パディングを交換して好みに合わせて変更できます。