プラグインを入手

ワードプレスのプラグインディレクトリー：My Category Orderから、プラグインをダウンロードします。

ダウンロードしたファイルを解凍し、自分のサーバーの「wp-content/plugins」の場所にFTPでファイルをフォルダごとアップロードします。

テーマファイルを編集

使用中のテーマファイルにおいて、wp_list_categories();の部分をちょっと書き換える必要があります。
具体的には、前述した「orderby」というパラメータの値を「order」とします。例を挙げると、以下のようになります。

<?php wp_list_categories('orderby=order&title_li=&hide_empty=0&depth=3'); ?>

ここで言いたいのは「orderby=order」の部分だけですので、それに続いている部分（「title_li=」とか）は自分の設定にしてください。

テーマファイルの編集ができたら、それを「wp-content/themes」にFTPでアップロードします。

プラグインを有効化

ブラウザでワードプレスの管理画面を開き、左メニューの「プラグイン」から、「My Category Order」を有効化します。（「使用する」をクリックします）

管理画面でカテゴリを並べ替え

ワードプレス管理画面左メニューに「My Category Order」という項目が出来ていると思いますのでそのページを開いてください。

操作方法は非常に直感的で簡単です。
並べ替えたいようにそれぞれの項目をドラッグ＆ドロップし、最後に下の「Click to Order Categories」ボタンを押します。
上部に「Categories updated successfully.」というメッセージが出てきたら完了です。

サブカテゴリーを並べ替える場合は、ページ中央あたりのドロップダウンメニューで該当の親カテゴリーを選択し、「Order Subcategories」ボタンを押します。
すると、その親カテゴリーに含まれるサブカテゴリー項目の画面に移動しますので、あとは同様にドラッグ＆ドロップでカテゴリー順序を並べ替え、最後に「Click to Order Categories」を押し、上部に「Categories updated successfully.」メッセージが表示されたら完了です。

ブラウザでワードプレスブログを開いてみると、きちんとカテゴリーリストの並べ替えが完了していることと思います。

• このエントリーを書いている時点で最新バージョンのWordPress 2.9.2の例です。
• 作業はバックアップをとり、自己責任で行ってください。

WordPressではこれがとても簡単に設定できます。
新規投稿画面でエントリーを書いたら、画面右上の「公開」ボックスの中で「すぐに公開する」となっているところの横の「編集」というリンクをクリックします。
そうすると下図のように日時を入力できるようになりますので、公開予定日時（未来の日時）を入力してOKボタンをクリックします。
すると、その下の「公開」となっていた青いボタンの文言が「予約投稿」に変わります。これをクリックすれば終了です。

一覧の画面を見ると、下図のように日付の欄が「予約済み」と表示されていると思います。
設定した日時になると、自動的にエントリーが公開されるのでとても便利です。

新しくカテゴリーを作成する

新しくカテゴリーを追加するには、管理画面の左メニューから「カテゴリー」をクリックし、カテゴリーの追加画面で以下の1～5を入力します。

1. カテゴリー名

その名の通り、カテゴリーの名前です。

2. カテゴリースラッグ

カテゴリースラッグには半角英数とハイフンが使えます。
ここに入力した文字列は設定しているURLの形式によってはURLの一部として使われることがあります。

例えば、ここにtestcat01と入力してみます。
ブログをブラウザで開き、該当するカテゴリー一覧のページでブラウザのアドレスバーを確認してみると、下の図のようにURLの一部にtestcat01が入っています。

なお、URLの形式は設定によって異なります。URLの形式は管理画面の「パーマリンク設定」から設定することができます。上の図のURLの形式は、パーマリンク設定で一般的な設定から「日付と投稿名」を選択した場合のURLの形式です。

3. 親カテゴリー

あるカテゴリーの中にサブカテゴリーを作って階層構造を持たせる場合に、このドロップダウンメニューから親カテゴリーを選択します。
階層構造を持たせない場合は「なし」のままにしておいてください。

4. 説明

カテゴリーの説明を入力します。
例えばWordPressのデフォルトのテーマでは、サイドバーのカテゴリーリンクの<a>タグの中のtitle属性にこの値が入ります。
仮にここに「てすとカテゴリー１の説明を入力します。」と入力してみます。ブログをブラウザで開いてサイドバーの該当するカテゴリにポインタをのせてみると、下の画像のように「てすとカテゴリー１の説明を入力します。」の文言がピロっと出てきます。

5. カテゴリーの追加ボタン

入力が完了したら最後に必ず「カテゴリーの追加」ボタンを押してください。

既存のカテゴリーの編集・削除

上記で入力した「カテゴリーの追加」画面の右側には、既存カテゴリーが一覧表示されていると思います。既存カテゴリーの編集・削除をする場合は、このボックスから該当のカテゴリーを操作します。
※下の画像は「カテゴリーの追加」画面のスクリーンショットから右側のボックス部分だけ切り取ったものです。

投稿編集画面を開いたら、画像を挿入する場所をクリックしてキャレット（入力位置で点滅する縦線）をあわせます。
今回は文章の下に画像を表示させるので、改行を入れてキャレットを下に移動させました。
そして本文入力ボックスの上の「アップロード/挿入」で、一番左の「画像を追加」アイコンをクリックします。

「画像を追加」ウィンドウが出てきたら、「コンピューターから」というタブが選択されていることを確認し、「ファイルを選択」ボタンをクリックします。

画像をアップロードすると、下のような画面になると思います。

いくつか入力項目がありますが、よく分からなければあまり気にせず「タイトル」だけ入力しておけば大丈夫です。
ここで「タイトル」に入力した文言は、<img>タグのtitle属性とalt属性として表示されます。

もし画像をクリックして拡大させたい場合は「リンクURL」に入力します。不要であれば空欄で構いません。
今回は単純に、文章の下にサムネイル画像を表示させるため、配置は「なし」、サイズは「サムネイル」が選択された状態になっています。
入力が済んだら、「投稿に挿入」ボタンを押します。

投稿編集画面に戻ると、本文エリアに画像が挿入されていると思います。
編集が終わったら、「投稿を更新」（もしくは「公開」）ボタンを押せば完了です。

関連するエントリー一覧

• WordPressで記事を投稿する手順（基礎）
• ビジュアルエディタの使い方（WordPress）
• WordPressで「抜粋」（the_excerpt）を使う
• WordPressの投稿画面のレイアウトをカスタマイズする

この記事はWordPressをはじめて使う方々へ向けて書いているもののため、初歩的なことを細かく解説しています。
・・・といいつつ、主に僕のお客様向けなので、僕が制作する際にあまり使わない機能については省略してます。

目次

• ログインする
• ダッシュボード画面
• 新しく記事を書く
• 必要に応じてその他のボックスにも入力する
• 記事を公開する
• 公開済みの記事を編集する
• 記事を削除する

以下、まずはログインすることから手順を追って進めていきます。
スクリーンショット画面は2009年6月28日時点で最新バージョンのWordPress2.8で作成しています。

ログインする

（ブログのURL）/wp-login.php

ログイン画面のURLは上の通りです。
ユーザー名とパスワードを入力し、ログインボタンを押します。

このページの上に戻る↑

ダッシュボード画面

ログインすると、ダッシュボードという画面が表示されます。
ダッシュボード画面にはブログの現在の状況やお知らせなどが自動的に表示されています。
新しく記事を投稿する場合は、左のメニューの「投稿」の中にある「新規追加」をクリックします。

このページの上に戻る↑

新しく記事を書く

新規投稿画面では、下の画像に示す通り、タイトルと本文を入力します。

本文の入力欄は、「ビジュアル」と「HTML」というタブで入力方法を切り替えることができます。
HTMLについて知識がある人以外は「ビジュアル」のタブを選択した状態で編集することをお勧めします。

「ビジュアル」の状態の場合、入力欄の上にあるボタンを使うとワープロ感覚で入力できます。
これらの各ボタンの役割等については、こちら↓のページに詳しく解説しておきました。

参考：ビジュアルエディタの使い方（WordPress）

また、本文の中に画像（写真等）を挿入する方法についてはこちら↓のページに解説しておきました。

参考：記事に画像を挿入する方法（WordPress）

このページの上に戻る↑

必要に応じてその他のボックスにも入力する

タイトルや本文の入力欄以外にも、抜粋、トラックバック送信、カスタムフィールドなどなど、いろいろなボックスがあると思います。
これらは使用しているテーマファイルの内容等によって入力が必要な場合と不要な場合があります。
例えばカテゴリ分けして使っている場合は、「カテゴリー」のボックスで該当するカテゴリをチェックします。

僕はよく仕事で「抜粋」ボックスを使うので、抜粋についてのみこちら↓のページに詳しく解説しました。

参考：WordPressで「抜粋」（the_excerpt）を使う

もし、ずっと使わないボックスがある場合は最初から表示されないようにしておいたり、並び順を変更してよく使うボックスを上のほうに持ってきたりすることが可能です。
この方法についてはこちら↓のページに詳しく解説しておきました。

参考：WordPressの投稿画面のレイアウトをカスタマイズする

このページの上に戻る↑

記事を公開する

投稿画面がデフォルトのレイアウトの場合、右上に「公開」というボックスがあると思います。
この中にある【公開】ボタンを押すと、記事が公開されます。
自分のブログを見て、きちんと公開されているかどうか確認してみてください。

このページの上に戻る↑

公開済みの記事を編集する

左のメニューから「編集」をクリックすると、記事一覧が表示されます。この中から該当の記事を開きます。

編集画面で記事を編集し、「公開」ボックスの中にある【投稿を更新】ボタンを押します。

このページの上に戻る↑

記事を削除する

記事を削除する場合は、記事一覧の画面で行います。
個別に削除することも、一括して複数の記事を削除することも可能です。

このページの上に戻る↑

関連するエントリー一覧

• ビジュアルエディタの使い方（WordPress）
• 記事に画像を挿入する方法（WordPress）
• WordPressで「抜粋」（the_excerpt）を使う
• WordPressの投稿画面のレイアウトをカスタマイズする

本文入力欄で<!–more–>を使うことで一覧ページと詳細ページの表示内容を区切ることも可能ですが（実際このブログでは<!–more–>を使ってるんですが）、必ずしも本文の最初のほうの文章がその記事全体の要約となっているとは限らないため、ユーザーに分かりやすいことにこだわるのであれば、この「抜粋」に自分で記事の要約を書き込んだほうが良いと思っています。

つまり、「抜粋」ボックスは自分が使っているテーマファイルによって、記入が必要な場合は不要な場合があります。
具体的には the_excerpt というWordPressのテンプレートタグを使っているのであれば「抜粋」欄に本文の要約を記入する必要があります。
※ the_excerpt を使っているのに「抜粋」欄に何も記入しなければ、本文の最初のほうの文章だけが勝手に抜き出されて表示されます。

ちょっと話がそれますが、WordPressでSEOを考えるときにとても有用なプラグイン「All in One SEO Pack」をもし使っている場合、通常は投稿編集画面でAll in One SEO Packボックス内のDescription欄を毎回書き込む必要がありますが、これを特に書かなくても「抜粋」が入力されていれば、プラグインが勝手にこれを拾ってmetaのDescriptionとしても表示してくれます。
お客様が普通に記事を書いているだけでSEO対策も自動的に行っていることになるので、お客様に面倒な思いをさせることも無く、これは結構便利で気に入ってます。

ただし、「抜粋」では画像を表示することができません。
一覧ページで画像を表示させたい場合は、前述のように<!–more–>を使うか、もしくは毎回必ず画像を同じ位置に入れることが決まっているのであれば「カスタムフィールド」を使ってテーマファイルを作っておく方法もあります。

テーマファイルとは

WordPressで作られているページのデザイン・機能をカスタマイズしているファイルです。
WordPressのデフォルトのテーマの他にも、無料でダウンロードして利用できるものがたくさんありますし、専門知識が必要になりますが、自分で作成することも可能です。

ちなみに、僕が仕事で制作させていただいたWordPressサイトでは、すべて僕がデザイン・機能をカスタマイズしたテーマをオリジナルで作成しています。
このブログも、Webサイトの中でブログの部分だけがWordPressで作ってありますが、ブログもその他のページも同じデザインになっていると思います。
これは僕が自分でオリジナルで作成したテーマを使っているからです。

関連するエントリー一覧

• WordPressで記事を投稿する手順（基礎）
• ビジュアルエディタの使い方（WordPress）
• 記事に画像を挿入する方法（WordPress）
• WordPressの投稿画面のレイアウトをカスタマイズする

ボックスの表示・非表示

新規投稿・投稿編集画面で、右上の「表示オプション」というタブをクリックすると、各ボックスの表示・非表示や、画面レイアウトを1列にするか2列にするかを変更することができます。
シンプルに日記ブログとしてWordPressを使う場合は、カスタムフィールドとかは使わない場合が多いと思います。そういう場合はこの表示オプションの中でカスタムフィールドのチェックを外してしまえば、カスタムフィールドのボックスは表示されなくなってスッキリします。

各ボックスをたたむ

各ボックスは折りたたんで小さくしておくことができます。
タイトルバー（小見出し）を一回クリックすると折りたたまれ、もう一回クリックすると元に戻ります。

ボックスの場所を入れ替える

各ボックスは並び順を変えることができます。
タイトルバーの部分をドラッグ＆ドロップして、自分が編集しやすい位置に持ってきます。
直感的な操作が可能ですので、試してみてください。

これらのカスタマイズは、新規投稿・投稿編集画面に限らず、ダッシュボードやその他の画面でも同様の方法で可能です。

関連するエントリー一覧

• WordPressで記事を投稿する手順（基礎）
• ビジュアルエディタの使い方（WordPress）
• 記事に画像を挿入する方法（WordPress）
• WordPressで「抜粋」（the_excerpt）を使う

改行の入れ方について

ビジュアルエディタ上で文字を入力するとき、改行するときにEnterを押したら、なんだか間に一行分のスペースが入ってしまって困ってる・・・という方へ。

一行分のスペースが入らないように改行するには、Shift + Enter を押して下さい。

ちなみに、Enter だけで改行したとき、これは間に一行入っているわけではなく「段落」が分かれてしまうことによって行間のスペースが広くなっている状態です。
HTML的に言うなら、<p>という段落を意味するHTMLタグが、上と下とで分かれている状態です。
逆に、Shift + Enter で改行すれば、<br> という改行を意味するHTMLタグが入り、普通の改行になってくれます。

ボタンの使い方について

記事の投稿・編集画面で、本文入力欄のタブ「ビジュアル」が選択されているとき、以下のボタンが表示されていると思います。

ボタンの機能は、左から：

1. 太字
   太字（ボールド）になります。
   <strong>というHTMLタグを追加します。このタグは強調を意味します。
   「強調を意味する」というのは、ただ太字に装飾するということだけではなく、検索エンジンロボットに対して「<strong>が適用されている文言は、このページにおいて重要なキーワードですよ。」と伝えることを意味します。
2. イタリック
   斜体になります。
   <em>というHTMLタグを追加します。このタグも強調を意味します。
3. 打ち消し
   テキストに取り消し線をつけます。
   text-decoration: line-through;というCSSスタイルが適用されます。
4. 番号無しリスト
   箇条書きになります。
   <ul>というHTMLタグが適用されます。
5. 番号つきリスト
   数字の番号がついた箇条書きになります。
   <ol>というHTMLタグが適用されます。
6. 引用
   どこか別のブログの内容などを引用するときに使います。
   <blockquote>というHTMLタグが適用され、インデントして表示されます。
7. 左揃え、中央揃え、右揃え
   その名の通りです。text-align: ○○○;のCSSスタイルが適用されます。
8. リンクの挿入
   リンクを設定できます。
   テキストを選択した状態でこのボタンをクリックすると、リンクの挿入/編集ウィンドウが出てきます。
   このウィンドウで、リンクURL、リンクターゲット（同じウィンドウに表示させるか別ウィンドウに表示させるか）などの情報を編集できます。
9. リンク解除
   設定されているリンクを解除します。
10. Moreタグ挿入
    <!–more–>というコメントタグを挿入します。
    これは、一覧ページと詳細ページで本文の表示範囲を区別するためのものです。
    一覧ページでは、<!–more–>より上の部分だけが表示されて、最後に「続きを読む」というリンクが表示されます。詳細ページでは全部が表示されます。
    ただし、これは一覧ページのテンプレートファイル内で the_content を使っている場合にのみ有効です。
    一覧ページでは the_content ではなく the_excerpt を使っている場合は、この<!–more–>を本文中に挿入しても特に意味はありません。
11. スペルチェック
    各言語をプルダウンで選択し、スペルチェックができます。
12. フルスクリーン
    このボタンを押すと、入力欄が画面いっぱいに広がります。入力欄が狭く感じる場合は便利な機能です。
    フルスクリーンになった状態でももう一度押すと、元の大きさに戻ります。
13. アドバンストツールバーの表示/非表示
    このボタンを押すと、もう一段あらたなボタンが出てきます。（下記）
    もう一回押すと非表示に戻せます。

アドバンストツールバーを表示させて出現した２段目のボタンの機能は、左から：

1. フォーマットの選択
   フォーマットはデフォルトでは<p>タグが適用されますが、ここでフォーマットを選択すると、<h1>タグ等を任意に適用させることができます。
   自分でHTMLの構造化を意識したい場合は使える機能ですが、よく分からない場合は特にこれは使わなくていいと思います。
2. 下線
   テキストに下線をつけることができます。
   ただ、僕の考えでは、テキストに下線をつけるとリンクだと誤解されてしまうことが多いため、強調したい場合は太字や文字色の変更で対応したほうがいいと思います。
   参考：強調のための下線は紛らわしいのでやめよう
3. 均等割付
   文章の両端揃えのことです。text-align: justify;というCSSスタイルを文章に適用しますが、ブラウザによってきちんとならないことも多く、現状ではあてにならないので、Webページではあまりこれは使わないほうがいいでしょう。
4. 文字色
   プルダウンから色々な文字色を選択して適用させることができます。
5. テキストとして貼り付け、Wordから貼り付け
   Word上の文書をコピーして貼り付ける場合、「Wordから貼り付け」を使うと良いらしいですが、普通に Ctrl + V でペーストするのとどういう違いがあるのかは不明です。何度かやってみたんですが違いが分かりませんでした。
6. フォーマット解除
   上に説明した方法で適用させた色々なフォーマットを解除します。
7. 埋め込みメディアの挿入/編集
   FlashやQuicktimeなどのメディアを挿入・編集できます。
8. 特殊文字
   特殊文字を選択して挿入することができます。見ていただけると分かりますが色々あります。
9. インデント解除、インデント
   選択した段落にインデントの適用・解除を行います。CSSスタイルでpadding-left: 30px;が適用されます。
10. 取り消し、やり直し
    ワープロソフトと同じです。
    キーボード操作では、取り消しは Ctrl + Z、やり直しは Ctrl + Y でも可能です。
11. ヘルプ
    ちょっとした解説画面みたいなものが出てきます。

関連するエントリー一覧

• WordPressで記事を投稿する手順（基礎）
• 記事に画像を挿入する方法（WordPress）
• WordPressで「抜粋」（the_excerpt）を使う
• WordPressの投稿画面のレイアウトをカスタマイズする