Seesaa Blog カスタマイズ : undershaft newralnet works

TOP / Seesaa Blog カスタマイズ

Seesaa Blog(シーサーブログ)のコンテンツHTMLの解析

「Seesaa Blog(シーサーブログ)のメインHTMLの解析」の続きです。Seesaa Blog(シーサーブログ)の”コンテンツHTML”の解析を簡単に行っています。

私は、Seesaa Blogのシステムを利用しているSakura Blog(さくらブログ)も平行して利用しています。さくらブログのほうは新しい機能が反映されていないためか、現在のSeesaa Blogの”コンテンツHTML”のHTMLコードはそのまま利用することができないようです。

コンテンツHTML(記事本文)

<% content.header -%>

ページャー

トップページのページャー

<% 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の解析』の続きを読む

タグ：seesaa blog シーサーブログコンテンツHTML 解析 blog ブログ HTML

Seesaa Blog(シーサーブログ)のメインHTMLの解析

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タグ（ブログタイトル）

descriptionタグ（ブログ概要）

Seesaa Blog(シーサーブログ)のkeywordタグ（ブログキーワード(設定⇒ブログ設定のキーワード＋記事投稿ページ最下部のキーワード)）

Seesaa Blog(シーサーブログ)のスタイルシートのURL

Seesaa Blog(シーサーブログ)のRSSのURL

タグ：解析メインHTML シーサーブログ seesaa blog

Seesaa BlogのトップページのCSS（スタイルシート）を解析

先日、「これでCSSを覚える必要がなくなる!?『Web Developer 日本語版』」で紹介した『Web Developer 日本語版』を利用して、Seesaa Blog（シーサーブログ）のトップページのCSS（スタイルシート）を解析してみました。単純な構成であることに気づきますが、HTML部分がトップページ、記事ページ、カテゴリページ・・・で異なっているため、それらをふまえてカスタマイズしていかなければなりません。
今回、サイドメニューのカレンダーとSeesaa Blogが提供するブログパーツ等は削除しました。記事本文下の広告は、まだ表示されていないため「空白」になっています。

Seesaa BlogのトップページのCSS（スタイルシート）を解析の続きを読む

タグ：seesaa blog シーサーブログブログ blog CSS スタルシート

Seesaa Blog（シーサーブログ）のカスタマイズ

Seesaa Blog（シーサーブログ）のカスタマイズについてまとめています。管理画面の「デザイン > コンテンツ」の内容から紹介したいと思います。

*いずれのカスタマイズも保証はいたしかねます。挑戦する方はバックアップを必ずとってください。

デザイン > コンテンツ

自由形式をタイトル（＆枠線等）有りにする方法

Seesaa Blogの自由形式はデフォルトでタイトルや枠が表示されないようになっています。バナーや画像を表示するのであれば特に意識することはないですが、テキストやテキストリンクをまとめたい場合、アンバランスな感じがします。カスタマイズは簡単なので是非試してみてください。

Seesaa Blog（シーサーブログ）のカスタマイズの続きを読む

タグ：カスタマイズシーサーブログ seesaa blog テンプレート

カテゴリ

このサイトについて(1)
このサイトのテンプレートについて(4)
アフィリエイト（Affiliate）(1)
Web(ウェブ)マーケティング(4)
SEO対策（サーチエンジン最適化）(3)
Webデザイン・グラフィックデザイン(2)
Seesaa Blog カスタマイズ(4)
Fc2ブログ(Blog) カスタマイズ(1)
ブログパーツ（Blogパーツ）(1)
Google（グーグル）(2)
Firefox（ファイアーフォックス）(3)
無料ブログ(Blog)サービス(2)
フリーソフト・フリーウェア(4)
【Yomi-Search(ヨミサーチ)】(2)
PC(パソコン)・ノートPC・モバイルノート(1)
【へヴィロック】無料動画/視聴/ダウンロード(2)
【エレクトロニカ】無料動画/視聴/ダウンロード(3)
【音楽全般】無料動画/視聴/ダウンロード(2)
トラックバックテーマ(2)
★プレゼント・キャンペーン(1)

Seesaa Blog カスタマイズ: undershaft newralnet works