WordPress Theme kunai

Just another WordPress site

WordPress Theme kunai

WordPress 自作テーマ kunai 配布

WordPress自作テーマ kunai style.css

WordPress自作テーマ kunai

style.cssのコード

カスタマイズを前提で、どうぞ。

標準テーマ「Twenty Seventeen」の「style.css」も参考になります。

/*
Theme Name: kunai
Text Domain: kunai
Description: WordPressの自作テーマ
Theme URI: http://kunai.p-mission.net/
Author: ひかげ
Author URI: http://wordpress.p-mission.net/
Version: 1.0
Tags: grid-layout
License: テーマのライセンス
License URI: テーマのライセンスのURI
*/



@charset "UTF-8";

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

body,
html {
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",sans-serif;
line-height:1.6;
}

html {
-ms-word-wrap:break-word;
word-wrap:break-word;
background:#fff;
}



textarea,
input[type="text"],
input[type="email"] {
font-size:16px;
max-width: 100%;
}

pre,
code,
cite {
font-style:normal;
font-size:87.5%;
font-family:monospace;
}

pre {
line-height:1.6;
max-width:100%;
overflow:auto;
background:#eee;
margin:1em;
padding:1em;
}

blockquote {
font-size:100%;
background:#eee;
border-left:1px solid #666;
padding:1em;
}



table {
width:100%;
border-collapse:collapse;
}

th {}
td {}



iframe {
max-width:100%;
height:auto;
border:none;
outline:none;
}

img {
max-width:100%;
line-height:0;
vertical-align:bottom;
height:auto;
margin:0 auto;
}

img.wp-post-image {}



#wrapper {
max-width:960px;
margin:0 auto;
padding:1em;
}



.site-branding {}
.site-title {}
.site-description {}



a.post-edit-link {}
.entry-meta {}
.more-link {}
.page-links {}

.page-header {}
.page-titile {}

.hentry {}
.entry-title {}
.entry-content {}
.published {}
.updated {}
.author {}

.themeby {}
.entry-footer {}



.prev-post {
background:#eee;
margin:0;
padding:0.5em 0;
}

.next-post {
background:#eee;
margin:0;
padding:0.5em 0;
}

.nav-previous {}
.nav-next {}



#comments {}
#respond {}
#respond label {display:block;}
#respond textarea {width:100%;}
.comment-respond {}
a.comment-reply-link {}
label {display:block;}
p.nocomments {color:#666;}



.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {}



nav.navigation {
background:#eee;
margin:1em 0;
padding:1em;
}

.page-numbers {
margin-top:5px;
display:inline-block;
background:#fff;
padding:0.5em 1em;
}

.nav-links {}



article {}
aside {}
figcaption {}
figure {}
footer {}
header {}
main {}
nav {}
section {}

article {
background:#f9f9f9;
margin:0 0 1em;
}

article:after {
content:" ";
display:block;
clear:both;
}





@media screen and (max-width: 768px) {



}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

WordPress Theme kunai

WordPress 自作テーマ kunai 配布