スタイルシート（その３）

WordPress

次はメニューです((φ(-ω-)ｶｷｶｷ

ウィジェットを有効にする

functions.phpを作成した(´ω｀)ﾉ

&lt ?php
 register_sidebar(); 
?>

/*コンテンツ*/

div#content {width: 515px;
             float: left}

p#pagetitle {font-size: 0.875em;
             font-weight: bold;
             color: #0c8bcd;
             border: dotted 1px #0c8bcd;
             text-align: center;
             padding: 10px 0;
             margin-top: 0}

content：コンテンツのデザイン
pagetitle：カテゴリ名のデザイン

/*サイドバー*/

div#sidebar         {width: 220px;
                     float: right}

div#sidebar ui      {margin: 0;
                     padding: 0}

div#sidebar li      {list-style-type: none}

div#sidebar .widget {backgroud-color: #0c8bcd;
                     padding: 16px;
                     margin-bottom: 10px}

div#sidebar h2      {font-size: 0.75;
                     color: #ffffff;
                     border-bottom: solid 1px #ffffff;
                     margin-bottom: 10px}

div#sidebar li li   {font-size:0.75em;
                     margin-bottom: 4px;
                     background-image: url(〜);
                     background-repeat: no-repeat;
                     padding-left: 16px}

div#sidebar li li a {text-decoration: none;
                     color: #ffffff}

sidebar：サイドバーのデザイン


/*カレンダー*/

.widget_calendar h2 {display: none}

#wp-calendar        {font-size: 0.75em;
                     color: #ffffff;
                     width: 100%}

#wp-calendar a      {color: #ffffff}

#wp-calendar td, #wp-calendar th 
                    {text-align: center}

#wp-calendar caption {font-weight: bold;
                      text-align: left;
                      border-bottom: solid 1px #ffffff;
                      padding-bottom: 8px;
                      margin-bottom: 8px}

#wp-calendar #prev   {text-aling: left;
                      padding-top: 3px}

#wp-calendar #next   {text-align: right;
                      padding-top: 3px}

wp-calendar：カレンダーのデザイン

/*フィード*/

p.feed     {font-size: 0.75em;
            font-family: Verdana,Helvetica, sans-serif;
            border: solid 1px #0c8bcd;
            padding: 5px;
            margin: 25px 0}

p.feed a   {color: #444444;
            text-decoration: none}

p.feed img {vertical-align:middle;
            margin-right: 8px}

feed：RSSフィードのデザイン。クラス「feed」