賢威7で見出しデザインを変更したい場合は、
ワードプレスの管理画面から「外観→テーマ編集→base.css」を開きます。

「見出し」と書いてある部分を探します。


/*——————————————————–
見出し
——————————————————–*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
margin-top: 0;
}


keni7midasidezainsounyu


その下に進むとh1があり、次にh2があります。


.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background: url(./images/common/midashi-h2.png) repeat center center;
color: #fff;
font-size: 1.75em;
}



keni7midasidezaisasikae



賢威7の見出し2のデザインをカスタマイズする場合は、
コードを差し替えて、「ファイルを更新」するとデザイン変更が可能です。


見出し3、見出し4、見出し5に関しても、

「h2」の部分を見出し3であれば「h3]
「h2」の部分を見出し4であれば「h4]
「h2」の部分を見出し5であれば「h5]


と言う風に数値を差し替えれば変更ができます。


賢威7見出しデザイン



アンダーライン


midasihaikeinasi


.main-body h2{
color: #111;
font-size: 1.143em;
font-weight: bold;
margin: 0 0 1.5em;
border-bottom: 2px solid #191970;
box-shadow: 0 1px 0 #aaaaaa;
-webkit-box-shadow: 0 1px 0 #aaaaaa;
-moz-box-shadow: 0 1px 0 #aaaaaa;
text-shadow: #999999 0px 1px 1px;
}



斜め四角


nanamesikaku


.main-body h2:after{
content: “”;
position: absolute;
background: #0000FF;
top: 1.0em;
left: 0;
height: 8px;
width: 8px;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
}




点線


tensen

.main-body h2{
margin: 0 0 1.5em;
padding: 0.8em;
border-left: 7px solid #000080;
border-bottom: 1px dashed #000080;
font-size: 1.143em;
font-weight: bold;
}




斜め棒



nanamebou

.main-body h2{
position: relative;
padding-left: 30px;
border-bottom: 2px solid #228B22;
font-weight: bold;
font-size: 22px;
line-height: 38px;
}

.main-body h2:after, .heading2:before{
content: ”;
height: 18px;
width: 4px;
display: block;
background: #228B22;
position: absolute;
top: 8px;
left: 15px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

.main-body h2:before{
height: 10px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top: 16px;
left: 7px;
}




四角のリング



sikakunoringu

.main-body h2{
position: relative;
font-size: 1.143em;
font-weight: bold;
margin: 0 0 1.5em;
padding: 0.5em 0.5em 0.5em 2.0em;
border-bottom: 2px solid #2E8B57;
}

.main-body h2:before{
content: “□”;
font-size: 200%;
position: absolute;
color: #0000FF;
top: -0.8em;
left: 0.3em;
height: 12px;
width: 12px;
}

.main-body h2:after{
content: “□”;
font-size: 200%;
position: absolute;
color: #FF0000;
top: -0.5em;
left: 0;
height: 12px;
width: 12px;
}




四角グラデーション



sikakugurade-shon

.main-body h2{
position: relative;
margin: 0 10px;
padding: 0 10px 0 55px;
font: bold 22px/40px Arial, Helvetica, sans-serif;
color: #191970;
background: #fff;
z-index: 1;
border-bottom: 3px solid #191970;
}

.main-body h2:before{
content: ” “;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-right: #fff solid 2px;
background: #191970;
background-image: -webkit-gradient(linear, left top, left bottom,
from( rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.6)),
to( rgba(255, 255, 255, 0.6))
);
background-image: -webkit-linear-gradient(top,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -moz-linear-gradient(top,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -o-linear-gradient(top,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: linear-gradient(to bottom,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
z-index:-1;
}

.main-body h2:after{
content: ” “;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-image: -webkit-gradient(linear, left top, right top,
from( rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.6)),
to( rgba(255, 255, 255, 0.6))
);
background-image: -webkit-linear-gradient(left,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -moz-linear-gradient(left,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -o-linear-gradient(left,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: linear-gradient(to right,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
z-index:-1;
}



上下二重線



jyougenijyuusen


.main-body h2{
margin: 0 0 1.5em;
padding: 0.8em;
border-top: 4px double #800000;
border-bottom: 4px double #800000;
font-size: 1.143em;
font-weight: bold;
}




角丸




kakumaru


.main-body h2{
margin: 0 0 1.5em;
padding: 0.8em;
border: 2px solid #800000;
font-size: 1.143em;
font-weight: bold;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}



角丸影




kakumarukage



.main-body h2{
margin: 0 0 1.5em;
padding: 0.8em;
font-size: 1.143em;
font-weight: bold;
border: 2px solid #800000;
border-radius: 18px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}




四角影


sikakukage


.main-body h2{
margin: 0 0 1.5em;
padding: 0.8em;
font-size: 1.143em;
font-weight: bold;
border: 2px solid #800000;
box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}




四角左バー




sikakugidariba



.main-body h2{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em 0 0.8em 1.5em;
border: 2px solid #000080;
font-size: 1.143em;
font-weight: bold;
}

.main-body h2:before{
content: “”;
position: absolute;
background: #000080;
top: 50%;
left: 0.5em;
margin-top :-15px;
height: 30px;
width: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}



左バー背景色あり



hidariba-haikeishokuari

.main-body h2{
position:relative;
padding:10px;
padding-left:15px;
font-weight: bold;
font-size: 18px;
background-color: #B0C4DE;
color: #fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.main-body h2:before{
content:”;
height:25px;
width:4px;
display:block;
position:absolute;
top:10px;
left:4px;
background-color:#6495ED;
border-left: 4px solid #6495ED;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}


角丸左点


kakumaruten


.main-body h2{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em 0 0.8em 2.5em;
border: 3px solid #4682B4;
font-size: 1.143em;
font-weight: bold;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

.main-body h2:before{
content: “”;
position: absolute;
background: #00BFFF;
top: 50%;
left: 0.5em;
margin-top :-10px;
height: 20px;
width: 20px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 1px 1px 1px #4682B4 inset;
-moz-box-shadow: 1px 1px 1px #4682B4 inset;
-webkit-box-shadow: 1px 1px 1px #4682B4 inset;
-o-box-shadow: 1px 1px 1px #4682B4 inset;
-ms-box-shadow: 1px 1px 1px #4682B4 inset;
}



マーカー



ma-ka-


.main-body h2{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em;
font-size: 1.143em;
font-weight: bold;
color: #4B0082;
background: #E6E6FA;
box-shadow: 12px 0 0 0 #E6E6FA, 0 12px 0 0 #800080, 1px 15px 4px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 12px 0 0 0 #E6E6FA, 0 12px 0 0 #800080, 1px 15px 4px -3px rgba(0,0,0,0.2);
-webkit-box-shadow: 12px 0 0 0 #E6E6FA, 0 12px 0 0 #800080, 1px 15px 4px -3px rgba(0,0,0,0.2);
-o-box-shadow: 12px 0 0 0 #E6E6FA, 0 12px 0 0 #800080, 1px 15px 4px -3px rgba(0,0,0,0.2);
-ms-box-shadow: 12px 0 0 0 #E6E6FA, 0 12px 0 0 #800080, 1px 15px 4px -3px rgba(0,0,0,0.2);
}

.main-body h2:before{
content: ” “;
position: absolute;
top: 100%;
left: 100%;
width: 0;
height: 0;
border-width: 12px 12px 0 0;
border-style: solid;
border-color: transparent;
border-top-color: #EE82EE;
}

.main-body h2:after{
content: ” “;
position: absolute;
padding: 0 20px;
bottom: 0;
left: 0.8em;
width: 10.0em;
height: 1.5em;
background: rgba(255,244,244,0.4);
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}



吹き出し



fukidasi


.main-body h2{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em;
background: #E6E6FA;
color: #4B0082;
font-size: 1.143em;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.main-body h2:after{
position: absolute;
bottom: -15px;
left: 10%;
z-index: 90;
margin-left: -15px;
border-top: 15px solid #E6E6FA;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 0;
content: “”;
}





obi

.main-body h2{
position: relative;
color: #191970;
background: #E6E6FA;
font-size: 1.143em;
font-weight: bold;
margin: 0 -2.8em 1.5em -2.8em;
padding: 0.8em;
box-shadow: 0 1px 3px #E6E6FA;
-moz-box-shadow: 0 1px 3px #E6E6FA;
-webkit-box-shadow: 0 1px 3px #E6E6FA;
-o-box-shadow: 0 1px 3px #E6E6FA;
-ms-box-shadow: 0 1px 3px #E6E6FA;
}

.main-body h2:after,
.main-body h2:before{
content: “”;
position: absolute;
top: 100%;
height: 0;
width: 0;
border: 5px solid transparent;
border-top: 5px solid #191970;
}

.main-body h2:before{
right: 0;
border-left: 5px solid #191970;
}

.main-body h2:after{
left: 0;
border-right: 5px solid #191970;
}



二重丸



nijyuumaru


.main-body h2{
position: relative;
color: #483D8B;
background: #E6E6FA;
font-size: 20px;
line-height: 1;
margin: 30px 0 10px 0;
padding: 14px 5px 10px 40px;
box-shadow: 0 1px 3px #777;
border-radius: 0 10px 10px 0;
}

.main-body h2:before{
content: “”;
position: absolute;
background: #EE82EE;
top: 50%;
left: -20px;
margin-top : -22px;
height: 44px;
width: 44px;
box-shadow: 1px 1px 1px #777;
border-radius: 50%;
}

.main-body h2:after{
content: “”;
position: absolute;
background: #800080;
top: 50%;
left: -15px;
margin-top: -15px;
height: 24px;
width: 24px;
border-radius: 50%;
}





hata


.main-body h2{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em;
font-size: 1.143em;
font-weight: bold;
color: #fff;
background: #6A5ACD;
}

.main-body h2:before{
content: “<";
position: absolute;
top: middle;
left: -10px;
width: 0;
height: 0;
font-size: 25px;
line-height: 1.0;
color: #483D8B;
}

.main-body h2:after{
content: " ";
position: absolute;
top: -2px;
left: -10px;
width: 0;
height: 130%;
border: #4B0082 solid 2px;
border-radius:2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}



四角グラデーション



sikakugurade-shon


.main-body h2{
position: relative;
margin: 0 0 1.5em;
padding: 0.6em 0.4em 0.6em 4.0em;
font-size: 1.143em;
font-weight: bold;
color: #fff;
background: #000080;
z-index: 1;
}

.main-body h2:before{
content: ” “;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-right: #fff solid 2px;
background: #000080;
background-image: -webkit-gradient(linear, left top, left bottom,
from( rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.6)),
to( rgba(255, 255, 255, 0.6))
);
background-image: -webkit-linear-gradient(top,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -moz-linear-gradient(top,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -o-linear-gradient(top,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: linear-gradient(to bottom,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
z-index:-1;
}

.main-body h2:after{
content: ” “;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-image: -webkit-gradient(linear, left top, right top,
from( rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.0)),
color-stop(0.20, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.1)),
color-stop(0.40, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.3)),
color-stop(0.60, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.5)),
color-stop(0.80, rgba(255, 255, 255, 0.6)),
to( rgba(255, 255, 255, 0.6))
);
background-image: -webkit-linear-gradient(left,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -moz-linear-gradient(left,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: -o-linear-gradient(left,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
background-image: linear-gradient(to right,
transparent 20%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.3) 60%,
rgba(255, 255, 255, 0.5) 60%,
rgba(255, 255, 255, 0.5) 80%,
rgba(255, 255, 255, 0.6) 80%,
rgba(255, 255, 255, 0.6) 100%
);
z-index:-1;
}




参照:賢威7カスタマイズまとめ一覧