2007年から2013年までの期間、およそ10,000件のデザインの記事をアップしたブログのアーカイブ。現在はhttp://designwork-s.netで更新中。
2007年05月28日

seesaaカスタマイズ-「自由形式」のタイトルを反映させる。

seesaaブログでユーザー側で色々な機能やサービスを追加でき、なにかと便利な「自由形式」ですが一つ問題があります。それは標準のままだと、ブログ上にタイトルが反映されないところです。


これにより多くの外部機能、RSSやブログ購読、アクセス解析やブログランキングサービス等を追加したときどうしても見出しが無いためレイアウト的にゴチャゴチャして見えます。そこで今回紹介するのはseesaaの「自由形式」でタイトルをブログ上で反映させる方法です。

詳しくは以下

方法は大きく二つあります。コンテンツのHTMLを変更して反映させる方法と、CSSを利用して反映させる方法。

まずはコンテントのHTMLを変更する方法から紹介します。カスタマイズしたい自由形式のコンテンツHTML編集ページ以下のように書き換えます。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% content.free.text %>
<% content.footer -%>
</div>


もう一つはCSSを利用してタイトルを反映する方法です。

<div class="sidetitle">任意のタイトル</div>
<div class="side">
任意のコンテンツ
</div>


当ブログも「track word」と「このブログを購読する」は上記の方法でタイトルをつけています。個人的にはHTMLだとなぜか反映されない場合があるのでCSSを使った方法をおススメします。

自由形式のタイトルを設定したのにブログ上で表示されません

関連記事
seesaaカスタマイズ-記事個別編集を可能にする。
seesaaカスタマイズ カテゴリー内の新着記事をリストアップ
seesaaカスタマイズ「記事の下にバナーを埋め込む」
関連記事を自動表示する「カンレン.えんとり〜ず」
seesaaブログでファビコンを表示させる方法
適切な見出しタグをつけてSEO対策
posted by admin at 11:07 | Comment(4) | TrackBack(2) | Seesaaカスタマイズ
この記事へのコメント
Seesaaブログに移行する際、こちらの『Seesaaカスタマイズ』 カテゴリー記事を参考にさせていただきました。

右も左も分からない状態だったので、細かな説明も載っているこちらのサイトのおかげで、とても助かりました!

これからも、ブログの更新を楽しみにしています。
Posted by ナナシノ カズナオ at 2007年08月18日 22:57
ナナシノ カズナオ さん>
コメントありがとうございました。自身のブログをカスタムした忘備録的な感じですがお役に立てて何よりです。頑張ってこれからも続けて行きたいと思いますので今後ともよろしくお願いいたします。
Posted by 管理人 at 2007年08月21日 19:02
自由形式にタイトルをつけたいと思っていましたが、超初心者なので大変困っていましたところ、貴方様のサイトを見つけ、カスタマイズに成功しました!本当に有難うございました^^
Posted by ゆうちゃん at 2008年01月08日 22:12
ゆうちゃんさん>
お役に立てて何よりです。これからもdesignworksをよろしくお願いいたします。
Posted by 管理人 at 2008年01月09日 17:28
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/43126689
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

「自由形式」でサイドバータイトルをフツーに表示させる
Excerpt: seesaaカスタマイズ-「自由形式」のタイトルを反映させる。: DesignWorks【e】 デザインワークスさんのこのページに詳しく載っているのでリンクをペタリ。うちのブログじゃこのデザインは採用..
Weblog: 石山城ブログの作り方(ボクが実践するSeesaaブログのカスタマイズの記録)
Tracked: 2007-06-01 22:02

seesaaの自由形式
Excerpt: 参考になりました!!
Weblog: 医大生ぴろの日記
Tracked: 2008-04-13 14:24