TheWorld フッターウィジェット カスタマイズ

WordPressテンプレートの使い方とカスタマイズ

【TheWorldテンプレート】フッターウィジェット(ボックス)のカスタマイズ

読了までの目安時間:約 4分

 


The World

TheWorldテンプレートのフッターウィジェット部分のカスタマイズ方法をご紹介します。

 

 

まずはフッターウィジェット部分とはどこを指しているのかを説明していきます。

 

 

フッターウィジェット部分とはどこか?

この部分にあるボックスがフッターウィジェット部分です。フッターのミニボックスとも言います。

 

フッター

 

 

この部分をカスタマイズしていく方法を説明していきます。

 

 

カスタマイズ方法

以下のカスタマイズはすべて外観⇒テーマ編集⇒style.cssです。

 

 

文字の大きさ

下の画像のように文字の大きさを変えていきます。

 

文字の大きさ

 

 

以下の赤文字部分です。

 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mini_box{
width: 31.5%;
font-size: 13px;
margin: -2px 0.3% 10px 0.3%;
color: #555;
text-align: left;
display: block;
border: 5px #A2A2E0 solid;
background: #FFFFFF;
box-shadow: none;
float: left;
}

 

 

枠の色

下の画像のように枠線の色を変えていきます。

 

枠の色

 

 

以下の赤文字部分を変更していきます。

 

 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mini_box{
width: 31.5%;
font-size: 13px;
margin: -2px 0.3% 10px 0.3%;
color: #555;
text-align: left;
display: block;
border: 5px #A2A2E0 solid;
background: #FFFFFF;
box-shadow: none;
float: left;
}

 

 

 

 

ちなみに、青文字を変更することで、枠線の太さを変更できます。

 

 

枠線の太さ

 

 

 

下線の色

次の画像のように下線の色も変更してみます。

 

下線の色

 

 

次の赤文字部分を変更すればできます。

 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mini_box{
width: 31.5%;
font-size: 13px;
margin: -2px 0.3% 10px 0.3%;
color: #555;
text-align: left;
display: block;
border: 5px #A2A2E0 solid;
background: #FFFFFF;
box-shadow: none;
float: left;
}

 

The World   コメント:0

この記事に関連する記事一覧

comment closed

トラックバックURL: