解決済み

ブログ内、囲み枠の改行

  • 困ってます
  • 質問No.9609022
  • 閲覧数20
  • ありがとう数3
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 80% (79/98)

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

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

  • 回答No.2

ベストアンサー率 43% (786/1817)

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

または

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

HTMLでは改行は<br>です。
お礼コメント
crystal-bowie

お礼率 80% (79/98)

助かりました。
全然なんともいかなくて困っていました。
ありがとうございました。
投稿日時 - 2019-04-21 13:42:17

その他の回答 (全2件)

  • 回答No.3

ベストアンサー率 69% (903/1300)

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

<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風単独閉じタグ記述をするのは避けるべきです。
お礼コメント
crystal-bowie

お礼率 80% (79/98)

厳しいコメントありがとうございます。
本人も、試行錯誤してみたのですが、なんともいかなくて…。
なんせブログ解説までに3週間もかかってしまったPCオンチなので。
おっしゃるとおり修業が足りないのかもしれせん。
一歩一歩着実に励みます。
投稿日時 - 2019-04-21 13:45:18
  • 回答No.1

ベストアンサー率 23% (767/3256)

他カテゴリのカテゴリマスター
改行させたい位置に<br>(全て半角)でどうでしょう?
お礼コメント
crystal-bowie

お礼率 80% (79/98)

ありがとうございます。
上手くいきそうです。
投稿日時 - 2019-04-21 13:41:23
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
関連するQ&A
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する

ピックアップ

ページ先頭へ