テーマヘッダー（header.php）・・・スタイルシート込みで116行
テーマヘッダー、長いんです。
本物は、116行もあるんです。
スタイルシートを張り付けてありますからね（笑）。
事情はこちらの記事をどうぞ。
＞＞ style.cssはどこに書く？別ファイルかヘッダー内か
う～ん、いったん戻そうか。
下に掲載しているのは、自動広告とかトラッキングIDを消してあるからそこまで長くはないですよ。
<!DOCTYPE HTML>
<html lang="ja">
<head>
<!-- Googleアドセンス 自動広告 -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- microsoft bing -->
<!-- THK Analytics -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><?php bloginfo('name'); ?></title>
<style type="text/css">
<!--
/*--------------------------------
ここからスタイルシート
（※スマホ含む全デバイス→PCのみ）
--------------------------------*/
/* 画像 */
img {
max-width: 100%!important;
height: auto;
}
/* リンク */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/* 全体定義・ヘッダー・コンテンツ・サイドバー・フッター */
html {
font-family : verdana, sans-serif;
font-size : 100%;
}
#header { text-align: center; }
#contents {}
#contents p {}
#contents #main {}
#contents #main .home_area .thumb_box {
float: left;
width: 174px;
margin: 0 8px 0 0;
}
#contents #main .home_area .clearleft {
clear: left;
}
#sub {}
#sub h4 {}
#sub .side_contents li {
padding: 0.5em 0; /* スマホでは必須 */
}
#footer { text-align: center; }
/* ここからPC（768px以上） */
@media screen and (min-width : 768px){
html { font-family: Meiryo, "メイリオ", verdana, sans-serif; }
body { background: #eee; } /* 全体に薄いグレー */
#contents {
width: 95%;
overflow: hidden;
max-width: 1060px;
margin: 12px auto;
}
#contents #main {
border: 1px solid #ddd; /* 枠線 */
background: #fff; /* 背景白 */
float: left;
max-width: -webkit-calc(100% - 430px);
max-width: calc(100% - 430px);
margin: 0 28px 0 0;
padding: 20px 48px;
border-radius: 0;
}
#sub { padding: 0; }
.side_title { font-size: 90%; }
#contents #sub {
float: left;
text-align: left;
margin: 0;
width: 300px;
padding: 0;
}
} /* PC表示ここまで */
/* ----スタイルシートここまで---- */
-->
</style>
<?php wp_head(); ?> <!-- WordPress -->
</head>
<body>
<div id="header"><!-- header -->
<header>
<FONT size=+3>
<a href="<?php echo home_url();?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</FONT>
<BR>
<?php bloginfo('description'); ?>
<HR>
</header>
</div><!-- //header -->
スポンサーリンク
コメントを残す