横浜ワードプレス教室 サイト作成レッスン準備メモ

WordPressスクール授業準備メモ

ワードプレス・テーマ:Simplicity 子テーマを作成して、スタイル、header.phpのカスタマイズを検討する。

スタイルは以下のように

/*
Theme Name: Simplicity Child
Template: simplicity2
*/
@import url(“../simplicity2/style.css”);

/* サイドメニュー */
#nav_menu-2 ul {
padding-left:0px;
}
#nav_menu-2 ul li {
background: linear-gradient(to bottom, red, yellow);;
margin-bottom: 1px;
height:30px;
padding-left:10px;
padding-top:5px;
}
#nav_menu-2 ul li a {
color:white;
}
/* トップメニュー */
#navi ul {
background: linear-gradient(red, yellow);
}
#navi ul li {
border-left:1px solid white;
}
#navi ul li a {
height:40px;
padding-top:24px;
color:white;
}

#navi ul li a:hover {
background-color: rgba(255,255,255,0.6);
}

About the author: 横浜ワードプレス教室 鎌田裕二