WordPressの記事作成でよく使うタグ

WordPressではブログ感覚で記事やページの作成ができますが、いくつかのタグを使用するとさらに思い通りにレイアウトすることができます。

投稿や固定ページで使う定番のタグです。

リンクと画像

・リンク

<a href=”http://****” ></a>



・リンク（リンク先を新規ページで開く）

<a href=”http://*****” target=”_blank”></a>

通常のリンクタグに target=”_blank” を付けることで、リンク先を新規ページで表示します。



・画像貼付

<img src=”*****” width=”***” height=”***” alt=”" border=”0″>

width=”***” height=”***” には画像のサイズが入ります。

width ＝ 横幅　height ＝ 縦　

border=”0″ は画像にリンクした際にできる囲み線を非表示にします。



これらのタグやリスト作成のタグは、WordPressの記事作成ページのウインドウにもボタンがあるので、これを利用して入力することもできます。

配置

スタイルシートを使ったテキストや画像の配置制御です。


・左揃え

<div align=”left”> </div>



・中央揃え

<div align=”center”> </div>



・右揃え

<div align=”right”> </div>

※配置の制御はHTMLの制御タグではなく、スタイルシートを使います。

段組

スタイルシートを使った段組に使います。


<div style=”width:***px; float:left;”> </div>

<div style=”width:***px; float:right;”> </div>



下記のタグで段組の終わりを指定します。

<div style=”clear:both;”></div>




これらを覚えるのは大変なので、テンプレートを作成しておき、それをコピーして加工しながら使います。

テンプレートはテキストファイルで作成して保存したり、Evernoteにノートを作成しまとめておくといいですね。

ワタシはEvernoteにタグ一覧のノートを作成し、よく使うものをまとめておき利用しています。

関連するエントリー

• ウェブ担当者必携ソフト


• フレーム・テーブル・CSS


• 既存サイトをWordPressでリニューアル


• Facebookのアカウント停止について


• TwitterクライアントにはChrome＋HootSuiteがおすすめです