2008年08月25日
てんこもりブログ独自デザイン作成@HTML置換タグを使う
ブログを更新していいくうえで、さらに自分流にカスタマイズするためには
テンプレートやCSSをいじる必要が出てきます。
その際に参考になるのが下記のサイトなどです。
沖縄からヨッシャー(=^^)9
CSS&ブログの活用講座!
http://daxiazzz.ti-da.net/c4979.html
てんこもりFAQブログ
http://faq.tenkomori.tv/index_2.html
また、てんこもりブログではテンプレートはHTMLの置き換えタグという独自のルールで作成されておりますので、このルールを活用していくと検索対策・SEOに強いブログを作ることも可能になってきます。
またスタイルシートについてもオリジナルなデザインを実現することができますので
ぜひ挑戦したいものです。
2008/08/25
応用例@ブログの記事のタイトルに自動的にカテゴリ名を入れることができる。
→テンプレートのタイトル部分に<%EntryCategory%> を入れる
参考:てんこもりブログのRSSリーダー
http://blog.tenkomori.tv/rss_reader.php?
テンプレートやCSSをいじる必要が出てきます。
その際に参考になるのが下記のサイトなどです。
沖縄からヨッシャー(=^^)9
CSS&ブログの活用講座!
http://daxiazzz.ti-da.net/c4979.html
てんこもりFAQブログ
http://faq.tenkomori.tv/index_2.html
また、てんこもりブログではテンプレートはHTMLの置き換えタグという独自のルールで作成されておりますので、このルールを活用していくと検索対策・SEOに強いブログを作ることも可能になってきます。
またスタイルシートについてもオリジナルなデザインを実現することができますので
ぜひ挑戦したいものです。
2008/08/25
応用例@ブログの記事のタイトルに自動的にカテゴリ名を入れることができる。
→テンプレートのタイトル部分に<%EntryCategory%> を入れる
参考:てんこもりブログのRSSリーダー
http://blog.tenkomori.tv/rss_reader.php?
----★HTMLの置換タグについて
置換タグ | 置換タグの説明 |
---|---|
<%CSSUrl%> | : スタイルシートURLのタグ |
<%RDFUrl%> | : RSSURLのタグ |
<%RSDUrl%> | : XMLURLのタグ |
<%BlogTitle%> | : ブログタイトルを表示させるタグ |
<%BlogDescription%> | : ブログヘッダーの概要を表示させるタグ |
<%BlogUrl%> | : ブログURLのタグ |
<%EntryDate%> | : 記事日付のタグ |
<%EntryId%> | : 記事の番号 |
<%EntryTitle%> | : 記事タイトルのタグ |
<%EntryBody%> | : 記事内容のタグ |
<%EntryPermalink%> | : 個別記事画面へのリンク |
<%EntryAuthor%> | : ハンドルネームを表示させるタグ |
<%EntryTime%> | : 記事投稿時間を表示するタグ |
<%EntryCommentCount%> | : コメントをポストするURL |
<%EntryPingCount%> | : トラックバックURLのタグ |
<%EntryCategoryUrl%> | : カテゴリーページURLのタグ |
<%EntryCategory%> | : カテゴリーのタグ |
<%EntryBodyMore%> | : 追記の表示タグ |
<%EntryCommentCount%> | : コメント数を表示するタグ |
<%EntryPingCount%> | : トラックバック数を表示するタグ |
<%PluginList%> | : サイトバーを表示させるタグ |
<%Year%> | : 西暦を表示させるタグ |
<%PrevEntry%> | : 前の記事への戻るタグ |
<%NextEntry%> | : 次の記事へ進むタグ |
<%PingExcerpt%> | : トラックバックされた内容を表示するタグ |
<%PingBlogName%> | : トラックバックをしたブログ名を表示 |
<%PingDateTime%> | : トラックバックされた時間を表示 |
<%CommentBody%> | : コメントのボディを表示するタグ |
<%CommentUrl%> | : コメントのURL |
<%CommentAuthor%> | : コメント入力者の名前 |
<%CommentDateTime%> | : コメントの日時を表示 |
<%CookieAuthor%> | : コメントをする方の名前 |
<%CookieEmail%> | : メールアドレスを入力・記憶 |
<%CookieUrl%> | : コメントのURLを入力・記憶 |
----★スタイルシートについて
----スタイルシートの構造は下記の通りです。
クラス名 | クラスの説明 |
---|---|
ul.rss{} | :RSSのクラス |
ul.rss li{} | :RSSの並び方のクラス |
ul.rss a:link{} | :標準のリンククラス |
ul.rss a:visited{} | :訪問済みリンククラス |
ul.rss a:hover{} | :現在開いているリンククラス |
ul.rss a:active{} | :マウスカーソルが上に来た時のリンククラス |
#container{} | :コンテナ部分のクラス |
#banner,#subbanner{} | :トップバナ-部分のクラス |
#banner a{} | :バナーのアンカークラス |
#banner a:link{} | :標準のリンククラス |
#banner a:visited{} | :訪問済みリンククラス |
#banner a:active{} | :現在開いているリンククラス |
#banner a:hover{} | :マウスカーソルが上に来た時のリンククラス |
#subbanner a{} | :サブバナーのクラス |
#subbanner a:link{} | :標準のリンククラス |
#subbanner a:visited{} | :訪問済みリンククラス |
#subbanner a:active{} | :現在開いているリンククラス |
#subbanner a:hover{} | :マウスカーソルが上に来た時のリンククラス |
h1,h2,h3{} | :h1,h2,h3のクラス |
.blogtitle{} | :ブログタイトルのクラス |
.description{} | :ブログ概要のクラス |
#content{} | :記事外枠部分のクラス |
#links{} | :サイドバーのクラス |
#footer{} | :フッターのクラス |
#copyright{} | :コピーライトのクラス |
.blog{} | :ブログ部分のクラス |
.date{} | :日付のクラス |
.blogbody{} | :ブログボディのクラス |
.title{} | :記事タイトルのクラス |
.main{} | :記事部分のクラス |
.main-continues{} | :続きを読むのクラス |
.posted{} | :posted部分のクラス |
.menu{} | :記事下部メニューのクラス |
.comments-head{}: | :コメントのヘッダーのクラス |
.comments-body{} | :コメントボディのクラス |
.comments-post{} | :コメント投稿者のクラス |
.trackback-url{} | :トラックバックURLのクラス |
.trackback-body{} | :トラックバックボディのクラス |
.trackback-post{} | :トラックバック元リンク等のクラス |
#author{} | :ニックネーム部分のクラス |
#email{} | :e-mail部分のクラス |
#url{} | :URL部分のクラス |
#text{} | :テキスト部分のクラス |
.pagetop{} | :このページの上へ▲のクラス |
.calendarhead{} | :カレンダーヘッダー部分のクラス |
.calendartable{} | :カレンダーテーブル部分のクラス |
.calendarweek{} | :カレンダー曜日部分のクラス |
.calendarwd{} | :カレンダー内枠のクラス |
.calendard{}: | :カレンダーテキストの位置クラス |
.calendardbg{} | :カレンダー背景のクラス |
.calendar{} | :カレンダーのクラス |
.sidetitle{} | :サイドタイトル部分のクラス |
.side{} | :サイド文字部分のクラス |
.side.text{} | :テキスト横幅のクラス |
.photo{} | :サイドバーイメージのクラス |
.nickname{} | :プロフィールニックネーム部分のクラス |
.message{} | :プロフィールメッセージ部分のクラス |
Posted by 播磨のいぢ at 17:15│Comments(0)
│てんこもり攻略&改造