やりたいことはたくさんあるのにお金と時間がない!という人のためのブログ

WordPressでphpコードを記事中にそのまま書く方法は?

   



WPにコードをそのまま書く方法は?

WordPressで便利なコードを紹介しようとおもったときに

困ったことがあります。

それが、Wordpressにphpコードをそのまま書くことができない!

どういうことかといいますと

<b><font color="#ff0000">文章を赤くするコード</font></b>

こんな感じで紹介したいのに、実際に打ち込んでみると

文章を赤くするコード

こうなっちゃうんですよね。

ではどうやって文章をphpコードそのままに書くことが出来るのでしょうか?

HTML実体参照変換ツールを利用する

特に簡単な方法はこちらのakiyan.comさんのページをお借りすることです。

HTML実体参照変換

こちらにさっきの文章を入力してみます。

使い方はとっても簡単で、上の「文字列」の部分に「変換前の文字列」を入力。

そして変換をおすだけで


こうなります。なんて便利なツール……!

これさえあれば簡単に文字列を変換できますね!

一緒に使えるコード

せっかくなので変換コードと一緒に使うと便利なコードがあります。

上でもつかっているのですが

<b><font color="#ff0000">文章を赤くするコード</font></b>

よりも

<b><font color="#ff0000">文章を赤くするコード</font></b>

のほうがわかりやすくありませんか?

こちらの表示方法は

<div style="background: #EFEFEF; width: 100%; border: 1px solid #CC0000; height: 100%; padding: 10px;">任意の文章</div>
となります。

style="background: #EFEFEF
こちらが背景の色を表しています。

width: 100%
これは幅を表しています。%表記でなくてもpxで表すことができます。

border: 1px solid #CC0000
これが枠線の太さと色です。後半の#で色を変えることができます。

padding: 10px
これは余白の広さを表しています。

あとはこれらを好きなように組み合わせていけば自分の好きな枠ができます!

 - 便利ツール

  関連記事

関連記事はありませんでした

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です