記事タイトルと記事日付を一行で表示

デザインの関係上、記事タイトルと日付を一行で表示しました。

このカスタマイズは記事コンテンツの編集です。マイブログメニューの[デザイン]⇒[コンテンツ]の[記事]から編集を行います。ソース中段あたりに次の記述があります。

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
※各カスタマイズの紹介を独立させるために、初期状態のソースで説明します。

これが記事タイトル、記事日付を表示している箇所です。
少し強引ですがデザインを実現するために<table>タグを用いることにしました。

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td>
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3></td>
<td align="right">
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %></td>
</tr></table>

<div class="blogbody">

後はスタイルシートの編集h2{ }、h3{ }、.title{ }、.date{ } をデザインして作業は完了です。
変更後は次のように、記事のタイトルと日付が一行で表示されます。

タイトル&日付
トップページへ戻る

サイトマップ

Seesaaブログのカスタマイズ > 記事コンテンツ > タイトル、日付を一行で表示
スタイルシート カスタマイズ

スタイルシート作成ツール

HTMLカスタマイズ
サイト全体

記事コンテンツ

コメント、トラックバック
新着記事

カテゴリ

最近のコメント、トラックバック

検索ページ

その他