WordPress

ヘッダーを浮き立たせるために、以下の様に、背景に微妙なグラーデーションを付けてみた。 目をこらしてみると、TOP のボタンの下から微妙に灰色のグラデーションがかかっていて、下に行くと背景と同化している ...

ボツになった案だけども、将来使うかも知れないのでメモ の青字部分のBOXを以下の様に立体的に見せるには、

ブラウザの Window の幅を縮めていくと、画像やら form の BOX がはみ出す事があるのに気づいた。 最低幅を決めるようにしてみる。

レイアウトは、<div> を使って、float 制御をする事で実現できる。 各ブロックの <div>が、header, rsidebar, lsidebar, content, ...

php 自体は、デフォルトに含まれている search.php を呼び出すとして、検索ボックスがどのように呼び出されているか調べてみた。 デフォルトのテーマでは、サイドバーの所に置かれているので、si ...

通常多くのページで、ヘッダーの下側に、「ページ」へのリンクを並べているので、これを作ってみる。 ページへのリンクの部分は、リスト表示で作成する。 一番始めの 「TOP」の部分は、トップページだが、厳密 ...

一つの CSS にゴリゴリ書いていると、作り込みが大きく成りるほど可読性が下がってしまう。 そう言う場合は、style.css から、外部ファイルを取り込む形にして分割する事ができる。 style.c ...

WordPress のヘッダーに表示させる、①の部分を「ブログタイトル」、②の部分を「キャッチフレーズ」と言うそうだ。 この部分は、WordPress のダッシュボードで、「一般設定」の項目で指定でき ...

もう少しページ全体の背景を工夫してみたかったので、1x 500 px の以下の様なファイルを準備。 上側は、#333444 (黒に近い灰色）で、下の方に行くと #cccccc (薄いねずみ色) になる ...

ここまで、できたサイトの背景に薄いネズミ色を付けて、全体を浮き立たせてみたくなった。 css の body の所で、ページ全体の背景を変更できる事は知っていたので、本を見ながら作ったサンプルの css ...