Top Page > Seesaaブログ > 【Seesaaブログ新デザインシステム】ここまでのHTML記述（1）

【Seesaaブログ新デザインシステム】ここまでのHTML記述（1）

全記事 Seesaaブログ編集
SeesaaブログのここまでのHTML記述（1）
■Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」編集
■カスタマイズ後のHTML記述すべて（前半）
■記述内容の確認（デモブログ）→＜■テンプレートをいじってみる＞　　

Seesaaブログ新デザインシステムのテンプレート「シンプルA. ホワイト 右カラム」をカスタマイズしたので、HTMLの記述を全部書き出します。


と思って記事を投稿しようとしたら、さくらのブログの文字制限に引っ掛かってしまいました。さくらのブログは何文字までいけるのかな？（わからんｗ）
プレビューではちゃんと1ページで表示できたのにねぇ。



ということで、HTMLの記述は2つに分けることにして、この記事は前半の記述を記載します。
「記事ページの下部」、つまり「トラックバック」の記述まで、です。
後半部分のHTML記述はこちらの記事でご確認ください。→＜■ここまでのHTML記述（2）＞



当記事の関連記事■ここまでのCSS記述
■ここまでのHTML記述（1）
■ここまでのHTML記述（2）
■ここまでのコンテンツHTML記述
■ここまでのカスタマイズのテンプレート画像



ちなみに、Seesaaブログにデモブログを作っていますので、記述内容（実際にどのように動くのか）はデモブログでご確認ください。


デモブログの紹介
テンプレートをいじってみる
デモブログ「テンプレートをいじってみる」（Seesaaブログ）

■テンプレートをいじってみる




HTMLの記述（トラックバックまでの記述）


<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><% if:page_name eq 'search' -%><% keyword -%>: <% /if -%><% if:page_name eq 'archives' -%><% extra_title_datetime | date_format("%Y年%m月") -%>: <% else -%><% if:extra_title -%><% extra_title | remove_emoji -%>: <% /if -%><% /if -%><% if:current_page > 1 -%>(<% current_page -%>) <% /if -%><% blog.title -%></title>
<meta name="description" content="<% if:extra_title -%><% extra_title | nl2br | tag_strip | remove_emoji -%>,<% /if -%><% blog.description | nl2br | tag_strip | remove_emoji -%>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip -%><% extra_keywords | oneline | tag_strip -%>" />
<link rel="stylesheet" href="<% site_view.page_url_css -%>" />
<link rel="stylesheet" href="<% site_info.blog_url -%>/css/user-common.css" />
<link rel="alternate" href="<% blog.page_url -%>index.rdf" type="application/rss+xml" title="RSS" />
<script src="<% site_info.blog_url -%>/js/html5shiv.min.js"></script>
</head>
<body>

<div class="l-wrapper">
<header role="banner" class="l-header">
<div class="header">
<h1><a href="<% blog.page_url -%>"><% blog.title -%></a></h1>
<p class="description"><% blog.description | nl2br | mark_raw -%></p>
</div>
</header>


<!-- ********** ナビ（ドロップダウンメニュー） 開始 *********** -->
<div id="navi-bar">
<ul id="dropmenu">
<li><a href="#">親メニューA</a>
<ul>
<li><a href="#">子メニューA1</a>
<ul>
<li><a href="#">孫メニューA1の1</a></li>
<li><a href="#">孫メニューA1の2</a></li>
</ul>
</li>
<li><a href="#">子メニューA2</a>
<ul>
<li><a href="#">孫メニューA2の1</a></li>
<li><a href="#">孫メニューA2の2</a></li>
</ul>
</li>
<li><a href="#">子メニューA3</a>
<ul>
<li><a href="#">孫メニューA3の1</a></li>
<li><a href="#">孫メニューA3の2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">親メニューB</a>
<ul>
<li><a href="#">子メニューB1</a>
<ul>
<li><a href="#">孫メニューB1の1</a></li>
<li><a href="#">孫メニューB1の2</a></li>
</ul>
</li>
<li><a href="#">子メニュ−B2</a>
<ul>
<li><a href="#">孫メニューB2の1</a></li>
<li><a href="#">孫メニューB2の2</a></li>
<li><a href="#">孫メニューB2の3</a></li>
</ul>
</li>
<li><a href="#">子メニュ−B3</a>
<ul>
<li><a href="#">孫メニューB3の1</a></li>
<li><a href="#">孫メニューB3の2</a></li>
<li><a href="#">孫メニューB3の3</a></li>
<li><a href="#">孫メニューB3の4</a></li>
</ul>
</li>
<li><a href="#">子メニュ−B4</a></li>
<li><a href="#">子メニュ−B5</a>
<ul>
<li><a href="#">孫メニューB5の1</a></li>
<li><a href="#">孫メニューB5の2</a></li>
<li><a href="#">孫メニューB5の3</a>
<ul>
<li><a href="#">ひ孫メニューB5の1</a></li>
<li><a href="#">ひ孫メニューB5の2</a></li>
<li><a href="#">ひ孫メニューB5の3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">親メニューC</a>
<ul>
<li><a href="#">子メニュ−C1</a>
<ul>
<li><a href="#">孫メニューC1の1</a></li>
<li><a href="#">孫メニューC1の2</a></li>
<li><a href="#">孫メニューC1の3</a></li>
</ul>
</li>
<li><a href="#">子メニュ−C2</a></li>
<li><a href="#">子メニュ−C3</a>
<ul>
<li><a href="#">孫メニューC3の1</a></li>
<li><a href="#">孫メニューC3の2</a></li>
<li><a href="#">孫メニューC3の3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">親メニューD</a>
<ul>
<li><a href="#">子メニュ−D1</a>
<ul>
<li><a href="#">孫メニューD1の1</a></li>
<li><a href="#">孫メニューD1の2</a></li>
<li><a href="#">孫メニューD1の3</a></li>
</ul>
</li>
<li><a href="#">子メニュ−D2</a></li>
<li><a href="#">子メニュ−D3</a>
<ul>
<li><a href="#">孫メニューD3の1</a></li>
<li><a href="#">孫メニューD3の2</a></li>
<li><a href="#">孫メニューD3の3</a></li>
</ul>
</li>
<li><a href="#">子メニュ−D4</a></li>
</ul>
</li>
<li><a>親メニューE</a>
<ul>
<li><a href="#">子メニュ−E1</a>
<ul>
<li><a href="#">孫メニューE1の1</a></li>
<li><a href="#">孫メニューE1の2</a></li>
<li><a href="#">孫メニューE1の3</a></li>
</ul>
</li>
<li><a href="#">子メニュ−E2</a></li>
<li><a href="#">子メニュ−E3</a>
<ul>
<li><a href="#">孫メニューE3の1</a></li>
<li><a href="#">孫メニューE3の2</a></li>
<li><a href="#">孫メニューE3の3</a>
<ul>
<li><a href="#">ひ孫メニューE3の1</a></li>
<li><a href="#">ひ孫メニューE3の2</a></li>
<li><a href="#">ひ孫メニューE3の3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<!-- ********** /ナビ（ドロップダウンメニュー） 終わり *********** -->

<!-- ********** パンくずリスト 開始 *********** -->
<% if:page_name eq 'article' -%>
<div class="crumb">
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="<% blog.page_url %>" itemprop="url"><span itemprop="title"><% blog.title %></span></a> ＞ <% loop:list_article -%><a href="<% article_category.page_url %>" itemprop="url"><span itemprop="title"><% article_category.name %></span></a> ＞ <span itemprop="title"><% extra_title %></span></span><% /loop -%>
</div>
<% /if %>
<!-- ********** /パンくずリスト 終わり *********** -->

<% parts_10 | mark_raw -%>
<div class="l-content">
<div role="main" class="main l-left">


<!-- ********** カテゴリ一覧ページ（上部記事リスト）*********** -->
<% if:page_name eq 'category' -%>
<p class="heading">カテゴリ「<% category.name -%>」の記事リスト【目次】</p>
<div class="article_kobetu2">
<% loop:list_article -%>
<article class="article">
<ul class="top-list">
<li><a href="<% article.page_url %>"><% article.subject %></a>　<% article.createstamp | date_format("%Y/%m/%d（%a）") -%></li>
</ul>
</article>
<% /loop -%>
</div>
<!-- 案内12345ボタン-->
<% if:pager -%>
<% if:pager.need_pager -%>
<ul class="pager">
<% if:pager.previous_page -%>
<li class="pager__item prev"><a href="<% category.page_url(pager.previous_page) -%>">&lt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&lt;</span></li>
<% /if -%>

<% loop:list_pager -%>
<% if:pager.show_previous_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% if:pager.show_page(pager_number,5) -%>
<li class="pager__item<% unless:current_page ne pager_number -%> is-active<% /unless -%>">
<% if:current_page ne pager_number -%><a href="<% category.page_url(pager_number)-%>"><% /if -%>
<% unless:current_page ne pager_number -%><span><% /unless -%><% pager_number -%><% unless:current_page ne pager_number -%></span><% /unless -%>
<% if:current_page ne pager_number -%></a><% /if -%>
</li>
<% /if -%>
<% if:pager.show_next_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% /loop -%>

<% if:pager.next_page -%>
<li class="pager__item prev"><a href="<% category.page_url(pager.next_page) -%>">&gt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&gt;</span></li>
<% /if -%>
</ul>
<% /if -%>
<% /if -%>
<!-- /案内12345ボタン　終わり -->
<div class="subheading">
<p class="heading">カテゴリ「<% category.name -%>」の記事一覧</p>
</div>
<% /if -%>
<!-- /カテゴリ一覧ページ（上部記事リスト） 終わり -->


<!-- ********** ブログ内検索結果ページ *********** -->
<% if:page_name eq 'search' -%>
<% if:list_article -%>
<p class="heading">キーワード「<% keyword -%>」の検索結果【目次】</p>
<div class="article_kobetu2">
<% loop:list_article -%>
<article class="article">
<ul class="top-list">
<li><a href="<% article.page_url %>"><% article.subject %></a>　<% article.createstamp | date_format("%Y/%m/%d（%a）") -%></li>
</ul>
</article>
<% /loop -%>
</div>
<div class="subheading">
<p class="heading">キーワード「<% keyword -%>」の記事一覧</p>
</div>
<% else -%>
<p class="heading">キーワード「<% keyword -%>」がありませんでした</p>
<div class="article_kobetu2">
<p>該当記事なし</p>
</div>
<% /if -%>
<% /if -%>
<!-- /ブログ内検索結果ページ　終わり -->


<!-- ********** タグ一覧ページ（上部記事リストタイトル）*********** -->
<% if:page_name eq 'tag' -%>
<% if:tag -%>
<p class="heading">タグ「<% tag.word -%>」記事リスト【目次】</p>
<% /if -%>
<% /if -%>
<!-- /タグ一覧ページ（上部記事リストタイトル）終わり -->


<!-- ********** アーカイブページ（上部記事リスト）*********** -->
<% if:page_name eq 'archives' -%>
<!-- アーカイブページ記事リスト -->
<% if:archive_page_name eq 'month' -%>
<p class="heading"><% extra_title_datetime | date_format("%Y年%m月") -%>投稿の記事リスト【目次】</p>
<div class="article_kobetu2">
<% loop:list_article -%>
<article class="article">
<ul class="top-list">
<li><a href="<% article.page_url %>"><% article.subject %></a>　<% article.createstamp | date_format("%Y/%m/%d（%a）") -%></li>
</ul>
</article>
<% /loop -%>
</div>
<% /if -%>
<% if:archive_page_name eq 'mday' -%>
<p class="heading"><% extra_title_datetime | date_format("%Y年%m月") -%>（指定日）の記事リスト【目次】</p>
<div class="article_kobetu2">
<% loop:list_article -%>
<article class="article">
<ul class="top-list">
<li><a href="<% article.page_url %>"><% article.subject %></a>　<% article.createstamp | date_format("%Y/%m/%d（%a）") -%></li>
</ul>
</article>
<% /loop -%>
</div>
<% /if -%><!-- /アーカイブページ記事リスト　終わり -->
<!-- 前ページ・次ページ案内 -->
<div class="permalink">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><a href="<% previous_archive.page_url -%>" class="prev"><% previous_archive.createstamp | date_format("%Y年%m月") -%></a><% /if -%>
<% if:next_archive -%><a href="<% next_archive.page_url -%>" class="next"><% next_archive.createstamp | date_format("%Y年%m月") -%></a><% /if -%>
<% /if -%>
<% if:archive_page_name eq 'mday' -%><% /if -%>
</div><!-- /前ページ・次ページ案内　終わり -->
<!-- 案内12345ボタン -->
<% if:archive_page_name eq 'month' -%>
<% if:pager -%>
<% if:pager.need_pager -%>
<ul class="pager">
<% if:pager.previous_page -%>
<li class="pager__item prev"><a href="<% archive.page_url(pager.previous_page) -%>">&lt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&lt;</span></li>
<% /if -%>

<% loop:list_pager -%>
<% if:pager.show_previous_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% if:pager.show_page(pager_number,5) -%>
<li class="pager__item<% unless:current_page ne pager_number -%> is-active<% /unless -%>">
<% if:current_page ne pager_number -%><a href="<% archive.page_url(pager_number)-%>"><% /if -%>
<% unless:current_page ne pager_number -%><span><% /unless -%><% pager_number -%><% unless:current_page ne pager_number -%></span><% /unless -%>
<% if:current_page ne pager_number -%></a><% /if -%>
</li>
<% /if -%>
<% if:pager.show_next_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% /loop -%>

<% if:pager.next_page -%>
<li class="pager__item prev"><a href="<% blog.page_url(pager.next_page) -%>">&gt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&gt;</span></li>
<% /if -%>
</ul>
<% /if -%>
<% /if -%>
<% /if -%><!-- /案内12345ボタン　終わり -->
<!-- 下部のタイトル -->
<% if:archive_page_name eq 'month' -%>
<div class="subheading">
<p class="heading"><% extra_title_datetime | date_format("%Y年%m月") -%>投稿の記事一覧</p>
</div>
<% /if -%>
<% if:archive_page_name eq 'mday' -%>
<div class="subheading">
<p class="heading"><% extra_title_datetime | date_format("%Y年%m月") -%>（指定日）の記事一覧</p>
</div>
<% /if -%><!-- /下部のタイトル　終わり -->
<% /if -%>
<!-- /アーカイブページ（上部記事リスト表示） 終わり -->


<!-- ********** 記事全体 *********** -->
<% loop:list_article -%>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:Trackback="http://madskills.com/public/xml/rss/module/Trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<% article.page_url | xml -%>"
trackback:ping="<% article.tb_url | xml -%>"
dc:title="<% article.subject | remove_emoji | nl2br | tag_strip | xml | inside_comment -%>"
dc:identifier="<% article.page_url | xml -%>"
dc:description="<% article.get_excerpt | nl2br | tag_strip | xml | inside_comment | text_summary(240) -%>"
dc:creator="<% article.nickname | nl2br | tag_strip | xml | inside_comment -%>"
dc:subject="<% article_category.name | nl2br | tag_strip | xml | inside_comment -%>"
dc:date="<% article.createstamp | date_format("%Y-%m-%dT%H:%M:%S+09:00") -%>"
/>
</rdf:RDF>
-->

<!-- ********** 記事ページ *********** -->
<% if:page_name eq 'article' -%>

<!-- ********** 個別記事ページ *********** -->
<article class="article">
<!-- 個別記事　囲い線 -->
<div class="article_kobetu">
<!-- ヘッダー（タイトル・日付） -->
<header class="article__heading">
<h2 class="article__title"><% article.subject -%></h2>
<div class="meta">
<% if:with_date -%>
<div class="date">
<span class="icn icn--calendar"></span><time datetime="<% article.createstamp | date_format("%Y年%m月%d日（%a）%H:%M") -%>"><% article.createstamp | date_format("%Y年%m月%d日（%a）%H:%M") -%></time>
</div>
<% /if -%>

<% if:list_tag -%>
<div class="tag">
<span class="icn icn--tag"></span>
<% loop:list_tag -%>
<a href="<% blog.tag_url(tag,'articles') -%>"><% tag.word -%></a>
<% /loop -%>
</div>
<% /if -%>
</div>
</header><!-- /ヘッダー（タイトル・日付）終わり -->
<!-- 記事本文 -->
<div class="article__content">
<% article.entire_body | bodyfilter(article_info,blog) | mark_raw -%>
</div><!-- /記事本文　終わり-->
<!-- フッター（posted byなど） -->
<footer class="article__footer">
<div class="posted">
posted by <% article.nickname -%> at <% article.createstamp | date_format("%H:%M") -%>
<% if:article_weather -%><span class="partition"><% article_weather.state -%> <% article_weather.weather_emoji | mark_raw -%></span><% /if -%><% if:article.accept_comment_show -%><span class="partition"><% if:article.children_count -%><a href="<% article.page_url -%>#comments"><% /if -%>Comment(<% article.children_count -%>)<% if:article.children_count -%></a><% /if -%></span><% /if -%><% if:article.accept_tb_show -%><span class="partition"><a href="<% article.page_url -%>#trackback">TrackBack(<% article.tb_count -%>)</a></span><% /if -%><% if:style.disp_category -%><span class="partition"><a href="<% article_category.page_url -%>"><% article_category.name -%></a></span><% /if -%>
</div>

<% if:blog.bookmark_service -%>
<div class="bookmark" data-url="<% article.page_url -%>" data-subject="<% article.subject | remove_emoji | nl2br | tag_strip -%>"></div>
<% /if -%>
</footer><!-- /フッター（posted byなど）終わり -->
</div>
<!-- /個別記事　囲い線　終わり -->

<!-- 前ページ・次ページ案内 -->
<div class="permalink2">
<% if:previous_article -%>
<div class="permalinkprev">
<p class="prev-mark"><a href="<% previous_article.page_url -%>" title="<% previous_article.subject -%>"><img src="http://tenpureijiru.up.seesaa.net/image/yajirushi_01.png"></a></p>
<p class="prev"><a href="<% previous_article.page_url -%>" title="<% previous_article.subject -%>"><% previous_article.subject | tag_break | text_summary(24) -%></a></p>
</div>
<% /if -%>
<% if:next_article -%>
<div class="permalinknext">
<p class="next-mark"><a href="<% next_article.page_url -%>" title="<% next_article.subject -%>"><img src="http://tenpureijiru.up.seesaa.net/image/yajirushi_02.png"></a></p>
<p class="next"><a href="<% next_article.page_url -%>" title="<% next_article.subject -%>"><% next_article.subject | tag_break | text_summary(24) -%></a></p>
</div>
<% /if -%>
</div>
<!-- /前ページ・次ページ案内　終わり -->

<!-- *** 関連記事（カテゴリ最新記事）*** -->
<% if:list_related_article -%>
<div class="subheading">
<p class="module__heading"><% if:blog.get_property('related_article') eq 'category' %>カテゴリ「<% article_category.name -%>」の最新記事<% else %>関連する記事<% /if %></p>
</div>
<div class="module module--category-recent-entry">
<div class="module__body">
<ul class="recent-entry">
<% loop:list_related_article -%>
<li class="recent-entry__item">
<a href="<% article.page_url -%>" title="<% article.subject -%>">
<div class="recent-entry__thumnail">
<% if:article.first_image -%>
<img src="<% article.first_image.page_url_thumbnail -%>" alt="" />
<% else -%>
<div class="no-image2"><div class="no-image--inner">no image</div></div>
<% /if -%>
</div>
<p><% article.subject | text_summary(40) -%></p>
</a>
</li>
<% /loop -%>
</ul>
</div>
</div>
<% /if -%>
<!-- *** /関連記事（カテゴリ最新記事）　終わり *** -->
</article>
<!-- ********** /個別記事ページ　終わり *********** -->


<!-- ********** 個別記事ではないページ *********** -->
<% else -%>
<article class="entry">
<h2 class="entry__title"><a href="<% article.page_url -%>"><% article.subject -%></a></h2>
<div class="meta">
<% if:with_date -%>
<div class="date">
<span class="icn icn--calendar"></span><time datetime="<% article.createstamp | date_format("%Y年%m月%d日（%a）%H:%M") -%>"><% article.createstamp | date_format("%Y年%m月%d日（%a）%H:%M") -%></time>
</div>
<% /if -%>
<% if:list_tag -%>
<div class="tag">
<span class="icn icn--tag"></span>
<% loop:list_tag -%>
<a href="<% blog.tag_url(tag,'articles') -%>"><% tag.word -%></a>
<% /loop -%>
</div>
<% /if -%>
</div>
<!-- ***** 個別記事ではないページ（本文）***** -->
<div class="article article--entry">
<% if:article.first_image -%>
<p class="entry__thumbnail">
<a href="<% article.page_url -%>"><img src="<% article.first_image.page_url -%>" alt="" /></a>
</p>
<% /if -%>
<% article.body | tag_strip | cshorten(200) | mark_raw -%>
<p class="read-more"><a href="<% article.page_url -%>">続きを読む</a></p>
</div>
<!-- ***** /個別記事ではないページ（本文）終わり ***** -->

</article>
<!-- ********** /個別記事ではないページ　終わり *********** -->

<% /if -%>
<!-- ********** /記事ページ　終わり *********** -->
<% /loop -%>
<!-- ********** /記事全体 終わり *********** -->


<!-- ********** トップページ（案内12345ボタン） *********** -->
<% if:page_name eq 'index' -%>
<% if:pager -%>
<% if:pager.need_pager -%>
<ul class="pager">
<% if:pager.previous_page -%>
<li class="pager__item prev"><a href="<% blog.page_url(pager.previous_page) -%>">&lt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&lt;</span></li>
<% /if -%>

<% loop:list_pager -%>
<% if:pager.show_previous_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% if:pager.show_page(pager_number,5) -%>
<li class="pager__item<% unless:current_page ne pager_number -%> is-active<% /unless -%>">
<% if:current_page ne pager_number -%><a href="<% blog.page_url(pager_number)-%>"><% /if -%>
<% unless:current_page ne pager_number -%><span><% /unless -%><% pager_number -%><% unless:current_page ne pager_number -%></span><% /unless -%>
<% if:current_page ne pager_number -%></a><% /if -%>
</li>
<% /if -%>
<% if:pager.show_next_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% /loop -%>

<% if:pager.next_page -%>
<li class="pager__item prev"><a href="<% blog.page_url(pager.next_page) -%>">&gt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&gt;</span></li>
<% /if -%>
</ul>
<% /if -%>
<% /if -%>
<% /if -%>
<!-- /トップページ（案内12345ボタン） 終わり -->


<!-- ********** アーカイブページ（ページ案内） *********** -->
<% if:page_name eq 'archives' -%>
<!-- 前ページ・次ページ案内 -->
<div class="permalink">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><a href="<% previous_archive.page_url -%>" class="prev"><% previous_archive.createstamp | date_format("%Y年%m月") -%></a><% /if -%>
<% if:next_archive -%><a href="<% next_archive.page_url -%>" class="next"><% next_archive.createstamp | date_format("%Y年%m月") -%></a><% /if -%>
<% /if -%>
<% if:archive_page_name eq 'mday' -%><% /if -%>
</div><!-- /前ページ・次ページ案内　終わり -->
<!-- 案内12345ボタン -->
<% if:archive_page_name eq 'month' -%>
<% if:pager -%>
<% if:pager.need_pager -%>
<ul class="pager">
<% if:pager.previous_page -%>
<li class="pager__item prev"><a href="<% archive.page_url(pager.previous_page) -%>">&lt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&lt;</span></li>
<% /if -%>

<% loop:list_pager -%>
<% if:pager.show_previous_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% if:pager.show_page(pager_number,5) -%>
<li class="pager__item<% unless:current_page ne pager_number -%> is-active<% /unless -%>">
<% if:current_page ne pager_number -%><a href="<% archive.page_url(pager_number)-%>"><% /if -%>
<% unless:current_page ne pager_number -%><span><% /unless -%><% pager_number -%><% unless:current_page ne pager_number -%></span><% /unless -%>
<% if:current_page ne pager_number -%></a><% /if -%>
</li>
<% /if -%>
<% if:pager.show_next_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% /loop -%>

<% if:pager.next_page -%>
<li class="pager__item prev"><a href="<% blog.page_url(pager.next_page) -%>">&gt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&gt;</span></li>
<% /if -%>
</ul>
<% /if -%>
<% /if -%>
<% /if -%><!-- /案内12345ボタン　終わり -->
<% /if -%>
<!-- /アーカイブページ（ページ案内）終わり -->


<!-- ********** カテゴリ一覧ページ（案内12345ボタン） *********** -->
<% if:page_name eq 'category' -%>
<% if:pager -%>
<% if:pager.need_pager -%>
<ul class="pager">
<% if:pager.previous_page -%>
<li class="pager__item prev"><a href="<% category.page_url(pager.previous_page) -%>">&lt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&lt;</span></li>
<% /if -%>

<% loop:list_pager -%>
<% if:pager.show_previous_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% if:pager.show_page(pager_number,5) -%>
<li class="pager__item<% unless:current_page ne pager_number -%> is-active<% /unless -%>">
<% if:current_page ne pager_number -%><a href="<% category.page_url(pager_number)-%>"><% /if -%>
<% unless:current_page ne pager_number -%><span><% /unless -%><% pager_number -%><% unless:current_page ne pager_number -%></span><% /unless -%>
<% if:current_page ne pager_number -%></a><% /if -%>
</li>
<% /if -%>
<% if:pager.show_next_group(pager_number,5) -%><li class="pager__item"><span>..</span></li><% /if -%>
<% /loop -%>

<% if:pager.next_page -%>
<li class="pager__item prev"><a href="<% category.page_url(pager.next_page) -%>">&gt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&gt;</span></li>
<% /if -%>
</ul>
<% /if -%>
<% /if -%>
<% /if -%>
<!-- /カテゴリ一覧ページ（案内12345ボタン） 終わり -->


<!-- ********** 記事ページの下部 *********** -->
<% if:page_name eq 'article' -%>
<!-- ********** コメント欄 *********** -->
<% if:article.accept_comment_show -%>
<div id="comments" class="module module--comments">
<p class="module__heading">この記事へのコメント</p>
<div class="module__body">
<div class="comments">
<ul class="comments__list">
<% loop:list_article_children -%>
<li class="comments__item">
<article>
<p class="comments__user-name">
<% if:comment.homepage -%>
<a href="<% comment.homepage | tag_strip -%>" target="_blank" rel="nofollow"><% comment.writer | tag_strip -%></a>
<% else -%>
<% comment.writer | tag_strip -%>
<% /if -%>
</p>
<div class="comments__content">
<% comment.body | tag_strip | nl2br | clickable('target=&quot;_blank&quot; rel=&quot;nofollow&quot;') | mark_raw -%>
</div>
<footer class="comments__meta">
<% comment.createstamp | date_format('%Y年%m月%d日（%a）%H:%M') -%>
</footer>
</article>
</li>
<% /loop -%>
</ul>
<% if:article.accept_comment_catch -%>
<div class="comments__leave">
<a href="/comment?article_id=<% article.id -%>" rel="nofollow">コメントを書く</a>
</div>
<% /if -%>
</div>
</div>
</div>
<% /if -%>
<!-- /コメント欄　終わり -->

<!-- ********** トラックバック *********** -->
<% if:article.accept_tb_show -%>
<div id="trackback">
<% if:article.accept_tb_catch -%>
この記事へのトラックバックURL<br /><% article.tb_url -%><br />
<% if:article.accept_tb_permission_mode -%>
※ブログオーナーが承認したトラックバックのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.tb_link_lookup -%>
※言及リンクのないトラックバックは受信されません。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_tb -%><% /if -%>
<% /if -%>
<hr />
この記事へのトラックバック<br />
<% loop:list_tb -%>
<hr />
<a href="<% tb.url -%>" target="_blank" rel="nofollow"><% tb.title -%></a><br />
Excerpt: <% tb.excerpt | text_summary -%><br />
Weblog: <% tb.blog_name -%><br />
Tracked: <% tb.createstamp | date_format('%Y年%m月%d日（%a）%H:%M') -%><br />
<% /loop -%>
</div>
<% /if -%>
<!-- /トラックバック　終わり -->
<% /if -%>
<!-- ********** /記事ページの下部　終わり *********** -->




次の記事の紹介

次の記事では「Seesaaブログ編集に関するここまでのHTML記述」を掲載します。
この記事の続きです。


■【Seesaaブログ新デザインシステム】ここまでのHTML記述（2）
まさかの（笑）文字制限に引っ掛かったので、HTMLの記述を2つに分けました。こちらは後半の記述です。「タグページ」以降のHTMLコード記述になります。前半部分のHTML記述はこちらの記事でご確認ください‥‥



【Seesaaブログ関連 記事リスト】
■記事リスト（目次）｜■記事リスト（内容別）｜■言葉の説明｜■勝手に作ったclassの説明



posted by mameemon | Comment ( 0 ) | Category ( Seesaaブログ )
TOP

カテゴリ「Seesaaブログ」の最新記事

この記事へのコメント
コメントを書く
お名前:
コメント:
認証コード: [必須入力]

※画像の中の文字を半角で入力してください。

Copyright (C) 2017ブログカスタマイズの雑談BLOG All Rights Reserved.