ワードプレスについての質問があります。太字の赤い線で囲みたいのですが、やり方が分からず困っています。

Question

ワードプレスについての質問があります。

下記のある画像に太字の赤い線で囲みたいと思っているのですが、やり方が分からず困っています。

![

今、自分が分かっていることとして、下にあるようにHTML編集をしなくてはならないことは分かっています。

ただ、コードを開いてみたもののここからどうすれば良いかが分かりません。どうすれば良いか教えて頂けないでしょうか？

Answer 1

下記のように記述します。

<p style="border: thick solid red;">りんごを食べます。あああああああああああああああああああああああああああああああああああああああああ</p>

thick は太線という意味です。5pxというように数値で指定することもできます。

「無効なコンテンツが含まれています。」というような表示が出る場合がありますが、でたら「HTMLに変換」をクリックすればいいでしょう。

Answer 2

<p>を

<p style="border:1px solid #FF0000">

に置換

意味としては

• style=""で「ここにCSS書くで〜」
• borderで「枠線やで〜」
• 1pxで「太さは1pxでね〜」
• solidで「直線にしときや〜」
• #FF0000で「赤色やで」

ですね（大雑把解説なので悪しからず

Comments

[wordpresskun]

回答、有難うございます。
文字はどこに入れたら良いのでしょうか？

[kyoya0819]

「置換」なので
<p style="border:1px solid #FF0000">あいうえお</p>
で
「あいうえお」
を囲むことができます。

[wordpresskun]

おおおおーーー。
とても分かり易い回答です！
有難うございます！！！

ちなみに、ワードプレスというのは何か本を買って勉強した方が良いでしょうか？
重ねて質問、申し訳ありません。

[kyoya0819]

自分は特に買ってません。
最低限、HTMLとCSSの知識があればいじれます。

テーマを自分なりに改造していきたいなら
PHP（とJavaScript）の基礎知識が必要になってきます。

WordPressは色々な面で癖が強いので、「HTML + CSSだけでホームページを作ってみること」をお勧めします。
ちなみに、本を買うとしたらHTML5とCSS3に沿ったものです。

こないだ本屋さんで見て面白そうと思った本のAmazonのリンクを貼っておきます。（アフェリエイトリンクではないのでご安心を
https://www.amazon.co.jp/dp/4797388544

[kyoya0819]

わからないことがあったらHTML, CSS（とJavaScript）でしたらMDNというFireFoxの開発元公式のサイトがありますので参照すると良いかもです。

[wordpresskun]

分かりました！
有難うございます( ◠‿◠ )

[kyoya0819]

解決しましたら「ベストアンサー」を選んでいただくか、
自分で解決方法を見つけた場合は解決方法を書いて「自己解決」にしてください。