Follow Us.RSS

2009年3月1日(日)新構造 Vicuna スキンに早速対応!

Vicuna CMS に新たな動き!

今、Vicuna CMS が新しく生まれ変わろうとしているようです! そこで、アップデートが頻発するのはどうかと思いましたが、新スキンに対応したバージョンを急遽リリースすることにしました。

新しい Vicuna が気になる方は、ぜひアップデートしてください。特に必要を感じない方は、アップデートする必要がないかも知れません。また、新しい Vicuna スキンはまだテスト段階です。今後構造が変更される可能性がありますので、ご注意ください。

新しい Vicuna の特徴とは?

くわしくは、Vicuna 開発者の wu さんによる解説をお読みいただくとして、一番目立つポイントはファイル数の少なさです。モジュール構造が廃止され、ファイル数が少なくなりました。

  • import.css = CSSの読み込み
  • layouts.css = カラム数、アイキャッチ画像、幅など大枠
  • core.css = それ以外の全てのスタイル

たった3つだけです。

これまでのスキンは、役割ごとに細かくファイルが分かれていました。そのため、ある部分だけカスタマイズしたいとき、その部分を担当しているファイルのみを差し替えればよく、他のファイルはそのままでよかったわけです。

この特長から、これまでのスキンでは、モジュールファイルの組み合わせで、さまざまなバリエーションを作ることができました。その反面、モジュール構造を理解していないとカスタマイズが難しかったようにも思います。

そこで(?)、新しいスキンでは、1つのファイルにまとめてスタイルが記述されています。それでいて非常に整理され整然としていますし、わかりやすいコメントもついています!

Vicuna 公式スキンはどれもがシンプルかつスタイリッシュですが、もう少しハデにしたい場合は、背景として影やグラデーションなどちょっとした画像を指定するだけでずいぶん雰囲気が変わりますよ。

Vicuna で配付されているスキンをベースにカスタマイズを加えると、とても効率的にオリジナルのスキンを作れるのではないでしょうか。カスタマイズについては、vicuna.jp のカスタマイズ事例が参考になると思います。

新スキンに対応、の中身

スキンなんだから、対応も何も読み込めば終わりなのでは? そう思った方がいるかも知れません。ただ、CMONOS.JP は、ブログベースのシステムではないので、ブログを前提とした Vicuna CMS とちょっぴり相性が悪いのです。

たとえば、Vicuna CMS では、Newer | Older という概念で記事を移動します。右へ行くほど古くなります。

でも CMONOS.JP のフォルダ管理の記事の場合、Newer | Older では概念的になじみません。そこで、フォルダ管理版ホームページメーカーのテンプレートでは、Prev | Next となっています。そして右へ行くほど新しい記事です。

CMONOS.JP の「Vicuna スキン読み込み(共通)」は、これら CMONOS.JP 独自の概念を Vicuna スキンに追加します。.older のスタイル指定に、.next を追加したりするわけです。

その他にも、Vicuna CMS と CMONOS.JP で同じ役割をするけど名前が違う class 名を追加したり、form の指定を #utilities と #comments 内に限定するように書き換えたりしています(form が検索とコメント以外想定されていない Vicuna CMS と異なり、CMONOS.JP ではさまざまな場所で form を使用するためです)。

そんなわけで、CMONOS.JP は、Vicuna CMS 「完全準拠」とは言えないのが実情です。それで読み込み機能が必要となっています。

(ちなみに、CMONOS.JP 用に変換したスキンは、他の CMS で利用しても表示が崩れないよう配慮されています。)

vega2 のサンプル

新スキン vega2 のサンプルはこちら

.pager クラスが廃止された(?)ので、ページが分割された記事でページナビゲーションがリストになってますね...。新スキンは、まだテスト段階なので、もしこのまま .pager が廃止された場合は、読み込み時に適切な設定を追加する予定です。

2009年3月6日にリリースしたバージョンから .pager のスタイルを補足するようにしました。また、vicuna.jp で配付の始まった新構造スキンを同梱させていただきました。これまでのスキンを利用しているユーザーを考慮して旧構造スキンも同梱しています。(2009-03-06追記)

その他の改善点について

下層ディレクトリへのインストールを改善

今度のバージョンから下層ディレクトリへのインストール時に最上層ディレクトリを設定する必要が無くなりました。たとえ設定が間違っていても、インストーラーが自動的に補正します。

アクセス解析を見ていたところ、管理情報の変更ができずに困っていると推測されるユーザーが思ったよりもたくさんおられたので、インストーラーを改善しました。

日付フォーマットの追加

曜日を省略する日付形式を選択できるようになりました。これはあるユーザーからご要望をいただきました。たしかに「創業日」に曜日が入っていると変な感じがしますね。

フィールドネームタグの追加

フィールドネームタグが追加されたことで、表や定義リストをテンプレートにするのが楽になりました。

たとえば定義リストだとこんなかんじに記述できます。

<dl>
<!--field id="1"--><!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head--><!--foot--></dd>
<!--/foot--><!--/field-->
<!--field id="2"--><!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head--><!--foot--></dd>
<!--/foot--><!--/field-->
<!--field id="3"--><!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head--><!--foot--></dd>
<!--/foot--><!--/field-->
</dl>

<!--name--><!--/name--> の部分に「氏名」や「フリガナ」などフィールドそれぞれの名前が入ります。

これまではフィールド設定で設定した名前と同じ名前であってもテンプレートにいちいち書き込む必要がありました。これからはタグで指定できるので、各フィールドが同じパターンなら、コピー&ペーストして id のみ変更すれば OK。ほんの少しのことですが、効率的になりました。

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | アクセス解析で足跡チェック!

2008年9月19日 ... CMONOS.JP に含まれるアクセス解析ツールは、それほどアクセスの多くないサイトで アクセスの状況をすぐに確認したい場合便利です。Google Analytics と組み合わせて 利用するとよいでしょう。
https://cmonos.jp/blog/2008091900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 記事をサイト全体で使い回すには?

2013年4月26日 ...ホームページメーカーLite」の「記事ページ」ページレイアウト設定には、一番最後に「 ページテンプレート部分を埋め込み用ファイルに書き出す」オプションが用意されてい ます。このオプションを有効にすると、ページテンプレートに記述された範囲 ...
https://cmonos.jp/blog/2013042600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 記事そのものがテンプレートになる?

2008年7月31日 ...ホームページメーカーホームページメーカーLite の書き出した記事は、記事修正時に テンプレートとして利用されます。
https://cmonos.jp/blog/2008073100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | おいしそうな "ショコラ" ができました。

2009年6月9日 ... Vicuna CMS の "style-vega" スキンをベースに色合いをチョコレートっぽく。ちょっと おいしそうなサイトテンプレート「ショコラ」ができました。
https://cmonos.jp/blog/2009060900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 「styleNaturalWood」登場!

2011年5月21日 ... セットアップアシスタント」の「サイトテンプレート読み込み」画面。「styleNaturalWood スキン」を選択し「サイトテンプレートを読み込む」を実行します。 「サイトテンプレート 読み込み」が動作しない場合は、「styleNaturalWood」を一旦ローカルに ...
https://cmonos.jp/blog/2011052100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 小さな会社にぴったりのサイトテンプレート

2008年9月8日 ... また、Vicuna CMS テンプレート互換のページレイアウト設定となっていますので、 デフォルトの「style-smartCanvas + subSkin vega」スキン以外の Vicuna CMS 専用 CSS スキンを読み込むことで、簡単にデザインを変更することができます。
https://cmonos.jp/blog/2008090800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | デフォルトのテンプレートを一新!

2010年3月15日 ... Vicuna CMS の "style-vega" スキンをベースに色合いをチョコレートっぽく。ちょっと おいしそうな ... JP に含まれるアクセス解析ツールは、それほどアクセスの多くない サイトでアクセスの状況をすぐに確認したい場合便利です。 ... このサイト ...
https://cmonos.jp/blog/2010031500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | もっと、Googleマップ!

2010年4月20日 ... ウェブデータベース「テーブルメーカー」とブログやコラムを書き出す「ホームページメーカー」で、記事中の地図から他の ... ホームページメーカー」では、「KMLファイル」 および「中心座標コメント」が設定されていない場合、その記事が含まれる ...
https://cmonos.jp/blog/2010042000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 「運用する人」にやさしい CMS

2009年9月2日 ... それはまだブログが一般化していない頃、テストのために運用していた身内の コミュニティサイトで、それまで掲示板システムを流用していた日記システムをブログ ライクに変更したときのことです(これが「ホームページメーカー」の原型となりまし ...
https://cmonos.jp/blog/2009090200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 回覧板をつくろう!

2012年1月21日 ... ウェブデータベース「テーブルメーカー」や「カレンダー」、「ホームページメーカー」など、 フィールドを使うすべてのツールから利用できる「チェック」フィールドタイプは、「チェック 権限」を制限することで、手軽なハンコとして活用できます。誰でも「 ...
https://cmonos.jp/blog/2012012100/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月]
[火]
[水] 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
[金]
[土]


[日] 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
[火] 31
[水]
[木]
[金]
[土]


[日] 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

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する