記事ダイジェスト一旦開発完了

クラス名

bl_summary

マークアップ例

<article class="post-00 hentry type-post bl_summary">
	<header class="bl_summary_header">
		<h2 class="bl_summary_header_ttl"><a href="">記事のタイトル</a></h2>
		<div class="bl_summary_header_meta">
			<time class="el_date">2021-09-21</time>
			<span class="el_label">お知らせ</span>
		</div>
	</header>
	<div class="bl_summary_body">
		<p>本文からの抜粋本文からの抜粋本文からの抜粋本文からの抜粋本文からの抜粋本文からの抜粋本文からの抜粋本文からの抜粋… <a class="more-link" href="">続きを読む <span class="el_readerOnly">旅に出ていた本</span></a></p>
	</div>
</article>
<!-- /.bl_summary-->

定義

機能
記事の「続きを読む」までのダイジェストと
記事へのリンクを提供する。
日付とカテゴリを含むがなくても機能する。

あしらい・振る舞い
スマホでは「続きを読む」の前で改行する。タブレットより広い画面では行末で良いが、自身は改行しないように。
ユニット内では下線で区切るが、通常はあしらいを持たないことに留意。

特記事項
ユニット内では下線で区切る

 

ファイルパス

assets/scss/block/summary

Change Log

  1. 開発開始:2021-10-04
  2. 最終更新:2021-10-21