sharedhat

concrete5のテーマについての基本的な説明です。
テーマを開発する上重要なページタイプとテンプレートファイルをメインに記述しています。

concrete5のテーマはページタイプとテンプレートファイルやスタイルシート、画像で構成されています。
テーマはコンテンツを挿入する枠とコンテンツのスタイルを定義します。

concrete5の仕様上、コンテンツがどのように挿入されるかわからないので、基本的にはスタイル付け自体はあまりすることがありません。
レイアウトのスタイル、見出し、段落、箇条書きリスト、定義リストなど基本要素のスタイルと装飾のスタイルぐらいです。

今回はページタイプとテーマ構成と順に説明します。

ページタイプ

ページタイプ

ページタイプはページのレイアウト/ブロック挿入エリアを定義したテンプレートです。
concrete5のブロックを挿入するエリアを自由に定義することができます。
定義したエリアにはデフォルトでバンドルされているブロックやサードパーティ製のブロックを自由に挿入することができます。

デフォルトのブロックは、大抵のWebサイトであれば問題なく構築できるほど豊富です。
又、concrete5のマーケットプレイスより、無償・有償のアドオンブロックを入手することが可能です。

テーマ構成

構成

テーマにはページタイプ別のテンプレートファイルといくつかのカスタムテンプレートを使用することができます。
テーマを自作する場合、基本的にはデフォルトのページタイプのテンプレートのみかいくつかのオリジナルのテンプレートを含む構成になると思います。
又、ブロック用のカスタムテンプレートを含める方法もありだと思います。

自作のテーマを作成する場合下記を参考にしてください。

テンプレートファイル

必須のテンプレートファイルはdefault.php、view.phpです。
それ以外に2から3つ以上のテンプレートファイルを含めることを推奨されています。

デフォルトでは、全幅、左サイドバー、右サイドバーが定義されており、full.php、left_sidebar.php、right_sidebar.phpという名前にすると自動的にページタイプにマッピングされます。
テンプレート内には必ずMainエリアを定義する必要があります。

又、オリジナルのテンプレートを作成することも可能です。
その際、ページタイプとマッピングさせるため、管理画面でページタイプを追加する必要があります。
テーマをパッケージで配布する際は、インストール時の処理にページタイプを追加するようにするといいと思います。

スタイルシート

必須のスタイルシートファイルはtypography.cssです。
typography.cssはリッチテキストエディターとサイトを表示する際に使用されます。

後はmain.css(ファイル名はこの名前でなくてもいいです)に他のスタイルを定義します。

画像ファイル

imagesディレクトリにすべて格納します。

部分テンプレート

elementsディレクトリにすべて格納します。

以上です。
次回からはテーマ作成のチュートリアルを順に掲載していきたいと思います。

Trackback:

It is a comment that has been gotten before.

トラックバックを下記のURLに送ってください。
http://sharedhat.com/blog/1218/trackback/

Reply:

Please give the comment to this article.





個人的なフォトログサイト

Wordpressのフォトログテーマ

Concrete5のアドオンパッケージ

this site is licensed under a Creative Commons License But, a part of contents is excluded.
Powered by WordPress