テーマを完成させる

テーマとは Concrete5のテーマとは、ページのレイアウトやヘッダーやフッターなどが集まったファイルです。

得上 竜一

2009年3月25日 20:00

テーマとは

 Concrete5のテーマとは、ページのレイアウトやヘッダーやフッターなどが集まったファイルです。

 ブロック以外のHTML部分、画像、CSSのすべてを含んでいます。このテーマを上手に作ることでConcrete5がオリジナルのサイトになっていきます。実は、オリジナルのテーマは前回(http://thinkit.jp/article/880/1/)作成しました。今回はそこにさらに手を加えて形を変えていきましょう。

 今回も「example」を編集します。まず、ファイルの説明をしていきましょう。ページの大枠が書かれているファイルは、レイアウトによって異なります。full.php、left_sidebar.php、default.phpが全幅のページ、左サイドバーのページ、右サイドバーのページとなっています。これらのファイルからヘッダーや、#bodyの中の部分(先週のHTMLの構成を参照してください)、フッターが呼び出されてページ全体が構成されます。ヘッダーとフッターはelementsフォルダの中にあるheader.php,footer.phpがそれぞれ対応しています。

ロゴとサイト名の変更

 まずは、ロゴイメージに変えてみましょう。変えるにはちょっとだけPHPの知識が必要ですが、これを機会にちょっとだけかじってみるのも良いでしょう。それでは早速、サイト名を消してロゴを表示しましょう。

 編集するファイルは、elementsの中にあるheader.phpです。ファイルを開いて見るとHTMLの中にがたくさんあるのがわかります。

 こので囲まれた部分が自動で生成される部分で、それ以外が固定で出力される部分です。目的のサイト名は、32行目がサイト名を表示している部分です。



 この行のとなっているところが怪しいです。試しに「サイト名が変わるかテスト」に書き換えてアップロードしてみましょう。サイトを見てみると、今までサイト名が入っていたところが「サイト名が変わるかテスト」に変わっています。

 それでは本題のロゴイメージに変更していきましょう。ロゴマークのファイル名は「logo.png」としてexample/images/の中にアップロードしておきます。Concrete5を「/」にインストールした場合は、/example/images/logo.pngと、ファイル名を直接指定します。

 もしConcrete5を「/」ではないとろこにインストールした場合は、ちょっと厄介です。せっかくのPHPですので、動的に取得してみましょう。

 Concrete5では最初から用意されている機能がいくつもあります。それを利用することで、効率的にテーマを作ることができます。テーマのパスを取得するにはテーマのphpファイル内では$this->getThemePath()で取得することができます。

 先ほど説明した



 を

<?php echo SITE?>

と変更しましょう。これでロゴが表示されます。

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30