以下のサンプルのように「Twenty Eleven」のテーマをカスタマイズして、WordPressでブログ付きのサイトを5日間で作成する方法をご紹介します。
※WordPressのインストールの詳細は、簡単インストールの方法をご確認ください。

 

下記の５つのSTEPで、サンプルサイトを作成していきます。

 

 

[はじめに]管理画面の確認

管理画面（ダッシュボード）のログイン画面は、WordPressをインストールした公開フォルダに「wp-admin」をつけると表示されます。
例）ログイン画面：http://blog.heteml.jp/wp-admin/

 

左のメニューから様々な設定が可能です。

 

画面左上には、インストールの際に記入したサイトのタイトルが表示されます。管理画面とサイトの切り替えは、
サイトのタイトル名部分に、マウスポインターを重ねた際に表示される『サイトを表示』をクリックすると行えます。

 

 

[1]テーマの変更

WordPress には多数のテーマが用意されており、変更するだけでサイトのデザインを自在に変えることができます。
管理画面のメニュー外観からテーマクリックすると、インストールされている３つのテーマが表示されます。

 

最初 「 Twenty Twelve 」　というテーマが有効になっていますので、今回のサンプルサイトに使うテーマ「 Twenty Eleven 」へ変更します。
利用可能なテーマから「 Twenty Eleven 」の『 有効化 』をクリックします。

 

「 Twenty Eleven 」が利用可能になりました。『 サイトを表示する 』をクリックしてテーマが反映しているかを確認します。

 

 

[2]キャッチフレーズの変更

設定されている、キャッチフレーズを変更します。

 

キャッチフレーズは、メニュー設定の一般で変更が可能です。今回のサンプルサイトでは、キャッチフレーズを削除して
画面一番下の「変更を保存」ボタンで確定します。一般では、サイトのタイトルも変更や削除も行えますので、適宜編集してください。

 

キャッチフレーズが消えていることを、サイトで確認します。

 

 

[3]ヘッダー画像の変更

「 Twenty Eleven 」　のテーマには予め複数のヘッダー画像が設定されています。メニュー外観の
ヘッダーでオリジナルのヘッダー画像へ変更可能です。

 

「参照」ボタンを押して、ご利用のパソコンの画像を保存しているフォルダからヘッダーとして挿入する画像を選択後、「アップロード」ボタンを押します。

 

画像の大きさはトリミングして調節するか、横幅：1000 px　高さ：288 px　の画像を用意しておけば
「トリミングをせず、このまま画像を公開する」ボタンでアップロードできます。

 

アップロードが完了したら、画像の横にあるラジオボタンにチェックを入れ、画面一番下の「変更を保存」ボタンを押して確定します。

 

複数のヘッダー画像をランダムに表示させたい場合は、画像を同様にパソコンからアップロードします。その後、ランダムを選択して「変更を保存」ボタンで確定します。

 

ヘッダーの画像が変更されていることを、サイトで確認します。

 

[Tips]アップロードした画像の変更

アップロードした画像はメニューメディアのライブラリで削除や編集が行えます。

 

 

[4]ヘッダーのテキスト色と背景色の変更

ヘッダーテキストの色も、メニュー外観のヘッダーで変更します。「色を選択」ボタンを押すとカラーパレットが表示されます。

 

カラーパレットで色と濃淡を選択するか、カラーコードを例） #1e73be　のように指定して画面下の「変更を保存」ボタンで確定します。

 

背景色はメニュー外観の背景で変更します。「色を選択」ボタンを押すと、カラーパレットが表示されます。適宜変更を行って「変更を保存」ボタンで確定してください。
「参照」ボタンからパソコンに保存してある画像をアップロードして、オリジナルのを背景として利用することもできます。

 

これで、外観の編集は終了です。
STEP２ではブログに記事の投稿を行います。