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);
}