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

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

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

まさかの（笑）文字制限に引っ掛かったので、HTMLの記述を2つに分けました。
こちらは後半の記述です。
「タグページ」以降のHTMLコード記述になります。
前半部分のHTML記述はこちらの記事でご確認ください。→＜■ここまでのHTML記述（1）＞



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



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


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

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




HTMLの記述（タグページ以降の記述）


<!-- ********** タグページ *********** -->
<% if:page_name eq 'tag' -%>
<% if:blog.has_usertag_ad -%>
<div class="tag-body">
<% blog.usertag_ad_html(tag, css, 2) | mark_raw -%>
</div>
<% /if -%>

<% loop:list_service -%>
<!-- ****** 記事内のタグの場合 ****** -->
<% if:tag_service.service_key eq 'articles' -%>
<!-- 記事リスト 囲い線 -->
<div class="article_kobetu2">
<% loop:list_data -%>
<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:pager -%>
<!-- 前ページ・次ページ案内 -->
<div class="permalink">
<% if:pager.previous_page -%><a href="?page=<% pager.previous_page -%>" class="prev">前へ</a><% /if -%>
<% if:pager.next_page -%><a href="?page=<% pager.next_page -%>" class="next">次へ</a><% /if -%>
</div>
<!-- 「もっと見る」ボタン -->
<% else -%>
<p class="read-more read-more--bdt read-more--mgb-60"><a href="<% blog.tag_url(tag, tag_service.service_key) -%>">「<% tag.word -%>」の記事をすべて見る</a></p>
<% /if -%>
<!-- / [ページ案内]　終わり -->

<!-- *** タグページの記事一覧 *** -->
<div class="subheading">
<p class="heading">タグ「<% tag.word -%>」の記事一覧</p>
</div>
<% loop:list_data -%>
<article class="article">
<!-- 記事一覧（短文）囲い線 -->
<div class="article_kobetu">
<header class="article__heading">
<h2 class="article__title"><a href="<% article.page_url -%>"><% article.subject -%></a></h2>
<div class="meta">
<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>
</div>
</header>
<div class="article__content">
<% article.entire_body | text_summary(150) | tag_strip -%>
<p class="read-more"><a href="<% article.page_url -%>">続きを読む</a></p>
</div>
</div>
<!-- /記事一覧（短文）囲い線　終わり -->
</article>
<% /loop -%>
<!-- *** /タグページの記事一覧　終わり *** -->
<% /if -%>
<!-- ****** /記事内のタグの場合　終わり ****** -->


<!-- ****** 画像に付けたタグの場合 ****** -->
<% if:tag_service.service_key eq 'photos' -%>
<ul class="tag-photos">
<% loop:list_data -%>
<li class="tag-photos__item<% unless:__counter__ % 4 %> tag-photos__item--nmgr<% /unless %>">
<a href="<% photo.page_url -%>" target="_blank">
<div class="tag-photos__thumnail">
<img src="<% thumbnail.page_url -%>" border="0" width="<% thumbnail.width -%>" height="<% thumbnail.height -%>" />
</div>
<p class="tag-photos__title"><% photo.title | text_summary(10) -%></p>
</a>
<div class="tag-photos__detail">
<% if:photo_info -%>
<p>サイズ：<% photo_info.width -%>×<% photo_info.height -%></p>
<% if:photo_info.size -%><p>容量：<% photo_info.size | filesize -%></p><% /if -%>
<% /if -%>
</div>
</li>
<% /loop -%>
</ul>
<% /if -%>
<!-- ****** オーディオに付けたタグの場合 ****** -->
<% if:tag_service.service_key eq 'audios' -%>
<% loop:list_data -%>
<div class="tag-audios">
<div class="tag-audios-title">
<a href="/pages/user/upload/<% audio.page_url -%>" onclick="window.open('/pages/user/upload/<% audio.page_url -%>','popup','width=490,height=320,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% audio.title | text_summary(40) -%></a>&nbsp;
<span class="tag-audios-posted"><% if:audio_info -%><% if:audio_info.author -%>by <% audio_info.author -%>&nbsp;&nbsp;<% /if -%><% if:audio_info.duration -%><% audio_info.duration | hms -%>&nbsp;&nbsp;<% /if -%><% if:audio_info.size -%><% audio.size | filesize -%>&nbsp;&nbsp;<% /if -%><% /if -%></span>
</div>
</div>
<% /loop -%>
<% /if -%>
<!-- ****** ビデオに付けたタグの場合 ****** -->
<% if:tag_service.service_key eq 'videos' -%>
<% loop:list_data -%>
<div class="tag-videos">
<table>
<tr>
<td height="140" valign="bottom"><div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url -%>" onclick="window.open('/pages/user/upload/<% video.page_url -%>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><img src="<% thumbnail.page_url -%>" width="132" border="0" /></a></div></td>
</tr>
</table>
<div class="tag-videos-title">
<a href="/pages/user/upload/<% video.page_url -%>" onclick="window.open('/pages/user/upload/<% video.page_url -%>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% video.title | text_summary(15) -%></a><br />
<% if:video_info -%>
時間：<% if:video_info.duration -%><% video_info.duration | hms -%><% /if -%><br />
容量：<% video.size | filesize -%><br />
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if -%>
<!-- ****** ファイルに付けたタグの場合 ****** -->
<% if:tag_service.service_key eq 'files' -%>
<% loop:list_data -%>
<div class="tag-files">
<div class="tag-files-title"><a href="/pages/user/upload/<% file.page_url -%>" target="_blank"><% file.title | text_summary(15) -%></a></div>
</div>
<% /loop -%>
<% /if -%>
<!-- ******タグページの下部（ページ案内） ****** -->
<% if:pager -%>
<!-- 前ページ・次ページ案内・「もっと見る」ボタン -->
<div class="permalink">
<% if:pager.previous_page -%><a href="?page=<% pager.previous_page -%>" class="prev">前へ</a><% /if -%>
<% if:pager.next_page -%><a href="?page=<% pager.next_page -%>" class="next">次へ</a><% /if -%>
</div>
<% else -%>
<p class="read-more read-more--bdt read-more--mgb-60"><a href="<% blog.tag_url(tag, tag_service.service_key) -%>">「<% tag.word -%>」の記事をすべて見る</a></p>
<% /if -%>
<!-- /タグページの下部（ページ案内）終わり -->
<!-- ******タグページの下部（タグクラウド・タグサーチ） ****** -->
<div class="subheading">
<p class="module__heading">タグクラウド</p>
</div>
<div class="tag-cloud">
<script type="text/javascript" language="javascript" src="<% site_info.blog_url -%>/js/tag_cloud.js"></script>
<div id="tag_cloud" style="word-break:keep-all;">
<% loop:list_tags -%><a href="<% blog.tag_url(tag,'articles') -%>" class="_tag" title="<% tag.word -%> (<% count -%>件)"><% tag.word -%><span style="font-size:11px;">(<% count %>)</span></a> / <% /loop -%>
</div>
<script type="text/javascript" language="javascript">
//<![CDATA[
tag_cloud("tag_cloud");
//]]>
</script>
</div>

<div class="tag-search">
<a href="<% tag_service.page_url(tag) -%>" target="_blank">"<% tag.word -%>"&nbsp;でSeesaa全体を検索する</a>
</div>
<!-- /タグページの下部（タグクラウド）終わり -->

<% /loop -%>
<% /if -%>
<!-- ********** /タグページ 終わり *********** -->


<!-- ********** アップロードファイルのページ *********** -->
<% if:page_name eq 'upload' -%>
<% if:upload_page_name eq 'detail' -%>
<div class="upload-detail">
<% if:article -%>
<p class="upload-detail__entry-title">
データ「<% upload.title | shorten(30) | html -%>」<time datetime="<% upload.createstamp | date_format("%Y年%m月%d日（%a）") -%>" class="date">upload：<% upload.createstamp | date_format("%Y年%m月%d日（%a）") -%></time><span style="font-size:13px;">【 <a href="<% article.page_url -%>">該当記事</a> 】</span>
</p>
<% else -%>
<p class="upload-detail__entry-title">
該当する記事はありません
</p>
<% /if -%>

<div class="upload-detail__date">
<p class="upload-year"><% current_month.year -%>年</p>
<ul class="upload-month">
<li class="upload-month__item">
<% if:prev_month -%><a href="<% prev_month.page_url -%>"><% /if -%>&lt;&lt;<% if:prev_month -%></a><% /if -%>
</li>
<% loop:list_month -%>
<% if:nodata -%>
<li class="upload-month__item"><% month.month -%>月</li>
<% else -%>
<li class="upload-month__item<% if:selected -%> is-active<% /if -%>">
<a href="<% month.page_url -%>"><% month.month -%>月</a>
</li>
<% /if -%>
<% /loop -%>
<li class="upload-month__item">
<% if:next_month -%><a href="<% next_month.page_url -%>"><% /if -%>&gt;&gt;<% if:next_month -%></a><% /if -%>
</li>
</ul>
</div>

<div class="upload-detail__content">
<p class="content-heading"><% upload.title | shorten(30) | html -%></p>
<div class="content-body">
<div class="content-inner">
<% if:upload.public -%>
<% if:media eq 'images' -%>
<a href="<% if:blog.blog_ext.can_place_cdn -%><% upload.page_url_cdn -%><% else -%><% upload.page_url -%><% /if -%>" target="_blank">
<img src="<% upload.page_url -%>" />
</a>
<% /if -%>
<% if:media eq 'videos' -%><% embed_html -%><% /if -%>
<% if:media eq 'audios' -%><% embed_html -%><% /if -%>
<% else -%>
<div class="no-image"><div class="no-image--inner">非公開</div></div>
<% /if -%>
<% if:media eq 'exvideos' -%><% embed_html -%><% /if -%>
</div>
</div>

<div class="permalink">
<% if:prev_upload -%><a href="<% prev_upload.page_url_detail -%>" class="prev">前の<% if:media eq 'images' -%>画像<% /if -%><% if:media eq 'videos' -%>ビデオ<% /if -%><% if:media eq 'audios' -%>オーディオ<% /if -%><% if:media eq 'exvideos' -%>お気に入り動画<% /if -%></a><% /if -%>
<% if:next_upload -%><a href="<% next_upload.page_url_detail -%>" class="next">次の<% if:media eq 'images' -%>画像<% /if -%><% if:media eq 'videos' -%>ビデオ<% /if -%><% if:media eq 'audios' -%>オーディオ<% /if -%><% if:media eq 'exvideos' -%>お気に入り動画<% /if -%></a><% /if -%>
</div>
</div>

<% if:article -%>
<p class="subheading upload-detail__entry-title">記事『&nbsp;<a href="<% article.page_url -%>"><% article.subject | shorten(50) | html -%></a>&nbsp;』の関連<% if:media eq 'images' -%>画像<% /if -%><% if:media eq 'videos' -%>ビデオ<% /if -%><% if:media eq 'audios' -%>オーディオ<% /if -%><% if:media eq 'exvideos' -%>お気に入り動画<% /if -%></p>
<ul class="upload-list">
<% loop:list_other_upload -%>
<li class="upload-list__item<% unless:__counter__ % 5 -%> is-mg-hidden<% /unless -%>">
<% if:upload.public -%>
<a href="<% upload.page_url_detail -%>">
<div class="upload-list__thumnail">
<img src="<% thumbnail.page_url -%>" border="0"/>
</div>
</a>
<% else -%>
<div class="no-image"><div class="no-image--inner">非公開</div></div>
<% /if -%>
</li>
<% /loop -%>
</ul>
<% /if -%>
</div>
<% /if # /upload_page_name eq 'detail' -%>

<% if:upload_page_name eq 'list' -%>
<div class="upload-detail">
<p class="upload-detail__entry-title">
ブログ『&nbsp;<a href="<% blog.page_url -%>"><% blog.title | shorten(30) | html -%></a>&nbsp;』の<% if:media eq 'images' -%>画像<% /if -%><% if:media eq 'videos' -%>ビデオ<% /if -%><% if:media eq 'audios' -%>オーディオ<% /if -%><% if:media eq 'exvideos' -%>お気に入り動画<% /if -%>一覧
</p>

<div class="upload-detail__date">
<p class="upload-year"><% current_month.year -%>年</p>
<ul class="upload-month">
<li class="upload-month__item">
<% if:prev_month -%><a href="<% prev_month.page_url -%>"><% /if -%>&lt;&lt;<% if:prev_month -%></a><% /if -%>
</li>
<% loop:list_month -%>
<% if:nodata -%>
<li class="upload-month__item"><% month.month -%>月</li>
<% else -%>
<li class="upload-month__item<% if:selected -%> is-active<% /if -%>">
<a href="<% month.page_url -%>"><% month.month -%>月</a>
</li>
<% /if -%>
<% /loop -%>
<li class="upload-month__item">
<% if:next_month -%><a href="<% next_month.page_url -%>"><% /if -%>&gt;&gt;<% if:next_month -%></a><% /if -%>
</li>
</ul>
</div>

<% if:list_upload -%>
<ul class="upload-list">
<% loop:list_upload -%>
<li class="upload-list__item<% unless:__counter__ % 5 -%> is-mg-hidden<% /unless -%>">
<% if:upload.public -%>
<% if:media eq 'images' -%>
<a href="<% upload.page_url_detail -%>">
<div class="upload-list__thumnail">
<img src="<% thumbnail.page_url -%>" />
</div>
</a>
<% /if -%>
<% if:media eq 'videos' -%>
<a href="<% upload.page_url_detail -%>">
<div class="upload-list__thumnail">
<img src="<% thumbnail.page_url -%>" />
</div>
</a>
<% /if -%>
<% if:media eq 'audios' -%>
<a href="<% upload.page_url_detail -%>">
<img src="<% site_info.blog_url -%>/img/cmn/play.jpg" border="0" />
</a>
<% /if -%>
<% else -%>
<div class="no-image"><div class="no-image--inner">非公開</div></div>
<% /if -%>
<% if:media eq 'exvideos' -%><% upload.embed_code(110, 110) -%><% /if -%>
</li>
<% /loop -%>
</ul>
<% else -%>
<p class="no-image--txt">表示できる<% if:media eq 'images' -%>画像<% /if -%><% if:media eq 'videos' -%>ビデオ<% /if -%><% if:media eq 'audios' -%>オーディオ<% /if -%><% if:media eq 'exvideos' -%>お気に入り動画<% /if -%>がありません</p>
<% /if -%>

<% if:pager -%>
<ul class="pager">
<% if:pager.previous_page -%>
<li class="pager__item prev"><a href="<% current_month.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="<% current_month.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="<% current_month.page_url(pager.next_page) -%>">&gt;</a></li>
<% else -%>
<li class="pager__item prev"><span>&gt;</span></li>
<% /if -%>
</ul>
<% /if -%>

</div>
<% /if #/upload_page_name eq 'list' -%>
<% /if # page_name eq 'upload' -%>
<!-- ********** /アップロードファイルのページ　終わり *********** -->


<!-- ********** コメント記入ページ *********** -->
<% if:page_name eq 'comment' -%>
<article class="article">
<!-- 記事　囲い線 -->
<div class="article_kobetu">
<header class="article__heading">
<h2 class="article__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">
<% loop:list_tag -%>
<span class="icn icn--tag"></span><a href="<% blog.tag_url(tag,'articles') -%>"><% tag.word -%></a>
<% /loop -%>
</div>
<% /if -%>
</div>
</header>

<div class="article__content article__content--comments">
<% article.entire_body | bodyfilter(article_info,blog) | mark_raw -%>
</div>
</div>
<!-- /記事　囲い線 終わり -->
<!-- コメント記入欄 -->
<div id="comments" class="module module--comments">
<p class="module__heading">「<% article.subject | tag_break -%>」へのコメントを書く</p>
<div class="module__body">
<div class="comments">
<% if:error_code -%>
<div class="message message--error">
<p class="message__title message__title--error">ERROR</p>
<p>
<% if:error_code eq '1' -%>
投稿に失敗しました。
<% /if -%>
<% if:error_code eq '2' -%>
未入力項目があります。
<% /if -%>
<% if:error_code eq '3' -%>
認証コードのチェックに失敗しました。
<% /if -%>
<% if:error_code eq '4' -%>
半角英数字のみのコメントは受付ません。
<% /if -%>
<% if:error_code eq '5' -%>
不正なメールアドレスです。
<% /if -%>
<% if:error_code eq '6' -%>
不正なホームページアドレスです。
<% /if -%>
</p>
</div>
<% /if -%>
<form action="/comment" method="post" class="form">
<dl class="comment-form">
<dt class="comment-form__heading">お名前：<% if:blog.ignore_setting.fill_writer -%>[必須入力]<% /if -%></dt>
<dd class="comment-form__body"><input type="text" autofocus name="article_child__writer" id="article_child__writer" value="" class="input" /></dd>
</dl>
<dl class="comment-form">
<dt class="comment-form__heading">メールアドレス：<% if:blog.ignore_setting.fill_email -%>[必須入力]<% /if -%></dt>
<dd class="comment-form__body"><input type="text" name="article_child__email" value="" class="input" /></dd>
</dl>
<dl class="comment-form">
<dt class="comment-form__heading">ホームページアドレス：<% if:blog.ignore_setting.fill_homepage -%>[必須入力]<% /if -%></dt>
<dd class="comment-form__body"><input type="text" name="article_child__homepage" value="" class="input" /></dd>
</dl>
<dl class="comment-form">
<dt class="comment-form__heading">コメント：<% if:blog.ignore_setting.fill_body -%>[必須入力]<% /if -%></dt>
<dd class="comment-form__body"><textarea name="article_child__body" rows="8" class="textarea"></textarea></dd>
</dl>
<% if:blog.ignore_setting.captcha_comment -%>
<dl class="img-confirm-form">
<dt class="img-confirm-form__heading">認証コード：[必須入力]</dt>
<dd class="img-confirm-form__body">
<p><img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /></p>
<input type="text" name="captcha_comment" value="" class="input" />
<p class="font-s">※画像の中の文字を半角で入力してください。</p>
</dd>
</dl>
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%><% /if -%>
<% if:article.accept_comment_permission_mode -%>
<p class="message">※ブログオーナーが承認したコメントのみ表示されます。</p>
<% /if -%>
<input name="posted" type="submit" class="input input--submit" value="投稿する" />
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
</form>
<script> document.getElementById('article_child__writer').focus(); </script>
</div>
</div>
</div>
<!-- /コメント記入欄 終わり -->
</article>
<% /if -%>
<!-- ********** /コメント記入ページ　終わり *********** -->

<% if:page_name eq 'auth' -%>
<form action="" method="post" class="form module--comments">
<p>こちらのブログには認証がかかっています。</p>
<% if:seesaa_auth_error -%>
<div class="message message--error">
<p class="message__title message__title--error">ERROR</p>
<p>認証に失敗しました。</p>
</div>
<% /if -%>
<dl class="comment-form">
<dt class="comment-form__heading">ユーザー名</dt>
<dd class="comment-form__body"><input class="input" type="text" name="auth_username" id="auth_username"></dd>
</dl>
<dl class="comment-form">
<dt class="comment-form__heading">パスワード</dt>
<dd class="comment-form__body"><input class="input" type="password" name="auth_password"></dd>
</dl>
<input type="submit" class="input input--submit" value="認証する">
</form>
<script> document.getElementById('auth_username').focus(); </script>
<% /if # page_name eq 'auth' -%>
<% parts_30 | mark_raw -%>
</div><!-- /main -->

<% if:parts_40 -%>
<aside role="complementary" class="side side--right">
<% parts_40 | mark_raw -%>
</aside>
<% /if -%>
</div><!-- /l-content -->

<% if:parts_20 -%>
<aside id="links-left" role="complementary" class="side side--left">
<% parts_20 | mark_raw -%>
</aside>
<% /if -%>

<footer role="contentinfo" class="l-footer">
<% parts_50 | mark_raw -%>
<div class="footer">
<div class="poweredby">
<a href="<% site_info.portal_url -%>/"><img src="<% site_info.blog_url -%>/img/seesaablog.gif" width="138" height="22" alt="Powered by Seesaa" /></a>
<div class="poweredby__body">
<a href="<% site_info.portal_url -%>">Seesaa</a><a href="<% site_info.blog_url -%>">ブログ</a>
</div>
</div>
</div>
</footer><!-- /l-footer -->
</div><!-- /ll-wrapper -->

<% if:page_name eq 'article' -%>
<div id="balloonBox"></div>
<script src="<% site_info.blog_url -%>/js/simple-bookmark-pc.js"></script>
<script>
var bookmark_services = "<% blog.bookmark_service -%>".split('-').join('').split(",");
var seesaaBookmarks = new blBookmarks({bookmark_services:bookmark_services, blog_url:"<% site_info.blog_url -%>"});
seesaaBookmarks.exe();
</script>
<% /if -%>

</body>
</html>




次の記事の紹介

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


■【Seesaaブログ新デザインシステム】ここまでのコンテンツHTML記述
Seesaaブログ新デザインシステムのテンプレート「シンプルA. ホワイト 右カラム」をカスタマイズしたので、コンテンツHTMLの記述を全部書き出します。Seesaaブログでデモブログを作っています。記述内容（実際にどのように動くのか）‥‥



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



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

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

この記事へのコメント
新システムをとても素敵にカスタマイズされていますね！
コピーをさせていただこうとしたのですが、

ここまでのHTML記述（1）
ここまでのHTML記述（2）

で上書きしようとしたところ、
構文エラーが発生しました。（参考）
482行1文字目<% /if %>に対応するタグが見当たりません
というメッセージが出て保存出来ませんでした。

CSSとコンテンツHTMLは保存できました。

もし何かおわかりでしたらコメントでヒントをいただけたら幸いです。
Posted by ミミ at 2017年09月10日 19:18
ミミ様へ


当ブログの管理人です。
コメントありがとうございます。また、お返事が遅くなり申し訳ありません。
お尋ねのHTMLの記述についてですが、当方で改めて「HTML記述（1）」「HTML記述（2）」に記載したコードすべてをSeesaaブログにコピペして確認してみました。
当方では通常通りに保存できたので、何が原因なのかよくわからないのが実情です。


482行目の「<% /if -%>」とは、おそらく

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


の部分だと思いますが、この「<% /if -%>」に対応するタグ（開始タグ）は、356行目の

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


になります。
このタグがきちんと入っているのかを今一度確認していただけたらと存じます。


また、HTML記述が2つの記事にまたがっていますので、2つの記事分のコードを一気にコピペしてから「保存」をよろしくお願いします。
他にも少し確認してみたいと思っていますが、まずは開始タグの確認をどうぞよろしくお願いいたします。
Posted by mameemon（管理人） at 2017年09月17日 22:58
ミミ様へ


一応、補足です。
482行目の「<% /if -%>」に対応するタグが見当たらないというメッセージが出たとのことなので、念のため、紹介しているHTMLコード記述のうち「if」に対応する開始タグの位置を記しておきます。

コードをコピペした際のSeesaaブログの方のHTMLの行数を確認してみてください。
指定している位置に開始タグが無い場合は、どこかでタグがズレていると思われますので、もう一度記述全部をコピペし直してみてください。


「<% if」で始まるタグの位置（482行目までのif開始タグ）

5行目
<% if:page_name eq 'search' -%>
<% if:page_name eq 'archives' -%>
<% if:extra_title -%>
<% if:current_page >

6行目<% if:extra_title -%>

157行目<% if:page_name eq 'article' -%>

170行目<% if:page_name eq 'category' -%>

182行目<% if:pager -%>

183行目<% if:pager.need_pager -%>

185行目<% if:pager.previous_page -%>

192行目<% if:pager.show_previous_group(pager_number,5) -%>

193行目<% if:pager.show_page(pager_number,5) -%>

195行目<% if:current_page ne pager_number -%>

197行目<% if:current_page ne pager_number -%>

200行目<% if:pager.show_next_group(pager_number,5) -%>

203行目<% if:pager.next_page -%>

220行目<% if:page_name eq 'search' -%>

221行目<% if:list_article -%>

246行目<% if:page_name eq 'tag' -%>

247行目<% if:tag -%>

255行目<% if:page_name eq 'archives' -%>

257行目<% if:archive_page_name eq 'month' -%>

269行目<% if:archive_page_name eq 'mday' -%>

283行目<% if:archive_page_name eq 'month' -%>

284行目<% if:previous_archive -%>

285行目<% if:next_archive -%>

287行目<% if:archive_page_name eq 'mday' -%>

290行目<% if:archive_page_name eq 'month' -%>

291行目<% if:pager -%>

292行目<% if:pager.need_pager -%>

294行目<% if:pager.previous_page -%>

301行目<% if:pager.show_previous_group(pager_number,5) -%>

302行目<% if:pager.show_page(pager_number,5) -%>

304行目<% if:current_page ne pager_number -%>

306行目<% if:current_page ne pager_number -%>

309行目<% if:pager.show_next_group(pager_number,5) -%>

312行目<% if:pager.next_page -%>

322行目<% if:archive_page_name eq 'month' -%>

327行目<% if:archive_page_name eq 'mday' -%>

356行目<% if:page_name eq 'article' -%>

366行目<% if:with_date -%>

372行目<% if:list_tag -%>

390行目
<% if:article_weather -%>
<% if:article.accept_comment_show -%>
<% if:article.children_count -%>
<% if:article.children_count -%>
<% if:article.accept_tb_show -%>
<% if:style.disp_category -%>

393行目<% if:blog.bookmark_service -%>

402行目<% if:previous_article -%>

408行目<% if:next_article -%>

418行目<% if:list_related_article -%>

420行目<% if:blog.get_property('related_article') eq 'category' %>

429行目<% if:article.first_image -%>

453行目<% if:with_date -%>

458行目<% if:list_tag -%>

469行目<% if:article.first_image -%>

Posted by mameemon（管理人） at 2017年09月17日 23:57
コメントを書く
お名前:
コメント:
認証コード: [必須入力]

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

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