Web2.0 Mashup

昨夜学んだことを忘れないうちにメモしておく。

１．サイト全体のルック＆フィール

体裁、見てくれである。Ｔｈｅｍｅ、テーマのことだが、ＷｏｒｄＰｒｅｓｓサイトを開設したときのDefaultsのほかに何百ものテーマが、WordPress theme directoryにある。自分の気にいるのを探すのが大変だが、選んでしまえばあとは簡単である。

• そのテーマをダウンロードして、フォルダー全部を、wp-content/themes/ にアップロードする。
• ＷＰ管理画面の Prresentation を開くと、アップロードしたテーマがAvailable Themesに表示されている。
• これをクリックすると Current Themeに表示。それで完了である。

とりあえずFastTrack 1.0、Ocadia 1.3、Travelogue 0.1 の三つを組み込んだ。最初からあったdefaultsとWordPress Classic 1.5を含めて五つの選択肢ができた。切り替えは、ワンクリックでできるので便利である。それぞれの良さがある。

デザインはシンプルなＦａｓｔＴｒａｃｋが良いが、個別記事ページの先頭に「前の記事」「次の記事」へのリンクがなかったり、Ｐａｇｅｓは一番上に表示したい……などと欲が出てくる。まだ勉強中なので、当面はDefaultsをもとに手を入れていくことにした。それで昨夜は早速、ヘッダーを変えた。試行錯誤で時間がかかったが、まずは自己満足できる程度になった。

２．ヘッダーの変更

ＰｒｅｓｅｎｔａｔｉｏｎのＴｈｅｍｅＥｄｉｔｏｒのなかで、Ｓｔｙｌｅｓｈｅｅｔの内容を変える。

• ヘッダータイトル
  ＯｐｔｉｏｎｓのＧｅｎｅｒａｌで記述したＷｅｂｌｏｇ ｔｉｔｌｅと Taglineの内容になる。書式は、Ｓｔｙｌｅｓｈｅｅｔのなかにある#header h1とh2である。
• タイトルの表示位置の調整
  #headerimgで、paddingの値をかえることで可能である。
• 背景イメージ
  Ｄｅｆａｕｌｔｓの場合、Header image and colorで背景の色を上部と下部の二色を指定すれば自動的にグラデュエーションしてくれる。phpで作っている。

しかし趣味に合わない人は、自分の作った画像にしたいだろう。そのやり方を見つけるのが厄介であった。なにしろＰＨＰはまったくといって分からない。類推するにも限度がある。

ＴｈｅｍｅＥｄｉｔｏｒページの右側の欄にあるtheme filesから「Ｈｅａｄｅｒ」をえらぶ。これがheader.phpで、ＨＴＭＬのＨＥＡＤタグ内とＢＯＤＹの先頭のヘッダーを作り出す。このなかの<?php wp_head(); ?>を削除した。これが先のHeader image and colorで作られた二色背景イメージの表示部分である。

#pageで表示される背景イメージが、・・・themes/default/images/フォルダーのなかのkubrickheader.jpgである。これを自分の好きな背景イメージで置き換えてアップロードすればよい。

分かってみれば簡単なのだが、どこを何故どう変えればどうなるかを見つけ出すのに試行錯誤で一時間近くかかってしまった。 分かった後は、画像つくりからはじめて１０分で終わる。一時間の苦労が報われた達成感でしわせになれる（笑）

Posted on Sunday, August 27th, 2006 at 1:15 am under 使い方. Hits for this post: 494. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.