Follow Us.RSS

2011年5月21日(土)「styleNaturalWood」登場!

  • 新しいサイトテンプレート「styleNaturalWood」、できました。木目を基調としたデザインなので、エコや自然を重視したサイトやレストランなどに使いやすいサイトテンプレートです。

  • (2011年5月21日(土) 午後11時22分30秒 更新)
  • このエントリーをはてなブックマークに追加Tweet

美しいブラウザではより美しく、そうでない方はそれなりに...

新しいサイトテンプレート「styleNaturalWood」では CSS3 の効果を積極的に利用しています。CSS3に対応した環境では、紙がめくれたような影やふわりと浮き上がる吹き出しなど、より美しい表示を楽しめます。

木目と紙の風合いが、縦書きページにもよく似合います。

CSS3 の transition に対応した環境では、吹き出しがふわりと表示されます。ヘッダ部分の背景には、最近の記事に添付された画像がランダムに表示されます。

サイトテンプレート「styleNaturalWood」を適用するには?

このサイトテンプレートは、ナビゲーション部分のデザインと各種ボタン画像のみで構成されています。そのためサブディレクトリ増設時には利用できません。既存のディレクトリに対してのみ適用できます。

また、「デフォルトのサイトテンプレート」互換となっていますので、「Vicuna CMS 互換」サイトでは使用できません。ご注意下さい。

まずはサイトテンプレート「styleNaturalWood」をサーバに読み込みましょう。「セットアップアシスタント」の「サイトテンプレート読み込み」が動作する場合は、「サイトテンプレート読み込み」から「styleNaturalWood」を読み込みます。

「セットアップアシスタント」の「サイトテンプレート読み込み」画面。「styleNaturalWood スキン」を選択し「サイトテンプレートを読み込む」を実行します。

「サイトテンプレート読み込み」が動作しない場合は、「styleNaturalWood」を一旦ローカルにダウンロードし、FTP で「~/cgi-data/template/site」フォルダにアップロードします。

アップロード先ディレクトリの例。

次に「セットアップアシスタント」の「サイトテンプレート適用」を開き、「サイトテンプレート」について「styleNaturalWood」を選択し、「同名 CGI のページ設定を上書きする。」をチェックして、「選択したサイトテンプレートをこのディレクトリに適用する」を実行します。

「サイトテンプレート適用」画面。

最後にナビゲーションを書き出します。サイトテンプレートを適用すると、ナビゲーションの設定が書き変わることがあります。「ナビメーカー」で設定に問題がないことを確認してから、「ナビゲーション書き出し」を実行します。

「ナビメーカー」で「ナビゲーション書き出し」を必ず実行してください。これで、「サイトテンプレート適用」作業は完了です。

ロゴの追加も簡単

最新版の CMONOS.JP ではロゴの追加も簡単になりました。ロゴを追加するには「ナビメーカー」の「アイコンライブラリ編集」で「ロゴ」を選択します。

「オリジナル画像」でローカルディスク上のロゴ画像を選択し「このロゴをライブラリに追加する」を実行します。

すると、「ナビメーカー」の「ナビゲーションレイアウト」で「ロゴ画像」を選択できるようになります。

ナビゲーションレイアウトの変更を「保存」したら、「ナビゲーション作成」で「ナビゲーション書き出し」を実行します。ロゴ画像の位置は自動的に調整されますが、期待通りの位置に表示されない場合は「追加スタイルシート」を設定してください。

今回はデフォルトのスタイルシートも、少し調整されました。サンプルサイトの表示は既に新しいものとなっています。新しいスタイルを適用するには、「サイトテンプレート読み込み」で「styleStationery」を読み込み、「サイトテンプレート適用」を実行します。手順については上記「styleNaturalWood」の場合と同じです。

より使いやすくなったサイトテンプレート、ぜひご活用下さい。

コメント

トラックバック

関連記事

[画像]

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

2008年9月8日 ... 小さな会社のサイトを構築するとき便利な Vicuna CMS ベースのサイトテンプレート「 Small Company」を公開しました。 ... vega」スキン以外の Vicuna CMS 専用 CSS スキンを読み込むことで、簡単にデザインを変更することができます。
https://cmonos.jp/blog/2008090800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 地図で物件検索!「不動産サイト」

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「不動産サイト」は、不動産サイトのために作成 されました。Google マップを利用した物件検索や会社概要ページがあらかじめ 組み込まれています。
https://cmonos.jp/blog/2010031502/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 新しい「Small Company 2」

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「Small Company 2」は、小さな会社のウェブ サイトを構築する際使い勝手のよいサイトテンプレートです。
https://cmonos.jp/blog/2010031503/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 「コミック・サークル」で漫画を公開!

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「コミック・サークル」は、同人サークルのために 作成されました。マンガの公開に適した設定や、同人誌の通販のためのショッピング カートがあらかじめ組み込まれています。サンプルはこちら。
https://cmonos.jp/blog/2010031501/1.shtml
[画像]

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

2010年3月15日 ... 下画像はデフォルトのサイトテンプレートに「コミック」と「ブックス」が追加されたサイトテンプレート「コミック・サークル」のサンプルです。このサンプルから「コミック」と「 ブックス」を除くとデフォルトのサイトテンプレートとほぼ同じ状態になります。
https://cmonos.jp/blog/2010031500/1.shtml
[画像]

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

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

CMONOS.JP | 開発者ブログ | バックアップは万全ですか?

2012年6月29日 ... セットアップアシスタント」の「サイトテンプレート作成」を開き、「サイトテンプレートに記事 およびデータを含む」を有効にして「現在のディレクトリを元にサイトテンプレートを作成 する」を実行すると、サイト全体がサイトテンプレート化されサーバ上に ...
https://cmonos.jp/blog/2012062900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ナビゲーションでイメチェン!

2010年3月23日 ... このサイトテンプレートは、ナビゲーション部分のデザインと各種ボタン画像のみで構成 されています。そのため ... JP のお手軽タブナビゲーションを組み合わせると、Vicuna スキン本来の味わいとはまた違った雰囲気になりますね! ( これら ...
https://cmonos.jp/blog/2010032300/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 値のあるなしで表示を変える方法

2010年7月14日 ... 2008年9月8日 ... 小さな会社のサイトを構築するとき便利な Vicuna CMS ベースの サイトテンプレート「 Small Company」を公開しました。 ... Vicuna CMS の "style-vega" スキンをベースに色合いをチョコレートっぽく。ちょっとおいしそうな ...
https://cmonos.jp/blog/2010071400/1.shtml
[画像]

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

2008年9月19日 ... JP 専用サイトテンプレート「不動産サイト」は、不動産サイトのために作成されました。 ... セットアップアシスタント」の「サイトテンプレート適用」で「サイトテンプレート」メニューで「 Small Company」を選び、「同名 CGI のページ設定を上書きする。
https://cmonos.jp/blog/2008091900/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
[火] 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
[金] 29
[土] 30

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する