パソコンガイドブック

WordPressでよく使うhtmlタグ


wordpress-logo

ブログ作成で、ページを見やすくしたり、強調したい時に、文字を装飾しますが、その装飾の方法が分からないこと、ありますよね。普通の無料ブログなんかは、装飾タブなんかが付いていたりしますから、あまり困る事は無いかも知れません。また、画像をセンターに持って行ったり、文字の大きさを変えたりしたい時はテキストエディタで一般のhtmlタグが使えますので、ご存じの方はそれを使われているようです。

しかし、Wordpressの場合は、一般のhtmlタグが使えない場合もあり、Wordpress専用のタグがあります。比較的Wordpressでよく使うタグの一覧を挙げてみましょう。ただ、Wordpressに特別なテンプレートを入れていたり、プラグインを入れている方は、この方法は使えないこともありますので、あしからず。あくまで、デフォルト(標準)のWordpressに限ると思って下さい。




改行タグ
<br>または<strong>

文字を打ち消す
<del>または<s>
<del> は取り消し、言い直し
<s> は時間の経過などで、正しかった情報が正確ではなくなった時や関連性がなくなった時

画像タグ
<img src=”画像URL” width=”横幅” heigth=”高さ” alt=”キーワード” title=”キーワード” />

中央寄せタグ
<Div Align=”center”>~</Div>

左寄せタグ
<Div Align=”left”>~</Div>

右寄せタグ
<Div Align=”right”>~</Div>

文字の大きさタグ
<font size=”1~7″>文字</font>

文字の色タグ
<font color=”色コード”>文字</font>

色コードはこちらから確認してください。
http://www.colordic.org/




太文字タグ
<b>文字</b>または<strong>文字</strong>
*<b> は見た目のみを太字にし、<strong> はキーワード的にも重要な文章だとクローラに伝えるタグとなります。
ですから、<strong> の使い過ぎでペナルティーを受けている事案もありますので、多く使う場合や、見た目だけ太字にする場合は <b> を使う方が無難です。因みに WordPress では「b」というボタンがありますが <strong> のタグが付きますのでご注意を。

下線タグ
<u>文字</u>

引用タグ
<blockquote>引用文</blockquote>
WordPress では「b-quote」のボタン
このタグで囲んでいる部分は引用文とされ、ブログテンプレートによっては背景の色が変わって引用部分と分かりやすくなったりもします。

リンク貼り付けタグ(別のページを開く)
<a href=”URL” target=”_blank”>文字</a>

画像にリンク貼り付けタグ
<a href=”URL”> <img src=”画像” /></a>

箇条書き
<ul>または<ol>
<ul> タグは並列表示、 <ol> タグは順序付きの表示

テーブルを作成
<table></table>

セルの行を表す
<tr></tr>

セルのデータ(列)
<td></td>

セルの見出し
<th></th>

だいたい、こんな感じですか。テーブルタグについては、色々と細かい設定が必要になってきますので、それはまたいつか記載しますね。お急ぎの方はググって下さい。

WordPressは基本自動的にタグが設定されていますので、普通にブログを書く場合にはあまり問題はないと思います。覚えてしまうまでは、このページをお気に入りなどに保存してお使い下さい。

lp1_480_60

コメントを残す

CAPTCHA


管理人: vivitan

vivitan

普通のOL時代を経て花屋に勤めている時に阪神淡路大震災に遭い、復興から立ち直りつつある時に下肢障害者になって、外での勤務を諦め自宅で収入を得る方法を試行錯誤している今日この頃です。 全くパソコンを知らなかった私が毎日パソコンを触っているうちに、いろんな知識が付きました。その時に得た解決策や新しい情報などをお伝えしていきます。

  • google vivitan
  • アメブロ vivitan

人気記事一覧

モバイルバッテリー モバイルバッテリー
ココナラ ココナラ
PIXTA(ピクスタ) PIXTA(ピクスタ)
banner

wpX wpX
フロンティア フロンティア
富士通WEB MART 富士通WEB MART
肩楽ピロー 肩楽ピロー
イージーメールフォーム イージーメールフォーム