SlideShare a Scribd company logo
広島でコンクリ Vol.6 1
広島でコンクリ Vol.6 2
•
•
•
•
•
•
•
•
•
広島でコンクリ Vol.6 3
upload_max_filesize = 20M
post_max_size = 20M
memory_limit = 96M
safe_mode=Off
cgi.fix_pathinfo = 1
date.timezone = Asia/Tokyo
広島でコンクリ Vol.6 4
ルートディレクトリ/themes
広島でコンクリ Vol.6 5
ルートディレクトリ/application/themes
広島でコンクリ Vol.6 6
description.txt default.php header.php footer.phpthumnail.png
広島でコンクリ Vol.6 7
description.txt thumnail.png
default.php header.php footer.php
Page_theme.
php
広島でコンクリ Vol.6 8
<?php
namespace Application¥Theme¥Hana;
class PageTheme extends¥Concrete¥Core¥Page¥Theme¥Theme {
protected $pThemeGridFrameworkHandle = 'bootstrap3';
}
広島でコンクリ Vol.6 9
namespace Application¥Theme¥Test;
↓
フォルダ名:test
“
広島でコンクリ Vol.6 10
広島でコンクリ Vol.6 11
http://getbootstrap.com/
広島でコンクリ Vol.6 12
広島でコンクリ Vol.6 13
広島でコンクリ Vol.6 14
description.txt
Sample
Sample theme for HIROSHIMA de CONCRE
thumnail.png
360×270
広島でコンクリ Vol.6 15
Page_theme.
php
<?php
namespace Application¥Theme¥Sample;
class PageTheme extends¥Concrete¥Core¥Page¥Theme¥Theme {
protected $pThemeGridFrameworkHandle = ‘bootstrap3’;
//bootstrap3のグリッドレイアウトを使えるようにする
public function getThemeName()
{
return t(‘サンプル’);//テーマ名
}
public function getThemeDescription()
{
return t(‘コンクリのサンプル');//テーマの説明
}
}
Page_theme.
php
広島でコンクリ Vol.6 16
thumnail.png
360×270
default.php
Page_theme.
php
広島でコンクリ Vol.6 17
thumnail.png
360×270
広島でコンクリ Vol.6 18
“
@themecolor:#c00000;
↓
backgroound: @themecolor;
color: @themecolor;
.borderRadius {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
↓
#main{
Background:@themecolor
.borderRadius();
}
http://ascii.jp/elem/000/000/668/668205/
広島でコンクリ Vol.6 19
concrete5 5.7でテーマ作ってみよう超初級編
広島でコンクリ Vol.6 21
main.less theme.less
残りのless残りのless
残りのless
広島でコンクリ Vol.6 22
@import “○○.less";
↓
@import "build/mixins.less";
@import “theme.less“;
<?php defined('C5_EXECUTE') or die("Access Denied.");?>
広島でコンクリ Vol.6 23
<?php echo $this->getThemePath()?>/~ディレクトリ
header.php footer.php
広島でコンクリ Vol.6 24
広島でコンクリ Vol.6 25
<?php Loader::element('header_required');?>
</head>
広島でコンクリ Vol.6 26
<?php echo $html->css($view->getStylesheet('main.less'))?>
<html lang=“en”> → <html lang="<?php echo Localization::activeLanguage()?>">
広島でコンクリ Vol.6 27
<?php Loader::element('footer_required'); ?>
</body>
広島でコンクリ Vol.6 28
<div class="<?php echo $c->getPageWrapperClass()?>">
広島でコンクリ Vol.6 29
</div>
広島でコンクリ Vol.6 30
<?php
$u = new User();
if (!$u->isRegistered()) { ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="<?php echo $this->getThemePath()?>/js/bootstrap.min.js"></script>
<?php } ?>
header.php
広島でコンクリ Vol.6 31
<?php
defined('C5_EXECUTE') or die("Access Denied.");
$this->inc('elements/header.php'); ?>
//Bootstrapサンプルサイトの残りのソース
<?php $this->inc('elements/footer.php'); ?>
広島でコンクリ Vol.6 32
広島でコンクリ Vol.6 33
広島でコンクリ Vol.6 34
<?php if (id(new User)->isLoggedIn()) { ?>
<style>
body{
margin-top:99px!important;
}
nav.navbar.navbar-inverse.navbar-fixed-top{
margin-top:50px!important;
}
</style>
<?php } ?>
<?php
$a = new GlobalArea(‘エリア名');
$a->display();
?>
<?php
$a = new Area('Main');
$a->display($c);
?>
広島でコンクリ Vol.6 35
<?php
$a = new Area('Main');
$a->enableGridContainer();
$a->display($c);
?>
広島でコンクリ Vol.6 36
<!-- Main jumbotron for a primary marketing
message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Hello, world!</h1>
…省略
</div>
→ここに右のソースを追加してみよう
<div class="container">
<!-- Example row of columns -->…省略
広島でコンクリ Vol.6 37
<div class="container">
<div class="row">
<div class="col-md-12">
<?php
$a = new Area('Main');
$a->enableGridContainer();
$a->display($c);
?>
</div>
</div>
</div>
広島でコンクリ Vol.6 38
広島でコンクリ Vol.6 39
広島でコンクリ Vol.6 40
広島でコンクリ Vol.6 41
広島でコンクリ Vol.6 42

More Related Content

Viewers also liked

Concrete5スターターテーマ考察
Concrete5スターターテーマ考察Concrete5スターターテーマ考察
Concrete5スターターテーマ考察
Atushi Sugiyama
 
これからはじめるConcrete5
 これからはじめるConcrete5  これからはじめるConcrete5
これからはじめるConcrete5
武彦 大山
 
concrete5 harvest festival 2016
concrete5  harvest festival 2016concrete5  harvest festival 2016
concrete5 harvest festival 2016
武彦 大山
 
Cloud 9を使ってみよう
Cloud 9を使ってみようCloud 9を使ってみよう
Cloud 9を使ってみよう
武彦 大山
 
組織の中でのコミュ力
組織の中でのコミュ力組織の中でのコミュ力
組織の中でのコミュ力
Yuriko Kamimori
 
「広島でコンクリ」vol.16ブロックカスタマイズ 超初級
「広島でコンクリ」vol.16ブロックカスタマイズ 超初級「広島でコンクリ」vol.16ブロックカスタマイズ 超初級
「広島でコンクリ」vol.16ブロックカスタマイズ 超初級
Yuriko Kamimori
 
concrete5 の超便利アドオン Designer Content を極める!
concrete5 の超便利アドオン Designer Content を極める!concrete5 の超便利アドオン Designer Content を極める!
concrete5 の超便利アドオン Designer Content を極める!
Katz Ueno
 
concrete5 勉強会 20150117_テーマ作成
concrete5 勉強会 20150117_テーマ作成concrete5 勉強会 20150117_テーマ作成
concrete5 勉強会 20150117_テーマ作成
Toshiaki Endo
 
concrete5 とアメリカ 〜 Web制作現地レポート
concrete5 とアメリカ 〜 Web制作現地レポートconcrete5 とアメリカ 〜 Web制作現地レポート
concrete5 とアメリカ 〜 Web制作現地レポート
Katz Ueno
 
コーチングから学んだこと
コーチングから学んだことコーチングから学んだこと
コーチングから学んだこと
Yuriko Kamimori
 
Livestock and Land
Livestock and LandLivestock and Land
Livestock and Land
copppldsecretariat
 
NASL
NASLNASL
Clipagem tarumã setembro 2010
Clipagem tarumã   setembro 2010Clipagem tarumã   setembro 2010
Clipagem tarumã setembro 2010
PlayPress Assessoria e Conteúdo
 
concrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリングconcrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリング
株式会社ND&I しかたこうき
 
cPanel User Manual
cPanel User ManualcPanel User Manual
cPanel User Manual
webhostingguy
 
駆け足で紹介する concrete5のおすすめ機能5選
駆け足で紹介するconcrete5のおすすめ機能5選駆け足で紹介するconcrete5のおすすめ機能5選
駆け足で紹介する concrete5のおすすめ機能5選
Yuriko Kamimori
 
CMS と concrete5 の わかりやすい紹介
CMS と concrete5 のわかりやすい紹介�CMS と concrete5 のわかりやすい紹介�
CMS と concrete5 の わかりやすい紹介
Katz Ueno
 
Xdebug confoo11
Xdebug confoo11Xdebug confoo11
Xdebug confoo11
Bachkoutou Toutou
 
C lipagem tarumã maio 2010
C lipagem tarumã   maio 2010C lipagem tarumã   maio 2010
C lipagem tarumã maio 2010
PlayPress Assessoria e Conteúdo
 
Developing Your Ultimate Package
Developing Your Ultimate PackageDeveloping Your Ultimate Package
Developing Your Ultimate Package
Simon Collison
 

Viewers also liked (20)

Concrete5スターターテーマ考察
Concrete5スターターテーマ考察Concrete5スターターテーマ考察
Concrete5スターターテーマ考察
 
これからはじめるConcrete5
 これからはじめるConcrete5  これからはじめるConcrete5
これからはじめるConcrete5
 
concrete5 harvest festival 2016
concrete5  harvest festival 2016concrete5  harvest festival 2016
concrete5 harvest festival 2016
 
Cloud 9を使ってみよう
Cloud 9を使ってみようCloud 9を使ってみよう
Cloud 9を使ってみよう
 
組織の中でのコミュ力
組織の中でのコミュ力組織の中でのコミュ力
組織の中でのコミュ力
 
「広島でコンクリ」vol.16ブロックカスタマイズ 超初級
「広島でコンクリ」vol.16ブロックカスタマイズ 超初級「広島でコンクリ」vol.16ブロックカスタマイズ 超初級
「広島でコンクリ」vol.16ブロックカスタマイズ 超初級
 
concrete5 の超便利アドオン Designer Content を極める!
concrete5 の超便利アドオン Designer Content を極める!concrete5 の超便利アドオン Designer Content を極める!
concrete5 の超便利アドオン Designer Content を極める!
 
concrete5 勉強会 20150117_テーマ作成
concrete5 勉強会 20150117_テーマ作成concrete5 勉強会 20150117_テーマ作成
concrete5 勉強会 20150117_テーマ作成
 
concrete5 とアメリカ 〜 Web制作現地レポート
concrete5 とアメリカ 〜 Web制作現地レポートconcrete5 とアメリカ 〜 Web制作現地レポート
concrete5 とアメリカ 〜 Web制作現地レポート
 
コーチングから学んだこと
コーチングから学んだことコーチングから学んだこと
コーチングから学んだこと
 
Livestock and Land
Livestock and LandLivestock and Land
Livestock and Land
 
NASL
NASLNASL
NASL
 
Clipagem tarumã setembro 2010
Clipagem tarumã   setembro 2010Clipagem tarumã   setembro 2010
Clipagem tarumã setembro 2010
 
concrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリングconcrete5で実践するリードナーチャリング
concrete5で実践するリードナーチャリング
 
cPanel User Manual
cPanel User ManualcPanel User Manual
cPanel User Manual
 
駆け足で紹介する concrete5のおすすめ機能5選
駆け足で紹介するconcrete5のおすすめ機能5選駆け足で紹介するconcrete5のおすすめ機能5選
駆け足で紹介する concrete5のおすすめ機能5選
 
CMS と concrete5 の わかりやすい紹介
CMS と concrete5 のわかりやすい紹介�CMS と concrete5 のわかりやすい紹介�
CMS と concrete5 の わかりやすい紹介
 
Xdebug confoo11
Xdebug confoo11Xdebug confoo11
Xdebug confoo11
 
C lipagem tarumã maio 2010
C lipagem tarumã   maio 2010C lipagem tarumã   maio 2010
C lipagem tarumã maio 2010
 
Developing Your Ultimate Package
Developing Your Ultimate PackageDeveloping Your Ultimate Package
Developing Your Ultimate Package
 

More from Yuriko Kamimori

やめる勇気 〜人生も仕事も想像以上にシンプル〜
やめる勇気 〜人生も仕事も想像以上にシンプル〜やめる勇気 〜人生も仕事も想像以上にシンプル〜
やめる勇気 〜人生も仕事も想像以上にシンプル〜
Yuriko Kamimori
 
かみーゆは見た!ブラックSEOトップ3
かみーゆは見た!ブラックSEOトップ3かみーゆは見た!ブラックSEOトップ3
かみーゆは見た!ブラックSEOトップ3
Yuriko Kamimori
 
捨てるなんてもったいない! 子ども服をセブに送るプロジェクト
捨てるなんてもったいない! 子ども服をセブに送るプロジェクト捨てるなんてもったいない! 子ども服をセブに送るプロジェクト
捨てるなんてもったいない! 子ども服をセブに送るプロジェクト
Yuriko Kamimori
 
サイト引越しの際に学んだ5の教訓
サイト引越しの際に学んだ5の教訓サイト引越しの際に学んだ5の教訓
サイト引越しの際に学んだ5の教訓
Yuriko Kamimori
 
こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島
こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島
こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島
Yuriko Kamimori
 
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
Yuriko Kamimori
 
イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話
イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話
イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話
Yuriko Kamimori
 
初めてでもOK : )『concrete5』でサイトを作ろう!
初めてでもOK : )『concrete5』でサイトを作ろう!初めてでもOK : )『concrete5』でサイトを作ろう!
初めてでもOK : )『concrete5』でサイトを作ろう!
Yuriko Kamimori
 
concrete5を使ってみよう!
concrete5を使ってみよう!concrete5を使ってみよう!
concrete5を使ってみよう!
Yuriko Kamimori
 
第1回concrete5 in HIROSHIMA勉強会
第1回concrete5 in HIROSHIMA勉強会第1回concrete5 in HIROSHIMA勉強会
第1回concrete5 in HIROSHIMA勉強会
Yuriko Kamimori
 
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
Yuriko Kamimori
 
Windows8.1-アップグレードのすゝめ!-
Windows8.1-アップグレードのすゝめ!-Windows8.1-アップグレードのすゝめ!-
Windows8.1-アップグレードのすゝめ!-
Yuriko Kamimori
 

More from Yuriko Kamimori (12)

やめる勇気 〜人生も仕事も想像以上にシンプル〜
やめる勇気 〜人生も仕事も想像以上にシンプル〜やめる勇気 〜人生も仕事も想像以上にシンプル〜
やめる勇気 〜人生も仕事も想像以上にシンプル〜
 
かみーゆは見た!ブラックSEOトップ3
かみーゆは見た!ブラックSEOトップ3かみーゆは見た!ブラックSEOトップ3
かみーゆは見た!ブラックSEOトップ3
 
捨てるなんてもったいない! 子ども服をセブに送るプロジェクト
捨てるなんてもったいない! 子ども服をセブに送るプロジェクト捨てるなんてもったいない! 子ども服をセブに送るプロジェクト
捨てるなんてもったいない! 子ども服をセブに送るプロジェクト
 
サイト引越しの際に学んだ5の教訓
サイト引越しの際に学んだ5の教訓サイト引越しの際に学んだ5の教訓
サイト引越しの際に学んだ5の教訓
 
こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島
こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島
こんなところで使えるのXD活用法|20191208 XD勉強会 in セブ島
 
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
 
イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話
イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話
イカしたポートフォリオ作ったら ヘッドハントされたので オフショアしにセブ島に行った話
 
初めてでもOK : )『concrete5』でサイトを作ろう!
初めてでもOK : )『concrete5』でサイトを作ろう!初めてでもOK : )『concrete5』でサイトを作ろう!
初めてでもOK : )『concrete5』でサイトを作ろう!
 
concrete5を使ってみよう!
concrete5を使ってみよう!concrete5を使ってみよう!
concrete5を使ってみよう!
 
第1回concrete5 in HIROSHIMA勉強会
第1回concrete5 in HIROSHIMA勉強会第1回concrete5 in HIROSHIMA勉強会
第1回concrete5 in HIROSHIMA勉強会
 
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
 
Windows8.1-アップグレードのすゝめ!-
Windows8.1-アップグレードのすゝめ!-Windows8.1-アップグレードのすゝめ!-
Windows8.1-アップグレードのすゝめ!-
 

concrete5 5.7でテーマ作ってみよう 超初級編