【Simple Custom CSS】WPでテキストボックスを追加する一番簡単な方法!!

「テキストボックス」はアドセンスブログの記事本文の中で「ちょっとだけ強調したい文節」とか、「注意点」なんかを読者さんに伝えるために大活躍するんだよね。

僕もかなり重宝してるんだ。

そうだね。

僕らがやるべきことは、

を「わかりやすく」そして「丁寧に」伝えることだからね。

わかりやすく丁寧に伝えることで、結果アドセンス広告だってクリックされやすくなるんだ。

正直、僕と同レベルや遙か上の知識で、詳しく有益な情報を発信してる人ってたくさん居るんだけど、残念なことに表現自体が難解だったり、逆に文章が稚拙すぎてわかりづらかったり、わざわざ作った図解説明（画像の質や加工技術も含む）がイマイチだったり、誤字脱字の嵐だったりするんだよね。

そんな人たちと自分を差別化するには「わかりやすく」そして「丁寧に」webサイトを作るべきなのかなって。

っていうかそれしか無いんじゃないかなってこのブログを立ち上げるときに思ったんだよね。

だから使えるものは全部使ってさ、やれることは全部やりたいんだよね。

このブログ「不労所得の設計図」の大切なコンセプトの中のひとつに

「難しい書籍をマンガのようにカンタンに」

って考え方があるんだよね。

どんなに素晴らしい内容のコンテンツでもさ、その内容がユーザーさんに伝わらなかったらまったく無意味でしょ？

情報は受け手がすべてなんだよね。受け手がどう受け取るかで、その情報の価値は決定されるんだ。

上述したことと多少重なってくるけど、例えば…

コピーしたコードを下図画面の赤枠内に貼り付け、「カスタムCSSの更新」をクリックして下さい。「カスタムCSSの更新に成功しました。」と表示されます。

続いて投稿画面で実際に打ち込んでみます。

下図画面通りにまず「ビジュアル」から「テキスト」に変更します。（テキストで打ち込まないとボックスは出現しません。）

任意の文章（表示させたいテキスト）を打ち込み、その打ち込んだ文章を

<div class=”box1″></div>

で挟んで下さい。

「更新」をクリックし確認してみましょう。

これで完了なのですが、他にもいくつかのパターンを作っておいて必要に応じて使い分けるとやりやすいと思います。

下図画面の通り、コピーを繰り返していくだけなのですごく簡単です。「box1」「box2」「box3」と名称を変更しておきましょう。

今回は「テキストボックス」を作るための「Simple Custom CSS」について解説してきました。

それほど難しいものではありませんので、慌てずにゆっくりやってみてください♪

「テキストボックス」があると記事を書く上でのバリエーションが増えてすごくラクになりますよ。

是非試してみてくださいね！