こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ブログ内、囲み枠の改行

WORDPRESSでの質問です。
ブログ内で、文章を囲み枠で書きたいのですが上手くいきません。
具体的には改行です。
HTMLでは改行しているのですが(画像・上)、実際、プレヴューで確認すると、並んで表示されます(画像・下)。
どうすれば囲み枠の中で、箇条書きの様に改行できるのでしょうか?
ご存知の方、ご教授よろしくお願い足します。

投稿日時 - 2019-04-21 09:36:36

QNo.9609022

困ってます

質問者が選んだベストアンサー

【改行】
・本分<br/>・本分2<br/>・本分3

または

【段落】
<p>・本分</p><p>・本分2</p><p>・本分3</p>

HTMLでは改行は<br>です。

投稿日時 - 2019-04-21 10:02:47

お礼

助かりました。
全然なんともいかなくて困っていました。
ありがとうございました。

投稿日時 - 2019-04-21 13:42:17

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

本文?とやらを文頭に ・ みたいな印を付けて箇条書きみたいにしたいのであれば、以下の記述例の様にする方がベター

<ul style="border:2px dotted #00f;">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

P.S.
枠線や背景色などはHTML内部に直書きするのでは無く、外部CSSから読み込む形でもスタイルシートとして記述してデザイン指定すべき。よくわからない、やっても何か上手くいかないので~と言うのであれば上手く行くまで何度でも挑戦し勉強し試行錯誤すべき。そういう修行?的な行為に魅力を見いだせない人はWPの様なCMSは向いてないので、本文の文章内容のみに注力するか、webデザイナー的な人を別途に雇って頼むべし。

尚、<fieldset> は <input> みたいなフォーム部品を囲んでグループ化する時に使うタグなので、普通の文章を枠線で囲むための装飾に使ってはダメです。HTMLタグには全て意味があり、それぞれに用途が決まっています。分からないとか面倒くさいと思う様であれば、素直にビジュアルエディタのみを使って記事を書き、HTMLエディタでの直書きみたいな通ぶった事は止めるべきです。とりあえず <div> を使って置けばOKで、後は知識が増える毎に少しずつ手を広げて行く。

またHTML5で行くのであれば改行は <br> と記述すべきであり、<br/> みたいなXML風の単独閉じタグとして記述してはいけません。…と言いつつもWPはデホだと勝手に単独タグ <img><hr><br> などをXML風単独閉じタグに置換処理してしまうので、これは一種のWP本体のバグです(WP公式的にはHTML4.1で処理するので問題無いと考えている様ですが、その割にはHTML5以降の独自をタグを記述させる様になってるので矛盾がある)。

これを回避するためにはWP本体側の置換処理関数を停止させ、functions.phpに自前で表示用の関数などを記述して処理させる必要があるため、一気にハードルが上がります。一応、W3Cのアナウンスでは非推奨であり、現状では警告やエラーにはならないので良く分からない場合は放置でも構いませんが。敢えて意図的にXML風単独閉じタグ記述をするのは避けるべきです。

投稿日時 - 2019-04-21 11:14:42

お礼

厳しいコメントありがとうございます。
本人も、試行錯誤してみたのですが、なんともいかなくて…。
なんせブログ解説までに3週間もかかってしまったPCオンチなので。
おっしゃるとおり修業が足りないのかもしれせん。
一歩一歩着実に励みます。

投稿日時 - 2019-04-21 13:45:18

ANo.1

改行させたい位置に<br>(全て半角)でどうでしょう?

投稿日時 - 2019-04-21 09:49:08

お礼

ありがとうございます。
上手くいきそうです。

投稿日時 - 2019-04-21 13:41:23

あなたにオススメの質問