記事ブロックの画像挿入について

2017年4月18日 at 23:14

いつもお世話になっております。

早速ですが、記事ブロックへの画像挿入について質問します。
記事ブロックで画像を挿入できると思いますが、続けてテキストを入力するときに回り込みが解除できません。
通常、段落で(Pタグ)で区切ればテキストは画像に回り込まず改行されると思いますが、区切っても回り込みが解除されません。
なにか回り込みを解除する方法があるのでしょうか。

ちなみにバージョン8.0.2を使っております。

タグ:

Re: 記事ブロックの画像挿入について

2017年4月20日 at 14:34
こんにちは。
既にご存じの内容と重複してる部分がありましたらすみません。

画像の右寄せ、左寄せはスタイルシートでfloatの設定が加わります。
画像を囲う要素、もしくは下の要素(pタグなど)で解除の設定をしてあげる必要があります。
HTMLモードに切り替えて
p style="clear:both" のようにインラインで書くと、回り込みは解除されると思います。

テーマがbootstrapを使用しているものでしたら、class="clearfix" で大丈夫かと思います。

記事ブロックを画像部分と、下の記事で分けてしまってよければ、
画像を含む記事ブロック自体にclearfixかけてしまうのも手かもしれません。
デザイン&カスタムテンプレート → カスタムクラスにclearfixを記載
 

Re: 記事ブロックの画像挿入について

2017年4月26日 at 7:44
返信ありがとうございます。

ブロック内でfloatを設定すれば文字が回り込んでしまうのは理解できるのですが、特に設定しなくても回り込んだままになってしまいます。
最近バージョン8にしたのですが、バージョン7のときは改行されていたかなと思います。

Pタグを使って

<p>
画像
<p>
<p>
テキスト
<p>

としているだけなので、画像とテキストの間で改行が入るのが普通なのかと。
それともエディタのどこかで設定でもあるのでしょうか。
 

Re: 記事ブロックの画像挿入について

2017年4月26日 at 7:48
見落としておりました。

>画像の右寄せ、左寄せはスタイルシートでfloatの設定が加わります。

画像には特に設定していませんが、スタイルシートで必ずfloatが加わるのでしょうか。
 

Re: 記事ブロックの画像挿入について

2017年4月26日 at 9:22
右寄せ・左寄せの設定はされていないんですね。勘違いしまして失礼しました。
私の方でバージョン6と8でそれぞれ確認しましたが、画像挿入後に改行させて文字を入力すると、共に回り込みは解除されました。
ただし共に独自テーマです。
お役に立てずすみません。
 

Re: Re: 記事ブロックの画像挿入について

2017年5月4日 at 8:49
manekoさん

このたびは大変お世話になりました。

実は今回の件、自分の設定ミスが原因でした。

恥ずかしいのですが、カスタムCSSに【float: left;】の設定を残したまま大騒ぎしてしまいました。
お騒がせして申し訳ございませんでした。

この機会にごちゃごちゃしてしまったCSSの部分を見なおしてみたいと思います。
ありがとうございました。
 

Re: 記事ブロックの画像挿入について

2017年4月27日 at 11:36
JINTANさま

バージョン8.0.2をお使いということですが、テーマはデフォルトの Elemental でしょうか?
こちらで、8.0.2の Elemental で試したところ、回り込まなかったです。(添付画像を参照してください)

この件とは関係ないと思いますが、8.0.2にはテーマの切り替えのバグがあったと思うので、アップグレードされた方がいいと思います。

よろしくお願いします。
 

Re: 記事ブロックの画像挿入について

2017年5月4日 at 8:44
nipperさん

返信ありがとうございました。
恥ずかしながら、今回の回り込みの件は私の設定ミスでした。

時間が取れたのでソースを確認したところ、カスタムCSSの【img】のところに【float: left;】の設定が残っておりました。
お騒がせして申し訳ございませんでした。

カスタムCSSがごちゃごちゃしてして見づらくなっていたのが原因で、この機会に見直してみたいと思います。

バージョンアップの件は、早速時間をとって実行してみます。
ありがとうございました。