投稿記事内の特定の文章に枠や背景をつける

投稿記事を書く際に、特定の文章や文字に枠をつける方法です。これには、様々な方法があります。

<table></table>
<pre></pre>
<blockquote></blockquote>

などがあげられます。その他にも別のHTMLなどもありますが、代表的なところはこんなところでしょうか。

実際にワードプレスの記事入力画面で入力してみましょう。

投稿記事入力画面で’テキストモード’にして下さい

これらの’タグ’類を使用する際には、’ビジュアルモード’ではなく’テキストモード’に切り替えて入力して下さい。

では、実際に入力してみる事にします。

<table>タグの入力例<table>
<tbody>
<tr>
<th bgcolor="#f4f4f4" width="200"> <span style="font-size: 14px; color: #252525;">❏&lt;table&gt;タグを使うと、こんな風になります。</span></th>
</tr>
</tbody>
</table>

↓実際の表示

 ❏ <table>タグを使うと、こんな風になります。

 

<pre>タグの入力例<pre>❏&lt;pre&gt;タグを使うとこんな風になります。</pre>

↓実際の表示

❏ <pre>タグを使うとこんな風になります。

 

<blockquote>タグの入力例】
<blockquote>&lt;blockquote&gt;タグを使うとこんな風になります。</blockquote>

↓実際の表示

❏ <blockquote>タグを使うとこんな風になります。

 

<pre>や<blockquote>は、そのまま囲えば良いのに対して、<table>タグは少し面倒かもしれませんね。

これらのタグの指定(装飾や囲い方など)もCSSの’スタイルシート’で設定する事ができます。でもそれより、実際に使用してみる事をオススメします。

使っていくうちに、ダンダンと分かっていくと思います。当サイトは<pre>を使用していますが、かなり装飾をしていますので、デフォルト表示とはかなり異なるかと思います。

この様に表現する事で、その内容を際立たせたり注目させたりも出来ますし、大切な部分だということを訪問者に伝える事が出来ると思います。

便利なタグはドンドン使って記事を書いてみましょう☆

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

 

にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

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