ここに文章を記載する
息子から、文章を枠で囲む方法を聞かれました。
そういう発想がなく、ブログを書いていたのですが、見栄えを良くした方がいいとアドバイスされ、その方法を調べました。
検索文字は、「ワードプレス 枠の中に文字を表示」
すると、いろいろなサイトでこの方法を紹介していました。
いろいろ方法はあるようですが、私が採用した方法は「WordPressの投稿画面をひらいて、テキスト・ビジュアルのうち、『テキスト』をクリックした後、サイトで紹介されているコードをそのまま、テキストに張り付けコピーする方法です。
<div style=”border: 5px solid #F90; padding: 10px; border-radius: 10px;”>ここに文章を記載する</div>
<div> </div>
一番上の表示がこのコードを「テキスト」の方にコピーして貼り付けたものです。
例えば、「ここに文章を記載する」の中に、
・あああああああああああああ
・いいいいいいいいいいいい
・うううううううううううう
と、入れれば、
・あああああああああああああ
・いいいいいいいいいいいい
・うううううううううううう
のようになります。
さらに、上記の「う」の文字の最後の後で改行すれば、さらに行を増やして枠で囲むことになります。
・あああああああああああああ
・いいいいいいいいいいいい
・うううううううううううう
・いいいいいいいいいいいい
・うううううううううううう
行間が広い場合は、テキストの入力で行間を調整すればできます。
もっと簡単に文章を囲む方法
実は、もっと簡単に文章を囲む方法がワードプレスにはありました。
上の方法で固定ページのテキストに囲み枠のテキスト文字を入れようとしたのですが、うまくいかないのでネットで検索したら、次のような方法がありました。
それは、テーマがCocoonの場合、
「スタイル」というアイコンをクリックすると、いろいろな囲み枠の種類がでるので、それをクリックするだけです。
上のはほんの一部です。まだまだいろいろあります。
こんな便利な物があるとは知りませんでした。
ただ、ワードプレス５．０から導入された新エディタだと、この囲み枠を出すのに手間がかかるようです。私は、旧エディタ（クラシックエディタ）を表示するプラグインを入れています。プラグインしているのはClassic Editorです。
コメント