WordPressのスタイルシート一覧
スタイルシート一覧
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"
type="text/css" charset="utf-8" media="all" />
※スタイルシートをFirefoxで適用させるには、「更新」ボタンを押す必要がある！！
スタイルシートを「ビジュアル」で見た時に有効にする方法
function.php
//スタイルシートの適用
add_editor_style()
header
| #header | ヘッダの設定 |
|---|---|
| #desc | タイトルの下に表示されるサイトの説明文 |
記事のデザイン
| #content | 記事全体 |
|---|---|
| .post | 各記事一つ一つ |
サイドバーのデザイン
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*サイドバーのレイアウト*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#frameright{width:230px; float:right;}
div#sidebar{font-size:90%;}
div#sidebar li{list-style-type:none; margin-bottom:5px;}
div#sidebar li li{list-style-type:square; margin-left:22px;}
div#sidebar .widget{margin-bottom:30px;}
div#sidebar h2{
background-image:url(image/h2icon.gif);
background-repeat:no-repeat;
padding:3px 0px 15px 30px;
}
/*＝＝カレンダー＝＝*/
.widget_calendar h2{display:none;}
#wp-calendar{width:100%;}
#wp-calendar th, #wp-calendar td{text-align:center;}
#wp-calendar caption{
margin-bottom:5px;
padding-bottom:5px;
font-weight:bold;
text-align:center;
}
#wp-calendar #prev{text-align:left; padding-top:3px;}
#wp-calendar #next{text-align:right; padding-top:3px;}
| .widget | ウェィジットのclass名。個別のclass名は別にある。 |
|---|
コメント投稿フォーム
