WordPressを自分の理想のデザインに! 「テンプレート」と「ウィジェット」を変更する

onamae_00.jpg
お名前.com」の共用サーバーへWordPressのインストールが完了したら、今度は自分なりのカスタマイズだ。「テーマ」を変更して、ブログの外観を自分好みのデザインに変更しよう。WordPressのテーマは世界中で膨大な数が公開されているので、好きなだけ探してお気に入りを見つけるといい。テーマをインストールしたら、必要なウィジェットやメニューを指定して、外見をブログらしく整えていこう。

ブログの導入が完了したら、次はいよいよデザインの変更だ。
ブログの外観は「テーマ」と呼ばれるテンプレートを入れ替えることで行う。テーマは世界中のサイトで様々なパターンが公開されていて、好きなテーマをインストールするだけで、全体のデザインを大きく変えることができるぞ。
「テーマ」を導入したら、次はサイドバーに表示されているメニューを変更する。カレンダーやカテゴリといった機能を変更するのは「ウィジェット」の機能。このウィジェットはテーマごとに用意されており、必要な機能をドラック&ドロップで取捨選択して登録するだけでOK。
もう1つ、覚えておきたいのが「テーマ編集」だ。ここにはトップページや記事ページなどのソースコードがまとめて補完されていて、HTMLやPHPの知識がある人はより詳細な設定を加えることができる。ブログ中のテキストの書式を規定するスタイルシートがあるのもここだ。
「テーマ編集」を変更するにはある程度の知識が必要だが、スキルアップする上で避けては通れないので、とりあえず今は存在だけを頭に入れておこう。

■ 「テーマ」で自分の好きなデザインを導入しよう

tema_01.jpg
WordPressにログインし、ダッシュボードを開いて左のメニューから「外観」→「テーマ」をクリックしよう。ログインまでの手順が分からない人は、前回記事を参照して欲しい

tema_02.jpg
「テーマの管理」が開く。WordPressには、2010年と2011年の初期テーマ「Twenty Ten」「Twenty Eleven」が最初からインストールされている。が、これをそのまま使うのは味気なさすぎる。「テーマのインストール」タブを開こう

tema_03.jpg
「おすすめ」を選ぶと、WordPressが推薦する人気テーマが表示される。この中から使いたいものを選んで「いますぐインストール」をクリックすれば、そのデザインが適用されるぞ

tema_04.jpg
WordPressのテンプレートは世界中のサイトで膨大な量が公開されている。ほかのサイトで利用したいテンプレートを見つけたら、ZIPファイルをダウンロードして、「テーマのインストール」タブ下にある「アップロード」をクリックし、ファイルを選択したうえで「今すぐインストール」をクリックするとそのテーマがインストールできるぞ

tema_05.jpg
「テーマの管理」には、現在利用中のテーマとインストール済みのテーマが表示される。テーマを切り替えたい時は、この画面でインストール済みのテーマ下部に表示されている「有効化」をクリックすればよい

tema_06.jpg
「有効化」をクリックするとブログのテーマが変更され、外観が大きく変化する。テーマを「有効化」したら、取得した独自ドメインのURLへアクセスしてみよう

■ 「ウィジェット」でサイドバーの機能を変更する

widget_01.jpg
「外観」の「ウィジェット」をクリックしよう。利用中のテーマで使えるウィジェットが表示される

widget_02.jpg
右側にサイドバーの設定画面が表示されている。追加したいウィジェットをドラック&ドロップして登録しよう。既に追加されているウィジェットで不要なものは、ページ下部にある「使用停止中のウィジェット」にドラック&ドロップして除去しよう

widget_03.jpg
今回は「Left Sidebar」(左側のサイドバー)に「カレンダー」を登録した。「タイトル」を入力して「保存」をクリックする

widget_04.jpg
取得した独自ドメインのURLへアクセスしてみよう。左側のサイドバーにカレンダーが追加されていることが確認できる

■ スタイルシートの変更は「テーマ編集」で行う

css_01.jpg
「外観」の「テーマ編集」をクリックする。ここではWordPressのテンプレートのソースコードを書き換えることができる。HTMLやCSS、PHPが使われているので、その辺の知識がない人は下手に触れないのが無難

css_02.jpg
ブログのタイトル部分の「ヘッダー」や書式一般を指定している「スタイルシート」、記事ページを指す「単一記事の投稿」などの項目は、ソースコードを変更して、バナーを挿入したりボタンを追加する際に必要になる。今は分からなくても、この3つの設定項目は頭に入れておこう

AmebaブログやLivedoorブログといった無料ブログサービスでも、多彩なテンプレートによるカスタマイズは行える。だが、WordPressで提供されているテンプレートの種類や自由度は桁違いだ。「WordPress テンプレート おすすめ」でGoogle検索すると大量にテンプレートを紹介した記事がヒット。中には100種類以上ものテンプレートを紹介しているサイトもある。

▼テンプレート集サイト一例
 ・DesignWalker
 ・nanomal

このほかにもWordPressのデザイン紹介サイトはたくさんある。選択肢は無限にあるので、理想のサイトデザインを目指して、じっくり厳選するといい。

なお、これから独自ドメインを取得する人、WordPressでブログを作る人には朗報だ。「お名前.com」では今なら、期間限定キャンペーンを実施中で、人気の[.com/.net/.mobi]ドメインが最安値"180円"からで取得可能だ!もちろん人気の日本語ドメインもOK!

さらに、複数のサイトやブログを作るなら「お名前.com」の[セット割引]がオススメだ。ドメインを複数一括登録することで、人気ドメインが通常キャンペーン価格よりさらに安く取得することができる!今なら最安値は"100円"からだ!まとめてたくさんのサイトを立ち上げる際には積極的に活用しよう!

次回は、WordPressに便利な機能を追加する「プラグイン」を導入する手順について解説する。


2012年11月07日 12時27分
©教えて君.net All Rights Reserved.