WordPressのデザインを更新


投稿日:2011年7月31日
  • 0
  • 0



またデザインを変更してしまいました(笑)

あまりWordPressはこだわりたくはないのですが、最低限デザインやレイアウトとしておかしな所があると気になって直してしまいます。

ページとページを区切る水平線とページ内の水平線が同じ見え方だと変なので前回「tool.php」に<hr />を追加した場所を

<img src=”wp-content/themes/twentyten/images/phr.jpg” class=”phr”>

と変更しました。

あわせて「style.css」も

img.phr { 
	vertical-align:bottom;
	margin: 0px 0px 20px 0px;
}

と変更。

さらに記事とサイドバーの境界もわかりにくかったので段差を付けました。変更箇所は「style.css」の190行目あたり

#wrapper {
	background: #fff;
	margin-top: 20px;
	padding: 0 20px;
	background-image: url(images/bg.jpg);  
}</div>

というようにバックグラウンド画像を追加しました。


現在のページを共有する



現在のページに関連する記事

WordPressのデザインを更新 これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
WordPressで表(テーブル)を簡単に追加したい WordPressで表(テーブル)を簡単に追加したい
WordPressにGoogle+、Facebook、Twitterボタンを追加 WordPressにGoogle+、Facebook、Twitterボタンを追加
WordPressのデザインを更新 WordPressに「トップへ戻る」ボタンを設置して、フックの仕組みについて学ぼう
WordPressのデザインを更新 WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更
WordPressの整形済みテキストがはみ出す WordPressの整形済みテキストがはみ出す
WordPressをインストールしたら初めに設定する項目 WordPressをインストールしたら初めに設定する項目

おすすめの記事

サーバリソースをリアルタイムに監視するdstatのインストールと使い方

サーバリソースをリアルタイムに監視するdstatのインストールと…

そのサイト、WordPressじゃなくてWixで十分じゃない?

そのサイト、WordPressじゃなくてWixで十分じゃない?

サーバで管理していたWordPressをローカル環境に移行する方法

サーバで管理していたWordPressをローカル環境に移行する方法

初めてでも理解できるようになる「Google Chrome機能拡張の開発」

初めてでも理解できるようになる「Google Chrome機能拡張の開発」

自前の国別IPv6、IPv4アドレス割当リストを作成しよう

自前の国別IPv6、IPv4アドレス割当リストを作成しよう

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

Windows 10でpsd形式のファイルをサムネイル表示する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

ユーザーの環境変数を設定するbashの設定ファイルと、カスタムプロンプトについて

ユーザーの環境変数を設定するbashの設定ファイルと、カスタム…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。