Vicuna Archive

Web サイトの主にレイアウトに関するアンケートを行いました。

アンケートにご協力くださり、ありがとうございます。ブログや Twitter、Mixi 等でアンケートを紹介して下さった方々にも合わせてお礼申し上げます。ありがとうございます。おかげさまで思った以上に回答数が集まりました。

以下、アンケートの結果報告となります。(ちょと時間が無くて調整できていないので見辛いかもしれません。すいません。)

Continue reading

Planting Field Web Log にて、 Vicuna CMS を ZenPhotoというアルバム構築ツール に移植したテンプレートが配付されています。

• ZenPhoto+Vicuna

ZenPhoto は CMS ツールではありませんが、ブログとは別に、写真・画像管理用に利用し、1つのスキンを読み込んでデザインを統一したい場合など、オール Vicuna で構築できるようになりますね。

qozy さん、ありがとうございます！

/* 名称は zp.Vicuna でいいのかな...? */

wp.Vicuna Ext. は、ma38su さんが作られた wp.Vicuna のカスタマイズをより手軽にした拡張版ですが、先日それに対応する Vicuna Adaptor という wordPress プラグインがリリースされました。

Continue reading

Vicuna CMS ををカスタマイズして使用しているユーザーの中から「!?」となったものをピックアップ

• Vicuna カスタマイズサイト Part2
• Vicuna カスタマイズサイト Part1

Continue reading

ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人にみれないのは勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。

それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。

これはいいですね！

僕は他人のページでも、必ず記事内容と合わせてはてブのブクマコメントを読んで消化・吸収の手助けとしてるので、これが色々なサイトに設置されてたら楽ちんでいいな。サイト管理者からしても、ブログにコメントがつかなくても、比較的書きやすいブクマコメントが出てきてくれてにぎやかでいいし、はてブとか知らない人も色々な人の意見を見られるからいいね！

ということで早速設置してみました。3ping.orgの他の記事を見てみてね。

Continue reading

Vicuna CMS で用意してあるスキンの利用方法を解説します。

Continue reading

立て続けになりますが、za にて、 Vicuna CMS を rNote という Blog ツールに移植したテンプレートが配付されています。

• rNote用のVicuna CMS skin

自分の好みや目的にあった機能を持つブログや CMS ツールを選択できるようなるって素敵ですね！

Born Neet にて、 Vicuna CMS の XHTML ソースコードを、 NInja Tools の提供するブログサービス「忍者ブログ」のテンプレートに移植されたものが配付されています。

• shino.Vicuna

Ninja Toolsといえばアクセス解析ツールを真っ先に思い浮かべましたが、ブログサービスもやってるのですね。

忍者 Tools ユーザーの方はぜひご利用ください。

各種ブログサービスのデザインをWeb上で簡単に編集できる CSSEZ が、標準のXHTML とスキンに Vicuna CMS を搭載してリニューアルするみたい!

僕がはじめて CSSEZ を見た時に「これはすごい」と感じたところは、作ったデザインを共有できる仕組みでした。Vicuna CMS でもスキンに関するコミュニティーを少しでも育てたいと思って試行錯誤してはいるのだけど、配付スキンの構成が完全に自分向けの作りなので、他人がいじくるには敷居が高くなっていました。

Continue reading

しばらく名刺を作っていなくて、いつも名刺交換の際に恥ずかしい思いをしては「作らなきゃ作らなきゃ」と思って家に帰ると忘れるというのを繰り返していましたが、INSTINCのおもちゃ箱の monbikke さんが活版で名刺を作るというので、便乗して「僕のも作って!!」とお願いしておいたら、ついこないだ出来上がりました！

Continue reading

Vicuna CMS ををカスタマイズして使用しているユーザーの中から「!?」となったものをピックアップ

• Vicuna カスタマイズサイト Part1

Continue reading

Movable Type 4.1 で実装されたテンプレートセットのプラグイン機能ですが、早速 mt.Vicuna もプラグイン化しました。

プラグインでのテンプレートの適用方法説明、いくよ…いくよ…(2008.02-02 追記：mt.Vicuna 2.1.2からスキン同梱にしたので若干適用方法が変わりました)

1. mt.Vicuna Template Plugin のダウンロード
2. 解凍したものを mt/plugins/ にアップロード
3. MT4.1 テンプレート編集ページの右下「アクション」から「ブログのテンプレートを初期化」を選択
4. mt.Vicuna を選択して確認、(この時点でテンプレートセットのインストールが終了)
5. 再構築　(MT4.1から、また早くなってる)

ｱｰ 凄い気持ちがいいです。 (インストールの詳細な手順は mt.Vicuna/Download を参照してください)

今まで手間だったテンプレートソースコードのコピペや、アーカイブマッピングの設定作業から開放され、より手軽にテンプレートを変更できるようになりました。新規ブログを解説するときは、「テンプレートセット」で mt.Vicuna を選ぶだけでインストールされます。

MT4.1から管理画面のレスポンスも良くなったし、超強力カスタムフィールドもあるので、いじるのが楽しい。

フリーランスの人なんかは、強力な重機として MT4 を扱えるようになっておくと絶対良いと思いますよ。お値段も手ごろだし、ほんと、なんでもできちゃうもん。

追記: 2008.01-07. Mono Crystal サブスキンも追加しました。スキンページからダウンロードできます。

以前のエントリーで CSS スキンの構成について解説しましたが、そこでスキンの色彩定義等をまとめたサブスキンというものを作ったと書きました。今回、Ninja スキンをベースに、イメージを大きく変える Boomer というサブスキンを作ったので紹介します。

Ninja スキンはデフォルトではモノクロのやや暗い感じの配色なのですが、サブスキンの入れ替えでイメージを変えやすいように作ってあり、サブスキン第一弾として、Ninja スキン用の Boomer サブスキンを配付しました。

Continue reading

今日では、Webデザインにアイコンを利用したいと思った時は、かるーく検索するだけでも沢山の超絶クオリティーのアイコン配付サイトを見つけることができるようになりました。それらは制限の緩いライセンスなものが多く、素敵な世界になってきたなと感じます!!

Vicuna CMSのスキンを作る際も、そういった素材を活用したい思うのですが、基本テンプレートのHTMLは1つという性質から、スキンの利用ページ(ユーザーのサイト)から配付元へのリンクや、使われている素材のライセンスを明示できないので、こうなったら自分で作ってしまおうと思い立ちました。

思い立ったが吉日、 (ちなみに、初詣のおみくじは末吉でした) 早速以下のサイトを作りました。

• Vicuna - アイコン

Continue reading

2007.12-30

Ninja Style 完成。(年内に間に合った!)

問題の修正とか、アイコンがついたりいろいろ変わっているので、新しいものを使ってください。

• 表示確認
• Download: Ninja Style

2007.12-27

当初配布していた暫定版のNinjaスキンに１箇所すんごい不具合がありました。

ボックスの高さを揃えるテクニックには、落とし穴があったようです。その不具合の表示と、原因を記事末尾に追記しましたので参照してください。

このテクニックを利用する際は皆様も注意してください。解決方法も模索しています。

僕が考える理想のCSSスキンとは、以下の条件を満たすものです。

1. ユーザーが好みの形に変えやすい
2. CSSに詳しくなくても1.が可能
3. 適当に編集してもレイアウトが崩れにくい
4. 少しの調整でイメージを大きく変えられる
5. ユーザーのカスタマイズ意欲を掻き立てる

現在のVicunaのスキンはどうかというと、1.2.3 はモジュールによってある程度クリア出来ていると思うけど、色の調整などは膨大なCSSファイルから特定の部分を探さなくてはいけなく、細かな調整という点ではクリアできていません。

Continue reading

年内にあとひとつVicunaのスキンを作るとを目標にしていたので、 今、新しいたたき台用のスキンを作っています。

プロトタイプ系のスキンを作っているときには、「ユーザーはきっとこうしたいと思うだろう」と考えながら作っていて、僕はその頭の中に沸いてくる何人もの仮想ユーザーと会話しながら、安全なCSSの書き方を考え、ときには脳内裁判を開きます。

Continue reading

Vicuna CMS ををカスタマイズして使用しているユーザーの中から「!?」となったものをピックアップ

Continue reading

10coin.comのmarbleくんが、Vicuna CMS向けにレイアウト切り替えスクリプトを作成してくれました。どのようなものかは3ping.orgの右上にある「Layout Settings」というボタンで確認する事ができます。

Continue reading

別サイトで運営しているVicuna CMSのブログを3ping.orgとマージしました。

• Movable Type ver.4が面白い(?)
• Vicunaの表示テストは3ping.orgで行ってるので一緒になったら具合が良い
• XHTMLやCSSの話題は3ping.orgとどちらのポストしようか迷ってた
• Vicunaばかり可愛がって3ping.orgの更新が激減してる
• 契約しているレンタルサーバーで作れるMySQLが残り1つ

という理由です。

Continue reading

Vicunaのスキンには、好みの画像を特定の場所にアイキャッチとして表示させるためのCSSモジュールが付属しいます。

アイキャッチに使用する画像は、あらかじめ決められた寸法にトリミングしておかなくてはなりませんが、この作業を自動化するツールをMercurius Labの輝竜司さんが作成・公開してくれました。

Continue reading

最新版 Update - 2007.12/16 mt.Vicuna2x

2.0からの変更点

• コメントテンプレートの情報を変更
• ウィジェットテンプレートをまとめる

2.0RCからの変更点

• 投稿者名の表示の不具合を修正
• ダイナミックエラーページの不具合を修正
• エントリ概要内部テンプレートを追加
• コメント系のトピックパスをより適切に変更

2.0b6～8からの変更点

• カレンダーの不具合を修正
• サーチテンプレートの不具合を修正
• 投稿者名の表示の不具合を修正

2.0b5からの変更点

• 1行目のxml宣言の前に空白行が発生しないように修正
• コメントフォームでクッキーのチェックボックスに関する問題を修正
• サインインしない、匿名状態で投稿プレビューすると、記入欄が無くなる問題を修正
• システム系テンプレートのbodyのclassを変更
• ブログ記事リストでのbodyのclassを変更
• CAPTCHA使用時の表示を修正
• サーチテンプレートでトピックパスの現在位置表示がない問題を修正
• meta keywordが正しく表示されない問題を修正

Update - 2007.10/14: mt.Vicuna2.0b5

2.0b4からの変更点

• アーカイブインデックス内でIncludeするヘッドラインモジュールを大幅に変更
• ウェブページのエントリーメタデータ部分を最終更新日に変更
• 個別エントリーではkeywordが記述されていない場合はtagをmeta keywordにするようにした
• ヘッダーモジュール内を大幅に変更。各ページにDescriptionが設定してある場合はそれを読み込む。
• タグクラウド, フォトサムネイルのウィジェットテンプレートを調整
• tagにglobalNaviを設定したウェブページを自動的にグローバルナビモジュールが読み込むようにした
• エントリメタデータモジュールに、記事投稿者の表示を追加
• 一部MTタグが煩雑だった部分をスマートに修正
• 覚えてないけど、細かいところをたくさん調整したような気がした

• Download

Continue reading

Vicunaユーザーページ数しらべ。 backlink数調査

• 2007.8月Vicunaユーザーページ数 2007.08/24
• 2007.7月Vicunaユーザーページ数 2007.07/24

2007. 9/24 17:36 - Yahoo linkdomain:コマンドにて

vicuna.jp

143,322

mt.Vicuna

73,056 Pages +18,752

wp.Vicuna

34,132 Pages +21.934

nc.Vicuna

11,072 Pages +14.202

sb.Vicuna

5.399Pages +3.205

fc2.Vicuna

10,442Pages +12.101

sb.Vicunaを除くCMSツールではすごい勢いでページ数が増えているようです。

Nucleus用テンプレート nc.Vicunaで、トラックバックプラグイン未導入時に表示されるliタグの問題を修正し、ver.1.2にアップデートしました。

トラックバックプラグインを導入されている方はこの問題は関係ありません。

Continue reading

閲覧者の好みに合わせ、Vicunaの文字サイズをボタンスイッチによって切り替えられるようにするスクリプトを 10coin.comのmarbleさんが作成・公開してくださいました。

Continue reading

Vicunaユーザーページ数しらべ。 先月　Vicunaユーザーページ数 2007.07/24

2007. 8/24 2:30 - Yahoo linkdomain:コマンドにて

vicuna.jp

87,973

mt.Vicuna

60,304 Pages +11,172 (↑19%)

wp.Vicuna

17,192 Pages +7,573 (↑45%)

nc.Vicuna

6,870 Pages +2,112 (↑31%)

sb.Vicuna

2,194 Pages +1,351 (↑61%)

fc2.Vicuna

3,341 Pages +1,393 (↑42%)

ひとつのスキンは、機能・役割ごとに独立したCSSファイルが複数組み合わさって構成されています。各CSSファイルがどのような役割をもち、スキンの一部として組み込まれているかを理解することで、既存スキンの編集が簡単になります。

ここでは、Vicunaで配布しているスキンについて、

• 全体の構成
• コアファイルの役割
• 記述ルール
• 分割方法の特徴

に分けて解説します。

Continue reading

Vicunaで配布しているスキンをカスタマイズする場合には、ローカルでスキンCSSを編集したあとにサーバーにアップロードし、実際のブログの表示を確認するという方法になりますが、大幅に変更したい場合などは編集のたびにこの作業をしなくてはならず、とっても面倒くさいです。

そこで、編集作業を軽減するために、VicunaのXHTML構造と同じHTMLファイルを用意しました。このファイルを使い、ローカルでスキンの編集と表示の確認をした後、完成したCSSファイル一式をサーバーニアップロードすることでローカルでの表示と実際にVicunaを使って運営されているブログが同じように表示されます。

私がVicunaのスキンを製作するときはこのファイルを利用しています。

Continue reading

Vicuna公開から4ヶ月。各CMSツールのVicunaユーザーページ数を調べたのでメモします。

2007. 7/24 3:00 - Yahoo linkdomainコマンドにて

vicuna.jp

58,421

mt.Vicuna

37,132 Pages

wp.Vicuna

9,691 Pages

nc.Vicuna

4,758 Pages

sb.Vicuna

843 Pages

fc2.Vicuna

1,948 Pages

Movable Typeが圧倒的に多いですね。

配色の中で主要な色をグループ化し、最低限の編集でキーカラーを変更するkeyCollor.cssを試験的に作りました。一応、全てのスキンで使うことができます。

Vicunaは主要な要素(例えばリンクやボタン類など)は機能的に目立つ色にデザインされており、これにはある程度規則があるので、それらのセレクタをまとめ、数箇所色を変更するだけでアクセントとなる色を変更できるようにしたCSSファイルです。

Continue reading