*ADMIN*

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

≪ 2024.11│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 ≫

2024-11-23(Sat)

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

author:あるふぁ [02:25:46]│ Comment(-) │ Trackback(-) │〆

│▲

2006-03-13(Mon)

タイトルバーに表示するブログのタイトルをページ別に変化させる

忍者ブログのスタンダードテンプレートでは、タイトルバーにはブログのタイトルしか表示されません。新規テンプレート作成でも同様です。

でも、カテゴリーページではカテゴリーを、日付のページでは日付をタイトルバーに表示したほうがページを見ている人に分かりやすいのではないかと思います。
例えば

メインページ⇒ブログのタイトル
カテゴリページ⇒ブログのタイトル―カテゴリー名
月日のページ⇒ブログのタイトル―○月○日の記事
検索結果のページ⇒ブログのタイトル―「○○○」の検索結果
コメント編集中のページ⇒ブログのタイトル―「○○○」への記事コメント編集中

のような感じに「⇒」の後ろのような表示をさせたいなぁと思います。

実際のソースと解説▼

実際のソースはこのようになりました。

<title>

―
―
―の記事
―の検索結果
―コメント編集中

―














</title>

これを、テンプレートHTMLのヘッダ部分にある

<title></title>

となっている部分の変わりに使います。

これだとどこがどのように表示されるか分かりにくいので日本語で書き直してみました。

<title>
トップページでの表示される部分
詳細記事ページで表示される部分
カテゴリーページで表示される部分
日付のページで表示される部分
検索結果ページで表示される部分
コメント編集中のときに表示される部分
←トップページ以外で表示される部分：ここから
トップページ以外のメインページで表示される部分






上に挙げられているすべてのページ以外で表示される部分






←トップページ以外で表示される部分：ここまで
</title>

これをみればある程度どこになにが表示されるかが分かると思います。
黄色で表示されている部分は要らないかもしれませんが一応念のために書いてある部分です。

確認はしたつもりですが、独自タグの解釈が間違っているかもしれないです(-_-)」
そのときは教えてくださるとありがたいです<(_ _)>

4/24日追記
「○○○」の検索結果にあたる部分の独自タグを変更しました。これでもハイライトのためのspan指定が入ってしまってちょっと変ですが・・・

閉じる▲

author:あるふぁ [11:02:40]│ Comment(0) │Trackback() │〆

[カスタマイズ]テンプレート

│▲

2006-03-12(Sun)

テンプレートを作る!!

テンプレートを作る前にテンプレートを理解しないとと思いまして、忍者ブログのテンプレートの構造を解析していくことにします。
(3/15追記：作りながら分析することにしました)
テンプレートをいじるのが初めてという人にもわかるようにしたつもりです。

この記事は、ドキュメント宣言とヘッダ部分についてです。

全体像はこのようになってます。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="keywords" content="  " />
<meta name="description" content="" />
<link rel="stylesheet" href="http:///css/" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http:///RSS/" />
<link rel="alternate" type="application/atom+xml" title="ATOM" href="http:///ATOM/" />
<title></title>
</head>

これが何を示しているかを分析します。

実際に設定してみる▼

まずはHTMLの冒頭部分。1行目に

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

と、このように書かれてます。
これはドキュメントタイプ宣言の部分で、ここでどのHTMLでこのテンプレートが書かれているかを宣言しているのです。

忍者ブログではHTML4.01 Transitionalで書くことを宣言しています。
よって、このHTML4.01 Transitionalの記述法に従って書かないとテンプレートがうまく作れないということになります。

とはいってもHTML4.01 Transitionalはフレームが使えないだけで、非推奨のタグも使えるというものですのでたいていは大丈夫です。
XHTMLとはちょっと違うってぐらいでしょうか。
XHTMLとHTMLの違いが分からないという方は、気にしなくていいです。
気になる方はご自分で調べてください。

ここではHTML4.01 Transitionalで記述すればいいってことがわかればいいので、次の行に進んで、

<html lang="ja">

とありますが、これはlang属性というもので言語コードを指定しています。「ja」で日本語を指定しています。
これは問題ないと思います。

さらに次の行に<head>と書いてあります。
ここからヘッダ（HEAD）部分になります。
このヘッダ部分は<head>から始まって</head>までを言います。
この部分には、ブログキーワードやタイトル、使用するスタイルシートのURL、お気に入りアイコンなどの情報がかかれます。
ページ上には表示されませんが、そのページがどのような内容なのか、誰が作っているのかなどの基本的情報を表示している情報です。

忍者ブログでは、ヘッダ部分の一行目に

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

とあります。
これはmetaとあるのでmeta情報を記述しています。
meta情報にはいろいろなものを表示できます。name(http-equiv)で指定するものを、contentでその内容を示します。
ここでヘッダ部分の一行目の内容に戻ると、ここではContent-Typeをtext/html; charset=UTF-8とするとしてあります。
これは、言い換えると、「UTF-8という文字符号コードでこのページは記述しています」という意味になります。

日本語の文字コードには、3種に大別されていて、UTF-8の他にShift_JisやEUC-JPがあります。Shift_Jisで書いているのに、違う文字コードを指定するとすぐ文字化けします。
ブラウザ(簡単に言えばPC)に、「このページはUTF-8で書いてますよ」と知らせるためにこの情報を明記しているのです。
ブログパーツやブログペットを設置するときも文字コードを聞かれることがありますので、この文字コードをちょっと覚えておくといいです。

ヘッダ部分の2行目、3行目は次のようになってます。

<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

これは、1行めと同じようなもので、Content-Style-Typeはスタイルシートについてを、Content-Script-Typeはjavascriptについてをそれぞれ表示しています。これも文字コードと同様に、スタイルシートやjavascriptを正しく表示するために必要な情報です。

ここまではどのブログであろうがホームページであろうがほぼ同じです。
次のヘッダ部分の4行目から、忍者ブログの独自タグ使われています。

<meta name="keywords" content="  " />

これもmeta情報ですが、今度はkeywordsを表示します。

keywordsは、もじどおりそのページのキーワードです。
日記を書いているなら「日記」と書くだろうし、アフィリエイトについて書いているなら「アフィリエイト」と書く部分になります。
忍者ブログでは、このキーワードを管理画面から入力できるようになってます。
それが、  の部分に表示されます。
つまり、キーワードは３つ指定できるようになっているのです。

このキーワードの指定は、忍者ブログの管理画面から「環境設定」⇒「ブログの詳細設定」⇒「ブログのキーワード１」、「ブログのキーワード２」、「ブログのキーワード２」で指定することができます。
ご自分のページ内容にあったものを入力しておけば、自動的にパソコンで表示するときにHTMLに挿入さます。

もちろん、テンプレートのHTMLに直接記入すれば３つ以上のキーワードを指定することが可能です。その場合は、の後ろに記入していけばOKです。ちなみに、管理画面から指定した他に「日記」「写真」「風景」というキーワードを指定するときは

<meta name="keywords" content="   日記写真風景" />

という風にそれぞれのキーワードとキーワードの間をヒトマス空けて記入してください。

次は、

<meta name="description" content="" />

となってます。また忍者ブログの独自タグが混ざってますが、今度に指定は、ブログの内容(要約)を表示するためのものです。
よくGoogleなどの検索を利用するときに表示されているのはこの部分です。
忍者ブログの場合は、ここにという独自タグを使用しています。
これは、ブログの説明文章を表示するための変数ですので、ここには管理画面で入力したブログの説明文が表示されます。

多くのテンプレートはこのブログの説明文章をタイトル下に表示するようにつくってあるため、この部分をサブタイトルとして利用している方も多いと思います。サブタイトルではブログの説明というのとはちょっと違うと思った方は、このを削除して、直接テンプレートに説明文や要約をいれるといいと思います。
その場合は

<meta name="description" content="個々に要約文や説明文を直接入力してください" />

となります。SEO対策などでは、ここの文章が重要になる・・・らしいです。
個人的には、SEOをやる前に内容を充実させないと意味がないとは思いますが・・・

ここで忍者ブログのテンプレートにおいてのmeta情報の指定は終わりです。
この他にも作者を示すなら、

<meta name="Author" content="作者名">

検索ロボットへの検索を拒否したい場合の、

<meta name="robots" content="noindex,nofollow">

などがあります。
ちなみに忍者ブログで作者を示すなら、という独自タグを使って、

<meta name="Author" content="">

というタグをHTMLに入れると、忍者ブログで登録しているニックネーム(管理者名)が表示されます。

また忍者ブログのテンプレートに戻って、ここからはlink情報の指定になります。
link情報はhref属性で指定したページ文書を参照し、外部スタイルシートや、他のページ文書との関連を示します。

忍者ブログでのlink情報は次の3つです。

<link rel="stylesheet" href="http:///css/" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http:///RSS/" />
<link rel="alternate" type="application/atom+xml" title="ATOM" href="http:///ATOM/" />

上から順に、スタイルシート、RSS、ATOMのそれぞれのURLを示してます。
という独自タグが入っていますがようは私の場合IDがstartなので
・スタイルシートアドレス･･･http://start.blog.shinobi.jp/css/
・RSSのアドレス･･･http://start.blog.shinobi.jp/RSS/
・ATOMのアドレス･･･http://start.blog.shinobi.jp/ATOM/
となります。逆に言えばという独自タグは「ID.blog.shinobi.jp」と表示されるということですね。
また、スタイルシートを忍者ブログ以外から引っ張ってくるような場合には、http:///css/という部分を変えればいいということになります。
テンプレートをひとつのブログで複数使うなどという場合には、ここをいじる必要がある・・・のではないかと。

この次に書かれているのはtitle情報です。
ここに示された情報が、お気に入り(ブックマーク)に表示されるものになります。
通常はブログのタイトルですね。忍者ブログでもそうなってます。

<title></title>

が、ブログのタイトルを表示する変数です。

このあと</head>とあり、ヘッダ部分が終わります。
なんだか、細かく分析しすぎました(-_-)」
ほとんどHTMLの解説になってます。

まとめると、

HTMLのタイプはHTML4.01 Transitional

文字コードはUTF-8

キーワードは３つまでなら管理画面から入力可能

説明文も管理画面から入力可能

スタイルシートアドレスは、http://ID.blog.shinobi.jp/css/

RSSのアドレスは、http://ID.blog.shinobi.jp/RSS/

ATOMのアドレスは、http://ID.blog.shinobi.jp/ATOM/

といった感じになります。
次は、ページとして表示されるメイン部分の<body>の部分です。

閉じる▲

author:あるふぁ [22:18:25]│ Comment(0) │Trackback() │〆

新規テンプレいじり

│▲

2006-03-12(Sun)

テキストの見え方

記事部分のテキストはこのようになります。

本文に色をつけるとこのようになります。

大きな文字、中くらいの文字、小さい文字はこのようにみえます。

そのほかの文字装飾は、強調、斜体、~~打ち消し線~~、アンダーラインがあります。

中くらいの文字を太字で書くとか、小さな文字を斜体にしてアンダーラインを引くとか、組み合わせるとこんな感じになります。

引用文はこのように表示されます。

水平線は↓のように表現されます。

リンクテキストは、このように表現されます。

テキストの見え方はこんな感じでしょうか。
あとは、部分引用、太字などの要素がありますが、まあこれはいらないかな？と思います

author:あるふぁ [17:41:34]│ Comment(0) │Trackback() │〆

プレビュー用記事

│▲

2006-03-06(Mon)

カテゴリーのURLとエントリーのURL

忍者ブログのカテゴリーのアドレスは

http://それぞれのURL.blog.shinobi.jp/Category/X/

と表示されている。
Xには当然数字が、それぞれのURLには、管理者が決めたブログのURL（このブログで言えばstart）の部分が入っています。

ちょっと気になるのはXの部分の数字。
これ、カテゴリーを削除するとその番号はソートせずに消えたままです。
つまり、カテゴリーの２つまり、

http://それぞれのURL.blog.shinobi.jp/Category/2/

を削除して、新しく作ると、

http://それぞれのURL.blog.shinobi.jp/Category/3/

が作成されます。また、新たにカテゴリーを作ると

http://それぞれのURL.blog.shinobi.jp/Category/4/

が作成されることになります。

つまり、それぞれのURL.blog.shinobi.jp/Category/2/というアドレスは消えたまま、いまのところはどうやら復活しない仕様のようです。

ところが、エントリーのURLは、いったん記事を作成し、その記事のURLが

http://それぞれのURL.blog.shinobi.jp/Entry/2/

となったとし、この記事を削除する。
すると、次に作る記事は、

http://それぞれのURL.blog.shinobi.jp/Entry/2/

というアドレスとなり、記事番号がソートしていきます。

記事番号はソートしますが、カテゴリー番号はソートしないのです。
番号が飛んでしまうのが嫌だと思った方は、削除はせずに編集を使ったほうがいいと思います。

author:あるふぁ [04:59:20]│ Comment(0) │Trackback() │〆

NinjaBLOG

│▲

2006-03-06(Mon)

テンプレートを作るのに必要な情報・・・独自タグ

忍者ブログも、テンプレートの共有化機能があります。
テンプレートの共有化機能で有名なのはFC2だと思います。
他は、JUGEMもそうでしょうね。

テンプレートを共有化する機能があるということは、忍者ブログの独自タグがどこかにあるはず･･･（無いと共有テンプレートを作るのが非常に大変なことになるので）

管理画面からはどうも探せなかったので、Googleで探してみると、制作者の方のブログに、忍者ブログの独自タグがありました。
⇒独自タグの一覧（2006/01/24暫定版）

どうも、これだけではよくわからないですね。

始めのところからちょっとつまずきぎみ・・・

～ "カテゴリ１のプラグイン繰り返し処理カテゴリ１にプラグインが登録されていない場合、処理は無視されます。"
～ "カテゴリ２のプラグイン繰り返し処理カテゴリ２にプラグインが登録されていない場合、処理は無視されます。"
～"Frame３のプラグイン繰り返し処理カテゴリ３にプラグインが登録されていない場合、処理は無視されます。"

とあるのですが、プラグイン３の部分、Frame３ってなんぞや？
普通にプラグインカテゴリ３ってコトじゃないのでしょうか？
たぶん、そうなのだろうけど、最初から「？」っとなってしまいました。
検証してみれば、すぐに分かるのだけれど、検証用のテンプレートが必要・・・
ちょっと後回しにしておきます。

上のは、■制御構造でした。他にも、大きなくくりで、■条件式と■変数があるようです。

■変数は、そのままですね。
ある1つのことを示しているのでわかりやすいです。

問題は、■条件式のほうです。
これ、かなりの数がありますねぇ
使いこなすには時間がかかりそうです。
ひとまず、やはり検証用のテンプレートが必要ですね・・・

3/13追記　2006/03/10 暫定版忍者ブログ独自タグがでていました。

3/21追記　独自タグの構文辞典ができたようです。

author:あるふぁ [04:24:09]│ Comment(0) │Trackback() │〆

NinjaBLOG

│▲

2006-03-06(Mon)

忍者ブログ始めました

忍者ブログをはじめました。

やってみたいのはテンプレートの作成・・・でしょうか？

まだまだ、このブログの機能自体よくわかってないので、とりあえずは慣れるのが先決ですね^^
慣れるまで、忍者ブログの分析にあたりたいと思います。

その前にこのブログを始めた理由と、気になったことを〆(.. )ｶﾘｶﾘｯ!!

気に入った機能は、
・追記へのリンク文字が選べること。
・携帯からの投稿が自分用のアドレスにできること
・テンプレートのカスタマイズ性が高いこと
・複数ブログをひとつのIDで持てること（ただし同時には編集できないらしいです）
・アフィリエイトができること
この５つです。

ちょっと物足りないなぁと思うこと
・まだ共有テンプレートが少ない（始まったばかりなので仕方ないですが）こと
・独自タグがまだあまり固まってないのでカスタマイズしにくいこと
・携帯絵文字などの絵文字は使えないこと
・ツリー化の仕方がわからない
・PING送信先が10件までなこと
この５つです。
絵文字とPING送信先は分かりませんが、その他は時間が経てば解決しそうな問題ばかりですね。

とにかく、やってみなくてはわからないです!!
実行あるのみ!!

追記：コメントへの管理者の返信機能もちょっといいかも♪

author:あるふぁ [03:51:46]│ Comment(0) │Trackback() │〆

[ブログ]このブログについて

│▲

Prev← 21P22P23P24P25P26P

■Category

■Search

■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
　徒然倶楽部 →こちらは記事の内容を下に移転＆閉鎖しました。
　現在は十六夜's Blogがメインブログになってます。
　Alphaの小部屋･･･BOOKLOGで作った本棚
　Mixi･･･参加中のSNS
　~~十六夜-the sixteeth night-･･･現在作成中のメインHP~~

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況：Windows XP SP2
ブラウザ：主にFirefox　他IE、Opera等
解像度：1024*768

●FireFox
私が普段利用しているブラウザ。拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ１件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

■CM&TB

●コメント

パンくずナビをつける
Michalexcire⇒(01/18)
パンくずナビをつける
ViktorianitemY⇒(01/17)
コメントや最新記事にNew＆Upマークをつける
kirara⇒(04/06)
しばらく休止いたします。
リゾートバイト⇒(12/04)
独自ドメイン
shige⇒(12/01)

●トラックバック

Scrollbar ONorOFF

■NinjaLink

■Thanks

テンプレートを作成するに当たってよく利用させていただいているサイト様です。

■QRcode

QRコードをクリックするとメールフォームが開きます。
メールフォームでPCから携帯にこのブログのURLを送ることができます

もし、携帯電話で表示されきれない～とご不満の方はこちらのアプリを導入してみることをお勧めします。

無料体験できるのでぜひお試しください♪

■EntryNavigation

このページにある記事のタイトル一覧

≪

*21*22*23*24*25*26*

■Template

○公開したテンプレのプレビュー

詳細	詳細
詳細	詳細	詳細
詳細	詳細	詳細

○公開された携帯用テンプレのプレビュー

詳細

○忍者ブログで共有化中のテンプレ

●Alternation-緑×白-
記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
パンくずナビも付いてます♪

●The Leaf
初の携帯用テンプレート。さわやかな感じに仕上げてみました
絵文字使用。トップページにカテゴリー表示アリ。

●ブルーチャイナ
涼しげなチャイナ風左右メニューテンプレ。
｢China｣の色違いのような感じですが、配置は違いますのでご注意ください。
※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
⇒ピンクチャイナ

●Gray2block
ノート風テンプレ｢Gray｣の２カラム版です。
●China
かわいい系の３カラムテンプレート。イメージはチャイナ風♪
同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
⇒China-BlueVer-

●Gray
灰色のノート風罫線テンプレ。追記開閉式の３カラムです。

●JapnBlue
サッカー日本代表ユニフォームなテンプレ。追記開閉式
※このテンプレには２カラムバージョンもあります。
⇒JapanBlueの２カラム版

●碧-midori-
淡いパステルグリーンのテンプレ。追記開閉式

●蒼
画像使用なしの５ブロックテンプレ。

Scrollbar ONorOFF

○広告

■Recommend

○ルナエンバシージャパン

ストレイシープがなんだかかわいくて好き(^-^*）

■Visiter

blog SEO

[PR] 美容外科 at 名古屋