昨日06/03は、向後利用するブログをlivedoorブログ残留する事で決定とした。
ついては、だいぶ長い間使ってきたlivedoorブログのテンプレートを手直ししてみようと考えた。
以前より、利用しているテンプレート「デフォルト2008(烏羽,3カラム)」には改良を加えてきた。
これで殆ど満足しているのだがhttps化に先んじて過日HTML5化を試みた。しかし、スキル不足から諦めて放置していた。この度05/27、livedoorブログが「デフォルト2019」を公開したので、これと、俺の改造版を比べてみる事を思いついた。提供されたままでも良いのだが、視力の悪い俺は背景はダークにしたい。
PC版デザインテンプレート「デフォルト2019」を改修しました(05/27)

<<デフォルトTP比較>>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.デフォルト2008(烏羽,3カラム、20200601)
トップページ
<!DOCTYPE html>
<html lang="ja" itemscope itemtype="http://schema.org/Blog">
<head>
<$HeadSectionCommon$>
<meta name="description" content="<$BlogDescription ESCAPE$>" />
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$BlogTitle ESCAPE$></title>
</head>
<body class="default_2008 index"><a name="top"></a>
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
.デフォルト2019 
トップページ
<!DOCTYPE html>
<html lang="ja" itemscope itemtype="http://schema.org/Blog">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1">

<$HeadSectionCommon$>
<meta name="description" content="<$BlogDescription ESCAPE$>" />
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$BlogTitle ESCAPE$></title>
<!--[if lt IE 9]>
<script src="<$PartsBaseUrl$>/js/html5.js"></script>
<![endif]-->
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>

</head>
<body class="default_2012 page-index layout-2col sidebar-right">

デフォルト2008(烏羽,3カラム) ※未改造(HTML5にはなっていない時代の物)
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<$HeadSectionCommon$>
<meta name="description" content="<$BlogDescription ESCAPE$>" />
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$BlogTitle ESCAPE$></title>
</head>
<body class="default_2008 index"><a name="top"></a>
<!-- ............... Header ............... -->
<$BlogHeader$>

~~<<新・旧の差異は?>>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ヘッダー部分の相違点は、上記タグの下線付き部位である。
.<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>
.<meta http-equiv="X-UA-Compatible" content="IE=edge" />
.<meta name="viewport" content="width=device-width,initial-scale=1">.<body class="default_2008 index"><a name="top"></a>
.<body class="default_2012 page-index layout-2col sidebar-right">
は意味が解っていないが、変更するとテンプレート中のアイコンが変わってしまうので弄らない。
は、スマホ表示に関わる記述と独解。livedoorブログのスマホ表示はPCとは別なので加筆しない。
は、バージョン8.0以降のInternet Explorerで使用できる互換モードに関する機能也。加筆しない。
は、livedoorブログ独自の「スレッド形式コメント」を利用する為の記述也。俺は不要だが加筆。
として対応する事とし、ほぽ現行通りである。但し、livedoorブログのhttps化後に動作確認する事。
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
個別記事ページ
<!DOCTYPE html>
<html lang="ja" itemscope itemtype="http://schema.org/Blog">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<$HeadSectionCommon$>
<meta name="description" content="<$ArticleDescription ESCAPE$>" />
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$ArticleTitle ESCAPE$> : <$BlogTitle ESCAPE$></title>
<script src="<$EmojiJsUrl$>"></script>
<script src="<$MiscJsUrl$>"></script>
<!--[if lt IE 9]>
<script src="<$PartsBaseUrl$>/js/html5.js"></script>
<![endif]-->
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>

</head>

<body class="default_2012 page-article layout-2col sidebar-right">

カティゴリーアーカイブ
<!DOCTYPE html>
<html lang="ja" itemscope itemtype="http://schema.org/Blog">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<$HeadSectionCommon$>
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$CategoryName ESCAPE$> : <$BlogTitle ESCAPE$></title>
<!--[if lt IE 9]>
<script src="<$PartsBaseUrl$>/js/html5.js"></script>
<![endif]-->
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>

</head>
<body class="default_2012 page-category layout-2col sidebar-right">

月別アーカイブ
<!DOCTYPE html>
<html lang="ja" itemscope itemtype="http://schema.org/Blog">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<$HeadSectionCommon$>
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$MonthLabel ESCAPE$> : <$BlogTitle ESCAPE$></title>
<!--[if lt IE 9]>
<script src="<$PartsBaseUrl$>/js/html5.js"></script>
<![endif]-->
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>

</head>
<body class="default_2012 page-monthly layout-2col sidebar-right">
関連記事(上に戻る・下に進むボタンを新しくした):
CSS:新 / トップページ:新 / 個別記事ページ:新 / カテゴリアーカイブ:新 / 月別アーカイブ:新
上に戻る・下に進むボタンをコピペで設置する方法 - ごろごろし鯛よね~ ※パクリ移し
関連記事(「新デフォルト(3カラム)」の真似をした)
CSS:20 / トップページ:20 / 個別記事ページ:20 / カテゴリアーカイブ:20 / 月別アーカイブ:20 / カスタムJS head内:20
関連記事:livedoorブログに残留:決 / livedoorブログ整理 / 収録写真の引越し完了 / 混在コンテンツ壊滅作戦 / livedoorブログ整理 / FC2ブログに引越し再考 / https://の信頼度:考 / ブログ引越は見送り / 新旧テンプレート比較:学 / livedoorブログ残留:決定
過去記事:livedoorブログ残留:決定 / 新旧テンプレート比較:学 / livedoorブログ整理 / :livedoorブログ:雑感 / livedoorブログのjQuery