気まぐれIT

Windows, Linux, Apache, XOOPS, Software ~ デジカメ, DV, DVD などのデジタル家電のことまで。。。
ウイルスバスター トレンドマイクロ・オンラインショップ   デル株式会社

スポンサーサイト



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

WordPressの画面のカスタマイズ(2) テーマ



- 記事中の小さい画像をクリックすると別ウィンドウで拡大表示します-

■WordPressのテーマを変更する 

WordPressインストール直後には、「WordPress Default」と「WordPresss Classic」の2つのテーマがインストールされており、前者が現在のテーマとなっています。



●「WordPress Classic」 に変えてみる

利用可能なテーマのところにある「WordPress Classic」をクリックしてみてください
左図のように入れ替わって「現在のテーマ」のところに「WordPress Classic」が表示されたと思います

それでは「サイトを表示」をクリックしてどんな画面になったか確認してみましょう
左図のようになり、かなり趣が変わったことが確認できます

確認できたら、元の「WordPress Default」に戻してください

※ 通常通りに「サイトを表示」をクリックしてもいいのですが。。。

画面のデザインをカスタマイズするときは、「管理画面」と「ブログ画面」を何度も行き来するのは面倒ですので、「サイトを表示」を右クリック⇒新しいウィンドウで開く を選択して、別ウィンドウで開くようにすると作業が楽になります。
但し、変更時には「ブログ画面」で「画面の更新」を忘れないようにしてください


●「WordPress Default」 をコピーして2つにする






「テーマ」は下記のフォルダ内にフォルダとして入っています
 Wordpressのトップ\wp-content\themes\

これを踏まえて、エクスプローラで
 「C:\xampp\htdocs\blog\wp-content\themes」
を開いてみると「classic」と「default」の2つのフォルダがあることがわかります。

そこで、この内「default」というフォルダをコピーして「default2」というフォルダを作ってみたいと思います
  • 左図(上)のように、 「default」を右クリック⇒コピー を選択し
  • 左図(中)のように、空いたところで右クリック⇒貼り付け を選択すると
  • 「コピー ~ default」というフォルダができます
  • 「コピー ~ default」を右クリック⇒名前の変更 を選択し「default2」に変更します
  • この段階で、左図(下)のように「classic」、「default」、「default2」の3つのフォルダがある状態になります
※ エクスプローラは開いたままにしておいてください
 



フォルダのコピーが終わったら、管理画面の「テーマ」の画面に戻ってください
(以前から開いたままの場合は、画面を更新してください)
左図(上)のように「WordPress Default」が2つできていて、1と2の区別がつきませんね。

ということで、表示名を変更しておきます。
エクスプローラで「default2」の方を開いて「style.css」をUTF-8対応のテキストエディタで開き、3行目の「Theme Name: WordPress Default」の後に「(2)」を追加(「Theme Name: WordPress Default(2)」に変更)して上書き保存します

※ 左図(中)のようにエディタを開いておいて、「ファイルをドラッグ&ドロップ」すると簡単に開くことができま

管理画面の「テーマ」の画面を更新してみてください
左図(下)のように、「WordPress Default」と「WordPress Default(2)」と表示され、区別がつきやすくなったはずです


なぜこんなことを。。。

あるテーマの中身に手を加えるとき、「オリジナルではなくコピーに手を加える」ようにすれば、

  • 手を加える前後の比較が簡単に行える
  • 万が一、失敗しても少なくとも元の状態に簡単に戻せる
  • 元が1つのテーマに対して複数の派生テーマが作成できる
ということです。気にしない方はその必要はありません



●今回のまとめ
  • 管理 ⇒ デザイン ⇒ テーマ でテーマの選択を行うことで簡単に画面のデザインを取替えできる
  • テーマは、wp-content\themes\ 以下にフォルダとして入っている
  • テーマに手を加えるときは、コピーしてから行なうと都合がいいことがある
次回は、テーマ「WordPress Default(2)」に少し手を加えてみたいと思います
(新しいテーマの入手とインストールについては、それ以降に補足します)

<このブログ内の関連記事>
スポンサーサイト

コメントの投稿

URL
コメント
パスワード
秘密
管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://a77.blog103.fc2.com/tb.php/7-43238d83
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。