テーマとアドオン:はじめはデフォルトテーマをおすすめ

はじめはデフォルトテーマをおすすめする理由

このサイトでは、テーマ(デザイン)はインストール時のデフォルト「エレメンタル」で話を進めてきました。

理由は、まだ何もわからないときにテーマを変更すると、余計にわからなくなるからです。

concrete5の参考書やサイトはだいたいデフォルトテーマの状態で解説されてるので、テーマを変えると、どことどこが対応してるのか、テーマを変えたことでなくなったり増えたりしたエリアはどれなのか、わからなくて焦ります。(焦りました。)

少し慣れてから、良さそうなテーマを探してインストールしてみるといいと思います。

デフォルトテーマ「オリエンタル」は色変更ができる

ツールバー左上の「歯車アイコン > デザイン」から、エレメンタルテーマの色変更ができます。

テーマのところの「カスタマイズ」という文字をクリックします。

すると、プリセットという項目が出てきます。「開く(下向きの矢印)」をクリックします。

プリセットが4つ用意されていることがわかります。現在はサンライズが選択されています。

「ナイトロード」を選択すると、色が変更されます。

「変更を保存」をクリックすると、サイト全体に変更を適用するか、このページだけに適用するか聞かれます。

ページごとに違う色にできるようです。

- - - - -

私も色変更をやってみているのですが、ページごとはうまくいかないみたいです。

サイト全体だとちゃんと適用されます。

「ブルースカイ」はさわやかな感じです。

「ロイヤル」は紫が印象的です。

細かく色設定もできる

細かく色変更ができるのがわかります。

自分でCSSを書いて追加することもできる

さらに一番下に、自分でCSSを書ける項目があります。

「カスタムCSS」の歯車をクリックすると、入力画面が出ます。

たぶんですが、新しいスタイルを追加するのにここを使うみたいです。

下にある白いアイコン4つは、左から「コピー」「ペースト」「エクスポート」「インポート」です。

コピーを押すと「スタイル設定がコピーされました」とメッセージが出ます。

ペーストを押すと「スタイル設定がペーストされました」とメッセージが出ます。

私はスタイル設定とは何なのかがわかっていないので、このボタンをむやみに押すのはやめておきます…

「エクスポート」を押すと、CSSが選択状態で出てきます。

これをコピーして自分のエディタにペーストしてちょうだいってことですね。OKです。

「インポート」を押すとまっしろの画面がでます。

ここにベタッとペーストして、インポートを押して保存する…のだと思います。

ここにインポートすると元のCSSはどうなるのか?は、試していないのでわかりません。すみません。