「テーマ作成」の記事一覧

WordPressのテーマ作成(10) 固定ヘッダー

WordPressのテーマ作成(10) 固定ヘッダー

2012年2月19日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

デザイン自体はまだ未作成だけど、とりあえず固定ヘッダーを試してみた。 フッターまで固定にすると表示範囲が狭くなるのでヘッダーだけ。 参考にしたのはこちら。 ヘッダとフッタを固定して常に表示 実際に作成したのはこちら。 iPhoneでの表示も確認済み。 HTML [h... 続きを読む


WordPressのテーマ作成(9) ブログのデザイン

WordPressのテーマ作成(9) ブログのデザイン

2012年2月9日 | カテゴリー:テーマ作成 | コメント (0) | タグ : ,

円形グラデーションの記事を作成しようと思っていたんですけど、サンプル作成していたら使い方がいまいち分からないし、実際にデザインで使うこともないだろうという印象。 そんなわけで、次回からブログのデザインに入ります。 (デザインが終わった後に、テンプレートタグを入れていきます。) トッ... 続きを読む


WordPressのテーマ作成(8) CSS3にチャレンジ linear-gradient()、gradient()

WordPressのテーマ作成(8) CSS3にチャレンジ linear-gradient()、gradient()

2012年1月29日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

linear-gradient()は線形グラデーションの効果をつけられます。(firefox) safariやGoogle Chromeなどのwebkitの場合、gradient()になります。 それぞれ書式が違います。 linear-gradient() (safari... 続きを読む


WordPressのテーマ作成(7) CSS3にチャレンジ rgba()

WordPressのテーマ作成(7) CSS3にチャレンジ rgba()

2012年1月21日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

rgba() 色の指定に透明度が加わった物がrgba()です。 [css]background-color:rgba(100,100,100,0.5);[/css] 1個目が赤色の指定 2個目が緑色の指定 3個目が青色の指定 4個目が透明度(alpha)の指定 透明... 続きを読む


WordPressのテーマ作成(6) CSS3にチャレンジ transition

WordPressのテーマ作成(6) CSS3にチャレンジ transition

2012年1月18日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

transition transitionは時間的変化を付けます。 基本的にはhoverで使うことが多いようです。 (ベンダープレフィックスはgoogle chrome用しか使っていないので、 google chromeで見てください。) [css] div.... 続きを読む


WordPressのテーマ作成(5) CSS3にチャレンジ text-shadow

WordPressのテーマ作成(5) CSS3にチャレンジ text-shadow

2012年1月17日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

text-shadow box-shadowに使い方が似ているtext-shadowです。 text-shadowは文字に影をつけるプロパティです。 [css]text-shadow:3px 3px 3px black;[/css] 1番目が横への長さ 2番目が縦の長さ ... 続きを読む


WordPressのテーマ作成(4) CSS3にチャレンジ box-shadow

WordPressのテーマ作成(4) CSS3にチャレンジ box-shadow

2012年1月16日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

box-shadow border-radiusと共に使用頻度の高くなりそうなbox-shadowです。 box-shadowは影をつけるプロパティです。 いくつか使用例を書いていきます。 どれも縦横100pxのサイズに適用しています。 (google chromeで見てく... 続きを読む


WordPressのテーマ作成(3) CSS3にチャレンジ border-radius

WordPressのテーマ作成(3) CSS3にチャレンジ border-radius

2012年1月15日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

border-radius まずは使用頻度が高くなりそうなborder-radiusです。 border-radiusは角丸を指定するプロパティです。 いくつか使用例を書いていきます。 どれも縦横100pxのサイズに適用しています。 (google chromeで見てくださ... 続きを読む


WordPressのテーマ作成(2) CSS3にチャレンジ ベンダープレフィックス

WordPressのテーマ作成(2) CSS3にチャレンジ ベンダープレフィックス

2012年1月14日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

WordPressのデザインを作成する前にまずCSS3を身につけたいと思います。 (テーマ作成のカテゴリに入れていいのか迷いましたが、 テーマを作成するための一連の流れなので「テーマ作成」カテゴリに入れました。) CSS3を使ったことがないとはいえ、時々CSS3のソースを見かけるこ... 続きを読む


WordPressのテーマ作成(1)

WordPressのテーマ作成(1)

2012年1月12日 | カテゴリー:テーマ作成 | コメント (0) | タグ : ,

WordPressのテーマを作成する理由 正直なところ、WordPressはまだ使い始めたばかり。 まだ1週間も経ってないくらいです。 MTの時もそうでしたが、使い始めたらすぐにテンプレートを作成し始めました。 理由は・・・人の作ったテンプレートは使いにくいから!! 自分が... 続きを読む