ワードプレス（賢威６．１）に枠線をつけました。
ご訪問有難うございます。
ワードプレス（賢威６．１）の投稿記事やウィジェットに枠線とドロップシャドウをつけてみました。
上が枠線を付ける前の記事とサイドバーの状態です。
上が投稿記事やウィジェットなどに枠線が入った状態です
どのようにすればよいのか、この方法を説明いたします。
ワードプレスの管理画面から外観⇒テーマ編集⇒design.cssと進んでいきます。
desigm.cssの編集画面で一番下に次のように追記して下さい。/*枠線とドロップシャドウ*/とこんな感じで書いておくと後で分かりやすいですね。
#main-contents .post{
background-color: #fff;
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
padding: 0.5em;
margin-bottom: 1.0em;
}
.widget-conts,.post {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.contents {
border: 1px solid #F00;
}
.wpp-thumbnail {
float: left;
padding-bottom: 10px;
width: 85px;
}
.wpp-post-title {
float: left;
width: 175px;
}
.widget ul li,.widget_nav_menu h3 {
clear: both;
}
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}
賢威テンプレートの方はそのままコピー・ペーストで大丈夫です。
ブログそのものがひきしまった感じがしますね。
カスタマイズは以上で終了です。
photo by:
Flickershack
Google+
この記事を読んだ人は次の記事も読んでいます。
マウスをかざして指定した画像だけ白く光らせる方法
賢威６．１でトップを固定ページにし、最新情報と投稿ページたす方法
賢威６．１＋ワードプレスの日付年月日を消したい。
賢威6.1+ワードプレスのヘッダー画像を横幅いっぱいに広げたい
賢威＋ワードプレスでコピペで使える枠線のHTMLソース
内的SEO満載の賢威６．１でトップメニューの色と文字色を変える方法
賢威でリンク付きバナーが光ったり、動いたりマウスオーバーの時にする
賢威６．１の３カラムで、サブコンテンツとサイドバーを右側に並べる方法
賢威６．１でグローバルメニューの項目の境界縦線の色を変える
賢威でヘッダー右上のサイトマップと固定ページをひもづける方法
賢威６．１のグローバルメニューのプルダウンの横幅を広げたい。
賢威＋ワードプレスで文字の色をサイト全体で変える
トップ・ページの抜粋部分の文字数が少ないので増やします。
賢威で投稿ページの最後に、次・以前のページをタイトルで入れる方法
賢威6.1のヘッダー画像とトップとメニューの間を詰める方法です。
賢威６．１で見出しｈ２の文字を大きくする方法。
自サイトのメニューのプルダウン（ドロップダウン）の背景色を変える方法
賢威の横幅を広げてみました。
賢威６．１の最新情報の日付を消す
グローバルメニューをクリックするとグローバルメニュー以下へ飛ぶ方法
最近のコメント