Contenu connexe
Similaire à いちばん簡単なconcrete5テーマ (20)
Plus de Hideki MACHIDA (8)
いちばん簡単なconcrete5テーマ
- 2. concrete5 とは
PHP 、 MySQL を使用した、 Web サイト
用 CMS
いわいる「ホームページ」を作るための
CMS であり、 Blog ツールではない
Joomla に近いカンジ
コーポレートサイトや学校サイトなどに適
している
- 5. いちばん簡単なトップページのモック
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> トップページ </title>
</head>
<body>
<h1> トップページ </h1>
<p>
~内容 (** ここが可変領域 **) ~
</p>
</body>
</html>
ファイル: home.html
- 6. いちばん簡単な下層ページのモック
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> その他のページ </title>
</head>
<body>
<h1> その他のページ </h1>
<p>
~内容 (** ここが可変領域 **) ~
</p>
</body>
</html>
ファイル: default.html
- 12. <head> のお約束
<?php Loader::element('header_required'); ?>
<style type="text/css">@import "<?php echo $this->getStyleSheet('typography.css');?>";</style>
<title> 、 <meta name="keywords"> 、 <meta
name="description"> 、 <meta http-
equiv="content-type"> は入れない
jQuery 本体の JavaScript 呼び出しは入れない
<head> 直後ぐらいに、以下を記述
- 14.
テーマディレクトリ直下の CSS ファイルは以下のよう
に記述できる
画像、 JavaScript 、 CSS など
<style>@import "<?php echo $this->getStyleSheet('hoge.css');?>";</style>
<link rel="stylesheet" href="<?php echo $this->getStyleSheet('hoge.css');?>" />
サブディレクトリの中のファイルや、 CSS 以外の画
像・ JavaScript などは、以下のように記述する
<script src="<?php echo $this->getThemePath();?>/js/hoge.js"></script>
<img src="<?php echo $this->getThemePath();?>/image/hoge.jpg" />
- 15. いちばん簡単な共通ヘッダ
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<html>
<head>
<?php Loader::element('header_required'); ?>
<style type="text/css">
@import "<?php echo $this->getStyleSheet('typography.css')?>";
</style>
</head>
<body>
ファイル: elements/header.php
- 18. 編集可能エリア
<?php $a = new Area('Main');
$a->display($c);
?>
編集可能エリアには次のように記述する
「 Main 」のところは編集可能エリアを識別する一意
の文字列
1つのページタイプの中に複数の編集可能エリアがあ
る場合は、この文字列を区別する
例 ) 「 Main 」「 Sidebar 」など
- 19. いちばん簡単なトップページ
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<?php $this->inc('elements/header.php'); ?>
<h1> トップページ </h1>
<p>
<?php $a = new Area('Main');
$a->display($c);
?>
</p>
<?php $this->inc('elements/footer.php'); ?>
ファイル: main.php
- 20. いちばん簡単な下層ページ
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<?php $this->inc('elements/header.php'); ?>
<h1> その他のページ </h1>
<p>
<?php $a = new Area('Main');
$a->display($c);
?>
</p>
<?php $this->inc('elements/footer.php'); ?>
ファイル: default.php
- 22. インストール~テーマ適用
[ 管理画面 ]->[ システムと設定 ]->[ キャッシュ
をクリア ]->[ キャシュをクリア ]( 念のため )
[ 管理画面 ]->[ テーマ ]->[ インストール可能な
テーマ ]->[ インストール ]->[ 有効 ]
必要に応じ、 [ 管理画面 ]->[ ページタイプ ] で
ファイル名 ( ハンドル ) と名前の関係を追加修
正する
例 )[ 商品ページ ] -> [product_detail](.php)