忍者ブログでVicunaのNinja（shino.Vicuna）

プラグイン並び替え可能バージョン（shino.Vicuna-floating）

Sun, 30 Nov 2008 13:15:24 GMT

[目次]

概要
使い方
テンプレート
プラグイン
※ Vicunaの見出し（忍者ブログデフォルトのプラグイン名）
サンプル

[概要]

プラグイン（サイドバー）の並び替えができるバージョン。
shino.Vicuna-sortableは何かリズムが良くないのでshino.Vicuna-floatingとします。

その他詳細はブログの記事をご覧下さい。

[使い方]

テンプレートをshino.Vicuna-floatingに差し替え（テンプレート設定/編集→修正）
プラグインのHTMLをVicuna仕様に変更（プラグインの設定→HTMLの編集）

です。

[テンプレート]

shinoVicuna-floating.txt
<?xml version="1.0" encoding="UTF-8"?> <!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" lang="ja" xml:lang="ja"> <head profile="http://purl.org/net/ns/metaprof"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="generator" content="NINJA BLOG" /> <meta name="author" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="http:///css/" type="text/css" /> <link rel="alternate" type="application/rss+xml" href="http:///RSS/" title="RSS" /> <link rel="start" href="http:///" title="start" /> <link rel="prev" href="" title="preview" /> <link rel="next" href="" title="next" /> <title> - </title> </head>   <body class="mainIndex double"> <div id="header"> <p class="siteName"><a href="http:///"></a></p> <p class="description"></p>  <ul id="globalNavi"> <li><a href="http:///">Home</a></li> <li><a href="./">About</a></li> <li><a href="./">Bookmarks</a></li> </ul> </div> <div id="content"> <div id="main"> <p class="topicPath"><a href="http:///" title="Home">Home</a></p> <h1></h1>  <div class="section entry" id="entry"> <h2><a href=""></a></h2> <ul class="info"> <li class="date">-- ()</li> <li class="category"><a href=""></a></li> </ul> <div class="textBody">   <p class="continue"><a href="#extended" title=" 全文を読む" rel="nofollow">Continue reading</a></p>  </div> <ul class="reaction">  <li class="comment"><a href="#comments" title="へのコメント" rel="nofollow">Comments</a>: <span class="count"></span></li>   <li>Comments (Close): <span class="count"></span></li>   <li class="trackback"><a href="#trackback" title="へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count"></span></li>   <li>TrackBack (Close): <span class="count"></span></li>  </ul> </div> /Entry//" trackback:ping="http:///Trackback//" dc:title="" dc:identifier="http:///Entry//" dc:subject="" dc:description="" dc:creator="" dc:date="--T::+09:00" /> </rdf:RDF> -->  <ul class="flip pager" id="flip2"> <li class="newer"><a href="">Newer Entries</a></li> <li class="older"><a href="">Older Entries</a></li> </ul> <p class="topicPath"><a href="http:///" title="Home">Home</a></p> </div>     <body class="individual single" id="entry"> <div id="header"> <p class="siteName"><a href="http:///" title=" Indexへ戻る"></a></p> <p class="description"></p>  <ul id="globalNavi"> <li><a href="http:///">Home</a></li> <li><a href="./">About</a></li> <li><a href="./">Bookmarks</a></li> </ul> </div> <div id="content"> <div id="main">  <p class="topicPath"><a href="http:///">Home</a> > <a href=""></a> > <span class="current"></span></p> <ul class="flip" id="flip1"> <li class="newer"><a href="" title="" rel="nofollow>">Newer</a></li> <li class="older"><a href="" title="" rel="nofollow>">Older</a></li> </ul> <h1></h1> <div class="entry"> <ul class="info"> <li class="date">--</li> <li class="category"><a href=""></a></li> </ul> <div class="textBody">  </div> <div class="textBody" id="extended">  </div> <ul class="flip" id="flip2"> <li class="newer">Newer: <a href="" title="1つ新しい記事"></a></li> <li class="older">Older: <a href="" title="1つ古い記事"></a></li> </ul> <div class="section" id="comments"> <h2>Comments:<span class="count"></span></h2> <dl class="log">  <dt id="comment"><span class="name"><a href="mailto:"> </a></span> <span class="url"><a href="">URL</a></span> <span class="date">-- () :</span></dt> <dd><p></p></dd>  <dt><span class="name"></span> <span class="date">-- () :</span></dt> <dd><p></p></dd>   </dl>  <form class="post" method="post" action="" id="commentsForm"> <fieldset> <legend>Comment Form</legend> <dl id="name-email"> <dt><label for="comment-author">Name</label></dt> <dd><input type="text" class="inputField" id="comment-author" name="name" size="20" value="" /></dd> <dt><label for="comment-email">Mail address</label></dt> <dd><input type="text" class="inputField" size="20" id="comment-email" name="mail" value="" /></dd> </dl> <dl> <dt><label for="comment-url"><abbr title="Uniform Resource Identifer">URI</abbr></label></dt> <dd><input type="text" class="inputField" id="comment-url" name="url" size="20" value="" /></dd> <dt> <label for="comment-text"> Comment <span><abbr title="Hyper Text Markup Language">HTML</abbr>タグは使用できません</span> </label> </dt> <dd><textarea id="comment-text" name="comment" rows="8" cols="50" onfocus="if (this.value == 'Add Your Comment') this.value = '';" onblur="if (this.value == '') this.value = 'Add Your Comment';">Add Your Comment

Trackback+Pingback:

TrackBack URL for this entry
Listed below are links to weblogs that reference: from

Trackback from -- () :

(more…)

Home > >

Home >

- による検索結果

-- ()

Home > Search

Home

-- ()

Comments:
Comments (Close):
TrackBack:
TrackBack (Close):

/Entry//" trackback:ping="http:///Trackback//" dc:title="" dc:identifier="http:///Entry//" dc:subject="" dc:description="" dc:creator="" dc:date="--T::+09:00" /> -->

Home

Page Top

[プラグイン]

使用したいプラグインのソースを
プラグインの設定→HTMLの編集から貼り付けてください。

About（プロフィール）

<p class="profImg">" width="120" height="120" alt="プロフィール画像" /></p>  <p>Author: </p> <p></p>

Calendar（カレンダー）

<table class="calendar" cellpadding="0" cellspacing="0" summary="Monthly calendar"> <caption> <a href="" title="Older">«</a>   <a href="" title="Newer">»</a> </caption> <tr> <th class="sun" title="Sunday">S</th> <th title="Monday">M</th> <th title="Tuesday">T</th> <th title="Wednesday">W</th> <th title="Thursday">T</th> <th title="Friday">F</th> <th class="sat" title="Saturday">S</th> </tr>  <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>  </table>

Categories（カテゴリー）

<ul>  <li><a href="" title=""></a></li>  </ul>

Archives（アーカイブ）

<ul>  <li><a href="" title=" ">-</a></li>  </ul>

Recent Trackback（最新TB）

<ul>  <li> <a href="" title="">: (/)</a> </li>  </ul>

Search（ブログ内検索）

Links（リンク）

<ul>  <li><a href="" title=""></a></li>  </ul>

Feeds（RSS）

<ul> <li class="rss"><a href="http:///RSS/">Recent Entries</a></li> </ul>

Meta（フリーエリア）

<ul> <li><a href="/hoge/">管理者ページ</a></li> </ul>

サンプル

近々僕のブログのリニューアルに使用する予定です。
というわけでそれをサンプルとします。
期待せずにお待ちください。

記事スタイルサンプル

Sun, 03 Aug 2008 00:45:01 GMT

投稿した記事は以下のようなスタイルになります。
最後にソースも載せてありますので参考にして下さい。

[そのまま]

そのまま書いた文字列はきちんとレイアウトされません。
※ div直下にテキストを書くことになるので、html的にもよろしくありません。

[
で]

pタグで囲めば、このようにちゃんとレイアウトされます。

[
で]

divタグで囲むだけだと、やはりダメです。
※ html的にも、そのまま書いたのと同様、正しくありません。

[div > p]

で囲めばもちろんOKです。

[見出し]

h1が記事内にあるのは~~あんまよくないかも~~。
っていうかトップページで非表示になっちゃうからダメですね；（ちなみにこれは）

h2もあんまり…かな。
（h2も記事以外の大見出しとして使われてるので）

h3～5は問題なし、だと思う。

[リスト]

ul > li

ol > li

dl > dt

dl > dd

その他

引用（blockquote）

ソースコードとか（pre）

[まとめ]

以上。
一応、この記事のソースは続きに置いておきます。

つづきはこちら

お知らせ

Thu, 06 Mar 2008 16:56:14 GMT

修正前の不具合やこのブログに関するお知らせ等をここに掲載します。

未修正の不具合

[2008/03/08]

特にありません。

このブログについて

[2008/03/07]

コメントを投稿できない場合があるようです。（僕のブログも）
メールフォームやメールアドレスも用意していますのでご利用ください。

※ このエントリは表示テストのため、トラックバックを受け付けない設定にしています。

変更履歴

Thu, 06 Mar 2008 16:48:16 GMT

shino.Vicunaの変更履歴です。

[2009.05.05]

shino.Vicuna-floating修正。
（ぜかグローバルナビがコメントアウトされてたため…）

[2008.11.20]

shino.Vicuna-floating（プラグイン並び替え可能バージョン）リリース

ライセンスを本家にあわせてMITに。それに伴いヘルプも修正。

[2008.07.06]

[あなた用のCSSを作成]がうまく動作していませんでした。
（正規表現にgフラグをつけ忘れるという凡ミス…）
かなり長い間放置してしまい申し訳ありませんm(_ _)m
一応これで正常に動いていると思います。
ゆーいちさん、ご指摘どうもありがとうございました。

[2008.03.20]

著作権表示部のリンク先をshino.Vicunaのページ（暫定版）に変更

[2008.03.07]

テンプレート名をshino.Vicunaに変更

著作権表示を変更（FC2の表記を削除）

コメントを受け付ける設定にしても「Comments (Close)」が表示されていた問題を修正

設定に関わらず常にTrackBackのURL等が表示されていた問題を修正

「Meta」の「このブログをリンクに追加する」を削除（FC2の機能なので）

以上の変更に合わせてヘルプやブログタイトル等を修正

※ このエントリは表示テストのため、コメントを受け付けない設定にしています。

これは何？

Sat, 01 Mar 2008 14:59:59 GMT

[目次]

[忍者ブログでVicunaのNinjaとは]

[Vicunaとは]

[サンプル]

[とりあえず使ってみる]

[本格的に使う人は]

[ダウンロード]

[あなた用のCSSを作成]

[技術的なこと]
プラグインについて

その他

[注意]

[コンタクト]

[ライセンス]

[最後に]

[参考]

[忍者ブログでVicunaのNinjaとは]

fc2.VicunaとNinjaスキンを、忍者ブログ用のテンプレートとして使用できるようにしたものです。
正式名称は、「shino.Vicuna」ということにしておきます。（ダジャレ^ ^）
詳しくは[技術的なこと]をどうぞ。

[Vicunaとは]

公式サイトが詳しいです。（当たり前ですね…；）
カスタマイズの方法等もこのサイトを見ればわかると思います。

[サンプル]

このブログがそうです。
好きなだけ触ってみてください。
（バグとか見つけたらコメントで教えて！）

[とりあえず使ってみる]

下のXHTMLとCSSのソースをコピーして、「新規テンプレート作成」や「テンプレート設定/編集 > 修正」から、テンプレートに設定してください。
気に入ったら、[本格的に使う人は]（と[ライセンス]）を参考にしてご自由に使ってください。

XHTML（shinoVicuna.txt）

<?xml version="1.0" encoding="UTF-8"?> <!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" lang="ja" xml:lang="ja"> <head profile="http://purl.org/net/ns/metaprof"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="generator" content="NINJA BLOG" /> <meta name="author" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="http:///css/" type="text/css" /> <link rel="alternate" type="application/rss+xml" href="http:///RSS/" title="RSS" /> <link rel="start" href="http:///" title="start" /> <link rel="prev" href="" title="preview" /> <link rel="next" href="" title="next" /> <title> - </title> </head>   <body class="mainIndex double"> <div id="header"> <p class="siteName"><a href="http:///"></a></p> <p class="description"></p>  <ul id="globalNavi"> <li><a href="http:///">Home</a></li> <li><a href="./">About</a></li> <li><a href="./">Bookmarks</a></li> </ul> </div> <div id="content"> <div id="main"> <p class="topicPath"><a href="http:///" title="Home">Home</a></p> <h1></h1>  <div class="section entry" id="entry"> <h2><a href=""></a></h2> <ul class="info"> <li class="date">-- ()</li> <li class="category"><a href=""></a></li> </ul> <div class="textBody">   <p class="continue"><a href="#extended" title=" 全文を読む" rel="nofollow">Continue reading</a></p>  </div> <ul class="reaction">  <li class="comment"><a href="#comments" title="へのコメント" rel="nofollow">Comments</a>: <span class="count"></span></li>   <li>Comments (Close): <span class="count"></span></li>   <li class="trackback"><a href="#trackback" title="へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count"></span></li>   <li>TrackBack (Close): <span class="count"></span></li>  </ul> </div> /Entry//" trackback:ping="http:///Trackback//" dc:title="" dc:identifier="http:///Entry//" dc:subject="" dc:description="" dc:creator="" dc:date="--T::+09:00" /> </rdf:RDF> -->  <ul class="flip pager" id="flip2"> <li class="newer"><a href="">Newer Entries</a></li> <li class="older"><a href="">Older Entries</a></li> </ul> <p class="topicPath"><a href="http:///" title="Home">Home</a></p> </div>     <body class="individual single" id="entry"> <div id="header"> <p class="siteName"><a href="http:///" title=" Indexへ戻る"></a></p> <p class="description"></p>  <ul id="globalNavi"> <li><a href="http:///">Home</a></li> <li><a href="./">About</a></li> <li><a href="./">Bookmarks</a></li> </ul> </div> <div id="content"> <div id="main">  <p class="topicPath"><a href="http:///">Home</a> > <a href=""></a> > <span class="current"></span></p> <ul class="flip" id="flip1"> <li class="newer"><a href="" title="" rel="nofollow>">Newer</a></li> <li class="older"><a href="" title="" rel="nofollow>">Older</a></li> </ul> <h1></h1> <div class="entry"> <ul class="info"> <li class="date">--</li> <li class="category"><a href=""></a></li> </ul> <div class="textBody">  </div> <div class="textBody" id="extended">  </div> <ul class="flip" id="flip2"> <li class="newer">Newer: <a href="" title="1つ新しい記事"></a></li> <li class="older">Older: <a href="" title="1つ古い記事"></a></li> </ul> <div class="section" id="comments"> <h2>Comments:<span class="count"></span></h2> <dl class="log">  <dt id="comment"><span class="name"><a href="mailto:"> </a></span> <span class="url"><a href="">URL</a></span> <span class="date">-- () :</span></dt> <dd><p></p></dd>  <dt><span class="name"></span> <span class="date">-- () :</span></dt> <dd><p></p></dd>   </dl>  <form class="post" method="post" action="" id="commentsForm"> <fieldset> <legend>Comment Form</legend> <dl id="name-email"> <dt><label for="comment-author">Name</label></dt> <dd><input type="text" class="inputField" id="comment-author" name="name" size="20" value="" /></dd> <dt><label for="comment-email">Mail address</label></dt> <dd><input type="text" class="inputField" size="20" id="comment-email" name="mail" value="" /></dd> </dl> <dl> <dt><label for="comment-url"><abbr title="Uniform Resource Identifer">URI</abbr></label></dt> <dd><input type="text" class="inputField" id="comment-url" name="url" size="20" value="" /></dd> <dt> <label for="comment-text"> Comment <span><abbr title="Hyper Text Markup Language">HTML</abbr>タグは使用できません</span> </label> </dt> <dd><textarea id="comment-text" name="comment" rows="8" cols="50" onfocus="if (this.value == 'Add Your Comment') this.value = '';" onblur="if (this.value == '') this.value = 'Add Your Comment';">Add Your Comment

Trackback+Pingback:

TrackBack URL for this entry

Listed below are links to weblogs that reference

from

Trackback from -- () :

(more…)

Home > >

Home

About

Bookmarks

Home >

Archive

-- ()

Continue reading

Comments:

Comments (Close):

TrackBack:

TrackBack (Close):

/Entry//" trackback:ping="http:///Trackback//" dc:title="" dc:identifier="http:///Entry//" dc:subject="" dc:description="" dc:creator="" dc:date="--T::+09:00" /> -->

Newer Entries

Older Entries

Home >

Home

About

Bookmarks

Home >

-- ()

Continue reading

Comments:

Comments (Close):

TrackBack:

TrackBack (Close):

/Entry//" trackback:ping="http:///Trackback//" dc:title="" dc:identifier="http:///Entry//" dc:subject="" dc:description="" dc:creator="" dc:date="--T::+09:00" /> -->

Newer Entries

Older Entries

Home >

Home

About

Bookmarks

Home > Search

- による検索結果

-- ()

Newer Entries

Older Entries

Home > Search

Home

About

Bookmarks

Home

-- ()

Continue reading

Comments:

Comments (Close):

TrackBack:

TrackBack (Close):

/Entry//" trackback:ping="http:///Trackback//" dc:title="" dc:identifier="http:///Entry//" dc:subject="" dc:description="" dc:creator="" dc:date="--T::+09:00" /> -->

Newer Entries

Older Entries

Home

About

" width="120" height="120" alt="プロフィール画像" />

Author:

Calendar

« »
S M T W T F S

Recent Entries

Categories

Archives

-

Recent Comments

: (/)

: (/)

Recent Trackback

: (/)

Search

内の検索

Meta

管理者ページ

Links

Feeds

Recent Entries

Page Top

Copyright © All Rights Reserved.

vicuna CMS - 忍者ブログテンプレート

CSS（style-ninja.css）

This text is replaced by JavaScript.

意味がわからないという人は忍者ブログのヘルプ等を参照してください。

[本格的に使う人は]

[とりあえず使ってみる]のCSSでは、画像をこのブログから直接読み込んでいます。
そのままだとまずいので、継続的に使用する人は以下の手順を行なってください。

[ダウンロード]から、画像ファイル（圧縮したもの）をダウンロードして解凍します。

shinoVicunaフォルダの中にあるimages内の画像を全て、「ファイルアップロード」からアップロードします。

[あなた用のCSSを作成]を使って、あなたのブログ用のCSSを作成します。

作成されたCSSを「テンプレート編集画面」から設定すれば導入完了です。

こうすることで、あなたのブログから画像が読み込まれるようになります。

[ダウンロード]

画像ファイル等（shinoVicuna.zip）
オリジナルのスキンファイルからsubSkinとmod_calendarで使用する画像のみを抜き出したものです。
ライセンス表示を兼ねてCSS（とXHTML）も一緒に入れてあります。手抜きですいません…；

オリジナルのファイルは以下のページからダウンロードできます。

オリジナルのfc2.Vicuna（fc2Vicuna.txt）

オリジナルのwp.Vicuna用Ninjaスキン（style-ninja.zip）

[あなた用のCSSを作成]

ドメインを入力した後、作成ボタンをクリックすると、あなたのブログ用のCSSが作成されます。

あなたのファイル用ドメイン

あなたのブログ用のCSS

ここに表示されるCSSをテンプレート編集画面にコピーします。

ファイル用ドメインとはファイルがアップロードされるドメインです。
このブログの場合だと、http://file.bornneet.blog.shinobi.jp/になります。
http://file.bornneet.blog.shinobi.jp/bg_grad02.png等から画像にアクセスできます。

[技術的なこと]

fc2.Vicunaをベースにそのまま移植しただけです。
忍者ブログのテンプレートは2ファイル構成なので、fc2.Vicunaが最もスムーズに移植できると判断しました。
Ninjaスキンは、wp.Vicuna用を1つのファイルにまとめて、2つのモジュール（mod_gNaviとmod_calendar）を適用したものです。

プラグインについて

プロフィールやカレンダー等のブラグイン部分はテンプレートに直接書き込んでいます。（オリジナルがそうなっていたので）
そのため、並び替える際はテンプレートを編集する必要があります。
また、カテゴリー1のプラグインは表示しないようにしています。（2～5のプラグインは「Archives」と「Recent Comments」の間に表示されます）

並び替え対応バージョンを作ることも可能ですが、それだと導入が大変になるので考え中です…。
（それぞれのプラグインの設定やHTMLをVicunaに合うように変更する必要があるため）

その他

ブログの記事にもごちゃごちゃと書いてます。

[注意]

できる限りオリジナルと差が出ないようにしましたが、多少の変更点があります。

トラックバック欄（個別記事ページ）のidをping<番号>からtrackback<番号>に変更

RSSのリンクをRecent Entryのみに（Recent Comments/Trackbacksを削除）

コメントを列挙する部分に管理人からの返信も表示

コメントフォームの「 (will not be published)」をコメントアウト。表示（？）されるので。

文字コードを「EUC-JP」から「UTF-8」に

meta generatorを「FC2BLOG」から「NINJA BLOG」に

footerの「FC2ブログテンプレート」を「忍者ブログテンプレート」に

その他いろいろ…

変更理由は、忍者ブログの仕様のためやむを得ず、とかです。（僕の勝手な判断によるものも多いですが…）

[ライセンス]

~~Creative Commons 3.0~~ MIT Licenseです。
~~なので、著作権表示は削除・変更しないで下さい！~~
ご自由にどうぞ。
[コンタクト]

僕のブログを参照してください。

[最後に]

作ったばかりなのでまだまだバグがあると思いますが、使ってやってくださいm(_ _)m
不具合等の報告は歓迎です。この記事のコメント欄等からどうぞ。

※ あくまで僕個人用に作ったものなので過度な期待は禁物ですよ！

[参考]

Vicuna :: トピックを表示 - Ninjaなどの新しいスキンをFC2ブログ用にする方法

忍者ブログヘルプ独自構文解説書 - NINJA TOOLS

テンプレート機能一覧

目次に戻る

忍者ブログでVicunaのNinja（shino.Vicuna）

プラグイン並び替え可能バージョン（shino.Vicuna-floating）

[目次]

[概要]

[使い方]

[テンプレート]

Trackback+Pingback:

Archive

- による検索結果

[プラグイン]

About（プロフィール）

Calendar（カレンダー）

Recent Entries（最新記事）

Categories（カテゴリー）

Archives（アーカイブ）

Recent Comments（最新CM）

Recent Trackback（最新TB）

Search（ブログ内検索）

Links（リンク）

Feeds（RSS）

Meta（フリーエリア）

サンプル

記事スタイルサンプル

[そのまま]

[で]

[で]

[div > p]

[見出し]

[リスト]

その他

[まとめ]

お知らせ

未修正の不具合

このブログについて

変更履歴

これは何？

[目次]

[忍者ブログでVicunaのNinjaとは]

[Vicunaとは]

[サンプル]

[とりあえず使ってみる]

Trackback+Pingback:

Archive

- による検索結果

[本格的に使う人は]

[ダウンロード]

[あなた用のCSSを作成]

[技術的なこと]

プラグインについて

その他

[注意]

[ライセンス]

[コンタクト]

[最後に]

[参考]

[
で]

[
で]