- 2008年10月03日 at 04:54
- Seesaa Blog(シーサー ブログ)
「
Seesaa Blog(シーサーブログ)のメインHTMLの解析」の続きです。Seesaa Blog(シーサーブログ)の”コンテンツHTML”の解析を簡単に行っています。
私は、Seesaa Blogのシステムを利用しているSakura Blog(さくらブログ)も平行して利用しています。さくらブログのほうは新しい機能が反映されていないためか、現在のSeesaa Blogの”コンテンツHTML”のHTMLコードはそのまま利用することができないようです。
コンテンツHTML(記事本文)
<% content.header -%>
<!-- Content -->
ページャー
トップページのページャー
<% if:page_name eq 'index' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% blog.page_url(pager.previous_page) | html %>"><<前の<% blog.index_page_cnt %>件</a><% else %>-<% /if %>
<% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% blog.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %>
<% if:pager.next_page %><a href="<% blog.page_url(pager.next_page) %>">次の<% blog.index_page_cnt %>件>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>
『Seesaa Blog(シーサーブログ)のコンテンツHTMLの解析』の続きを読む
- 2008年09月29日 at 00:08
- Seesaa Blog(シーサー ブログ)
Seesaa Blog(シーサーブログ)の”メインHTML”を簡単に解析しています。目的は、Seesaa Blogのカスタマイズのためです。もともとあるHTMLやCSS（スタイルシート）の簡単なカスタマイズはよくやっていましたが、根本的な部分は調べていませんでした。
まずは、どこのソースがどの部分を表しているのか？について”メインHTML”と”コンテンツHTML”を解析したいと思います。
解析してみてわかったのですが、Seesaa Blogは以前より機能が増えたのでその分、HTMLコードも増えたようです。また、必要最低限の機能（ブログの記事＋画像くらい）に限定するとかなりソースコードが省けそうです。
Seesaa Blog(シーサーブログ)のHEADタグ内
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
Seesaa Blog(シーサーブログ)のtitleタグ（ブログタイトル）
<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>
descriptionタグ（ブログ概要）
<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
Seesaa Blog(シーサーブログ)のkeywordタグ（ブログキーワード(設定⇒ブログ設定のキーワード＋記事投稿ページ最下部のキーワード)）
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | remove_emoji | tag_strip %> <% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
Seesaa Blog(シーサーブログ)のスタイルシートのURL
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
Seesaa Blog(シーサーブログ)のRSSのURL
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>
</head>
<body>
『Seesaa Blog(シーサーブログ)のメインHTML/コンテンツHTMLの解析【編集中】』の続きを読む
- 2008年07月20日 at 10:53
- Seesaa Blog(シーサー ブログ)
ブログのコメント・トラックバックしてくれた方のサイトURLをMozShot(サムネイル化サービス)を利用してウェブサイトの画像（サムネイル）を表示する方法を紹介しています。
HTMLソースを書き加えるだけなので簡単に行うことができます。
また、MozShot(サムネイル化サービス)は無料なので気軽に行うことができます。
今回はコメントには"300x300"（拡大）をトラックバックには"128x128"を使用しました。また、コンテンツの「リンク集」にも"128x128"を対応させました。
ブログのコメント・トラックバックのURLをMozShot(サムネイル化)で画像を表示するの続きを読む
- 2008年06月08日 at 11:40
- Seesaa Blog(シーサー ブログ)
先日、「これでCSSを覚える必要がなくなる!?『Web Developer 日本語版』」で紹介した『Web Developer 日本語版』を利用して、Seesaa Blog（シーサーブログ）のトップページのCSS（スタイルシート）を解析してみました。
単純な構成であることに気づきますが、HTML部分がトップページ、記事ページ、カテゴリページ・・・で異なっているため、それらをふまえてカスタマイズしていかなければなりません。
今回、サイドメニューのカレンダーとSeesaa Blogが提供するブログパーツ等は削除しました。記事本文下の広告は、まだ表示されていないため「空白」になっています。
Seesaa BlogのトップページのCSS（スタイルシート）を解析の続きを読む
- 2008年05月14日 at 00:28
- Seesaa Blog(シーサー ブログ)
Seesaa Blog（
シーサー ブログ）の
カスタマイズについてまとめています。
管理画面の「デザイン > コンテンツ」の内容から紹介したいと思います。
*いずれの
カスタマイズも保証はいたしかねます。挑戦する方はバックアップを必ずとってください。
デザイン > コンテンツ
自由形式をタイトル（＆枠線等）有りにする方法
Seesaa Blogの自由形式はデフォルトでタイトルや枠が表示されないようになっています。
バナーや画像を表示するのであれば特に意識することはないですが、テキストやテキストリンクをまとめたい場合、アンバランスな感じがします。カスタマイズは簡単なので是非試してみてください。
Seesaa Blog（シーサー ブログ）のカスタマイズの続きを読む
