[PR]

2024-11-22

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

Newer: 変更履歴

Comments:

NEX-C3 2011-11-18 (金) 06:37: 私は非常にここに有益なリードの一人一人に感謝。私は最も確かに人々とあなたのサイトについてのフレーズを分散します。乾杯。

Trackback+Pingback:

Listed below are links to weblogs that reference: [PR] from 忍者ブログでVicunaのNinja（shino.Vicuna）

Home > > これは何？

Home > Help > これは何？

Newer

これは何？

2008-03-01
Help

[忍者ブログで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</textarea></dd> </dl> <div class="action"> <input type="submit" class="submit post" id="comment-post" value="Post" /> </div> </fieldset> </form>  </div> <div class="section" id="trackback"> <h2>Trackback+Pingback:<span class="count"></span></h2> <dl class="info">  <dt>TrackBack URL for this entry</dt> <dd class="URL"></dd>  <dt>Listed below are links to weblogs that reference</dt> <dd><a href=""></a> from <a href="http:///"></a></dd> </dl> <dl class="log">  <dt id="trackback"><span class="name">Trackback from <a href=""></a></span> <span class="date">-- () :</span></dt> <dd> <p><strong></strong></p> <p><a href="" rel="nofollow"> (more…)</a></p> </dd>  </dl> </div> </div> <p class="topicPath"><a href="http:///">Home</a> > <a href=""></a> > <span class="current"></span></p>  </div>     <body class="category double"> <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:///" title="Home">Home</a> > <span class="current"></span></p> <h1> Archive</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> > <span class="current"></span></p> </div>     <body class="dateBasedArchive double"> <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:///" title="Home">Home</a> > <span class="current"></span></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> > <span class="current"></span></p> </div>     <body class="individual single" id="siteSearch"> <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:///" title="Home">Home</a> > <span class="current">Search</span></p> <h1> - <em></em> による検索結果</h1>  <div class="section entry"> <h2><a href=""></a></h2> <ul class="info"> <li class="date">-- ()</li> <li class="category"><a href=""></a></li> </ul> <div class="textBody">  </div> </div>  <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> > <span class="current">Search</span></p> </div>         <body class="individual 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>       <div id="utilities">  <dl class="navi"> <dt>About</dt> <dd class="about">  <p class="profImg"><img src="" width="120" height="120" alt="プロフィール画像" /></p>  <p>Author: </p> <p></p> </dd> <dt>Calendar</dt> <dd> <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> </dd> <dt>Recent Entries</dt> <dd> <ul>  <li><a href="" title=""></a></li>  </ul> </dd> <dt>Categories</dt> <dd> <ul>  <li><a href="" title=""></a></li>  </ul> </dd> <dt>Archives</dt> <dd> <ul>  <li><a href="" title=" ">-</a></li>  </ul> </dd> </dl> <dl class="others">  <dt></dt> <dd></dd>   <dt></dt> <dd></dd>   <dt></dt> <dd></dd>   <dt></dt> <dd></dd>  <dt>Recent Comments</dt> <dd> <ul>  <li> <a href="" title="">: (/)</a> </li>  <li> <a href="" title="">: (/)</a> </li>   </ul> </dd> <dt>Recent Trackback</dt> <dd> <ul>  <li> <a href="" title="">: (/)</a> </li>  </ul> </dd> <dt>Search</dt> <dd> <form method="post" action="/Search/"> <fieldset> <legend><label for="searchKeyword">内の検索</label></legend> <div> <input type="text" class="inputField" id="searchKeyword" name="search" size="10" onfocus="if (this.value == 'Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = 'Keyword(s)';" value="Keyword(s)" /> <input type="submit" class="submit" id="submit" value="Search" /> </div> </fieldset> </form> </dd> <dt>Meta</dt> <dd> <ul> <li><a href="/hoge/">管理者ページ</a></li> </ul> </dd> <dt>Links</dt> <dd> <ul>  <li><a href="" title=""></a></li>  </ul> </dd> <dt>Feeds</dt> <dd> <ul> <li class="rss"><a href="http:///RSS/">Recent Entries</a></li> </ul> </dd> </dl> </div>  <p class="return"><a href="#header" title="このページの先頭へ戻る">Page Top</a></p> </div> <div id="footer"> <address>Copyright ©  All Rights Reserved.</address> <ul class="support"> <li></li> <li></li> </ul> <ul class="support">  <li class="template"><a href="http://vicuna.jp/">vicuna CMS</a> - <a href="http://shino.vicuna.bornneet.com/">忍者ブログテンプレート</a></li> </ul> </div>  </body> </html>
CSS（style-ninja.css）: This text is replaced by JavaScript.

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

[本格的に使う人は]

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

[ダウンロード]から、画像ファイル（圧縮したもの）をダウンロードして解凍します。
shinoVicunaフォルダの中にあるimages内の画像を全て、「ファイルアップロード」からアップロードします。
[あなた用のCSSを作成]を使って、あなたのブログ用のCSSを作成します。
作成されたCSSを「テンプレート編集画面」から設定すれば導入完了です。

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

[ダウンロード]

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

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

[あなた用のCSSを作成]

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

あなたのファイル用ドメイン
あなたのブログ用のCSS: ここに表示されるCSSをテンプレート編集画面にコピーします。

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

[技術的なこと]

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

プラグインについて

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

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