-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
696 lines (688 loc) · 36.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="このページは、書籍『concrete5 公式活用ガイドブック』の購入者に向けた補足情報の提供、Chapter 04「オリジナルデザインのサイトを作る」で使用するサンプルサイトのデータをダウンロードできるページです。">
<meta name="author" content="concrete5 Japan user group">
<meta property="og:title" content="concrete5 公式活用ガイドブック サンプルデータダウンロード&サポートページ" />
<meta property="og:description" content="このページは、書籍『concrete5 公式活用ガイドブック』の購入者に向けた補足情報の提供、Chapter 04「オリジナルデザインのサイトを作る」で使用するサンプルサイトのデータをダウンロードできるページです。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://book.concrete5-japan.org/" />
<meta property="og:image" content="http://book.concrete5-japan.org/cover.png" />
<meta property="fb:app_id" content="130482106997708" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@concrete5japan" />
<title>concrete5 公式活用ガイドブック サンプルデータダウンロード&サポートページ</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css?v=20140714">
</head>
<body data-spy="scroll" data-target=".sidenav">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=130482106997708";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container theme-showcase">
<div class="jumbotron">
<header>
<h1>concrete<span>5</span> 公式活用ガイドブック</h1>
<h2>サンプルデータダウンロード&サポートページ</h2>
</header>
</div>
<div class="row">
<div class="col-sm-3">
<nav class="sidenav" data-spy="affix" data-offset-top="262">
<ul class="nav well">
<li><a href="#book">書籍情報</a></li>
<li><a href="#view">サンプルウェブサイトを実際に見る</a></li>
<li><a href="#download">データダウンロード</a></li>
<li><a href="#updates">訂正情報</a></li>
<li><a href="#movies">動画</a></li>
<li><a href="#license">ライセンス</a></li>
<li><a href="#tips-list">Tips一覧</a></li>
<li><a href="#link">リンク</a></li>
</ul>
</nav>
</div>
<div class="col-sm-9">
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-url="http://book.concrete5-japan.org/" data-hashtags="concrete5">ツイートする</a>
<div class="fb-like" data-href="http://book.concrete5-japan.org/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
<a href="http://b.hatena.ne.jp/entry/http://book.concrete5-japan.org/" class="hatena-bookmark-button" data-hatena-bookmark-title="concrete5 公式活用ガイドブック サンプルデータダウンロード&サポートページ" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/[email protected]" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>
<hr />
<p>このページは、書籍『concrete5 公式活用ガイドブック』の購入者を対象としたページです。Chapter 04「オリジナルデザインのサイトを作る」で使用するサンプルサイトのデータをダウンロードできるほか、書籍の補足情報を掲載していきます。</p>
<section id="book" class="clearfix">
<div class="page-header">
<h3>書籍情報</h3>
</div>
<div class="row">
<div class="col-sm-8">
<p class="lead">直感的に操作できるオープンソースCMS<br>「concrete5」の基本、活用からカスタマイズ、運用まで徹底解説</p>
<p>concrete5(コンクリートファイブ)はオープンソースのコンテンツ管理システム(CMS)で、編集の自由度の高さや使いやすさ、デザインカスタマイズの容易さ、機能拡張の柔軟さなどが注目され、ユーザー数を伸ばし続けています。<br />本書はconcrete5のコミュニティメンバーが執筆した、初の日本語公式書籍となります。</p>
<p>concrete5をこれから使い始める方や興味のある方だけでなく、すでにお使いのデザイナーや開発者の方にも役立つよう、章ごとにテーマを決めて、解説を行っています。</p>
</div>
<div class="col-sm-4">
<iframe class="book-iframe" src="https://book.mynavi.jp/ec_products_detail_html/id=24448" frameborder="0" width="280" height="300" scrolling="yes"></iframe>
</div>
</section>
<section id="view">
<div class="page-header">
<h3>サンプルウェブサイト</h3>
</div>
<p>『concrete5 公式活用ガイドブック』Chapter 04では、こちらのHTMLモックアップをconcrete5のサイトとして制作する方法を解説しています。</p>
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">HTMLモックアップ</h3>
</div>
<div class="panel-body">
<p>HTML, CSS, Javascriptで制作したサイトの雛形です。</p>
<p><a class="btn btn-default" href="./mockup/" target="_blank">見る</a></p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">concrete5サイト</h3>
</div>
<div class="panel-body">
<p>モックアップを元にテーマとカスタムテンプレートを作成し、コンテンツを登録したサンプルウェブサイトです。</p>
<p><a class="btn btn-default" href="./concrete5/" target="_blank">見る</a></p>
</div>
</div>
</div>
</div>
</section>
<section id="download">
<div class="page-header">
<h3>データダウンロード</h3>
</div>
<p>HTMLモックアップとconcrete5のサンプルサイトで使用しているデータの全てを、書籍を購入した方でなくても自由にダウンロードすることができます。ソースコードがどのようにカスタマイズされているのかについてはぜひ書籍の解説をご覧ください。</p>
<p><a class="btn btn-primary" href="https://github.com/concrete5japan/concrete5_japanese_book/archive/master.zip">GitHubからダウンロードする</a></p>
<p><iframe src="http://ghbtns.com/github-btn.html?user=concrete5japan&repo=concrete5_japanese_book&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> <iframe src="http://ghbtns.com/github-btn.html?user=concrete5japan&type=follow&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe></p>
<h4>データの解説</h4>
<p>ダウンロードされたzipファイルの内容の解説です。</p>
<table class="table table-striped">
<tr>
<td class="level level-0"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> concrete5</td>
<td>concrete5で構築したサイト(<a href="http://book.concrete5-japan.org/concrete5/" target="_blank">http://book.concrete5-japan.org/concrete5/</a>)のデータです。実際に運用しているサイトのデータ構造がどうなっているかご覧いただけます。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> blocks</td>
<td>このフォルダはユーザー領域のため、コアの設定を上書き・追加しています。ユーザー領域については176ページ参照</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> autonav</td>
<td>「オートナビ」ブロック</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> templates</td>
<td></td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> breadcrumbs.php</td>
<td>パンくずナビゲーション用のカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> global_nav.php</td>
<td>グローバルナビゲーション用のカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> link_list.php</td>
<td>フッターなどで使用する横並びのナビゲーション用のカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> date_nav</td>
<td>「日付ナビ」ブロック</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> view.php</td>
<td>テーマに合わせてデフォルトテンプレートをオーバーライドしています。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> google_map</td>
<td>「Googleマップ」ブロック</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> templates</td>
<td></td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> small</td>
<td>小さめの地図を表示するカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-6"><i class="fa fa-file-code-o"></i> view.css</td>
<td></td>
</tr>
<tr>
<td class="level level-6"><i class="fa fa-file-code-o"></i> view.php</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> lunch_menu</td>
<td>Designer Contentで作成したブロックタイプです。206ページ参照</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> page_list</td>
<td>「ページリスト」ブロック</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> templates</td>
<td></td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> menu_item_list.php</td>
<td>メニューページで使用しているカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> news_list.php</td>
<td>「ホーム」ページや「ニュース」ページで使用しているニュースの一覧表示用のカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> search</td>
<td>「検索」ブロック</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> templates</td>
<td></td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> header.php</td>
<td>ヘッダーに置く用のカスタムテンプレート</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> slideshow</td>
<td>「スライドショー」ブロック</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> view.php</td>
<td>テーマに合わせてデフォルトテンプレートをオーバーライドしています。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> tags</td>
<td>「タグ」ブロック</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> view.php</td>
<td>テーマに合わせてデフォルトテンプレートをオーバーライドしています。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> concrete5</td>
<td>concrete5のコア領域です。このフォルダの中はカスタマイズしません。コア領域については176ページ参照<br />※ すでにインストール済みのconcrete5でサンプルデータを試したい場合は、このフォルダをアップロードする必要はありません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> config</td>
<td>設定ファイルを格納するフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> controllers</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> css</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> elements</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> helpers</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> jobs</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> js</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> languages</td>
<td>言語ファイルを格納するフォルダです。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> libraries</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> mail</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> models</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> packages</td>
<td>マーケットプレイスからダウンロードしたアドオンやテーマが格納されるフォルダです。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> designer_content</td>
<td>サンプルサイトでは、Designer Contentアドオン以外は使用していません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> themes</td>
<td>テーマファイルを格納するフォルダです。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> olive_sample</td>
<td>書籍で紹介しているサンプルサイトのテーマのフォルダです。</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> elements</td>
<td>テーマで使用する共通パーツを格納するフォルダです。</td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> footer.php</td>
<td>フッター用の共通パーツです。</td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> header.php</td>
<td>ヘッダー用の共通パーツです。</td>
</tr>
<tr>
<td class="level level-5"><i class="fa fa-file-code-o"></i> header_home.php</td>
<td>home.phpから呼び出している、「ホーム」ページタイプ専用のヘッダーパーツです。</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> images</td>
<td>テーマで使用する画像を格納しているフォルダです。</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> javascripts</td>
<td>テーマで使用するJavascriptを格納しているフォルダです。</td>
</tr>
<tr>
<td class="level level-3"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> stylesheets</td>
<td>テーマで使用するCSSを格納しているフォルダです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> blog_entry.php</td>
<td>ブログ記事用のテンプレートです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> default.php</td>
<td>デフォルトのテンプレートです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-text-o"></i> description.txt</td>
<td>テーマ名と説明が記載された設定ファイルです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> home.php</td>
<td>「ホーム」ページ用のテンプレートです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> left_sidebar.php</td>
<td>左側にサイドバーのあるテンプレートです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> main.css</td>
<td>テーマの主なスタイルシートファイルです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> main.js</td>
<td>テーマの主なJavascriptファイルです。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-image-o"></i> thumbnail.png</td>
<td>管理画面の「テーマ」ページで表示されるサムネイル画像です。</td>
</tr>
<tr>
<td class="level level-4"><i class="fa fa-file-code-o"></i> view.php</td>
<td>シングルページで使われるテンプレートです。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> tools</td>
<td>ユーザー領域のフォルダです。サンプルサイトでは特にカスタマイズしていません。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> updates</td>
<td>concrete5をバージョンアップした際に、新しいバージョンのconcrete5コアファイルが格納されるフォルダです。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> concrete5.6.2.1.ja</td>
<td>書籍の執筆中にバージョン5.6.2.1日本語版がリリースされてアップデートしたため、このフォルダができています。<a href="http://concrete5-japan.org/help/install/how_to_upgrade/" target="_blank">concrete5のアップデート方法</a></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> concrete5.6.3.1.ja_updater</td>
<td>書籍の出版後にバージョン5.6.3.1日本語版がリリースされてアップデートしたため、このフォルダができています。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-text-o"></i> INSTALL</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-text-o"></i> LICENSE.TXT</td>
<td>MITライセンスです。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-text-o"></i> humans.txt</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> index.php</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-text-o"></i> robots.txt</td>
<td></td>
</tr>
<tr>
<td class="level level-0"><i class="fa fa-caret-down"></i> <i class="fa fa-folder"></i> mockup</td>
<td>concrete5のサイトにする前の、HTMLで作成したコーディングデータ(モックアップ)です。このHTMLをもとに、concrete5をデザインカスタマイズしていく方法を書籍で解説しています。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> images</td>
<td>テーマで使用する画像を格納しているフォルダです。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> javascripts</td>
<td>テーマで使用するJavascriptを格納しているフォルダです。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-caret-right"></i> <i class="fa fa-folder"></i> stylesheets</td>
<td>テーマで使用するCSSを格納しているフォルダです。</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> blog.html</td>
<td>ブログ記事の一覧ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> blog_post.html</td>
<td>ブログ記事の詳細ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> contact.html</td>
<td>「お問い合わせ」ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-image-o"></i> dummy.jpg</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-text-o"></i> humans.txt</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> index.html</td>
<td>「ホーム」ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> lunch.html</td>
<td>「メニュー」の詳細ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> main.css</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> main.js</td>
<td></td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> menu.html</td>
<td>「メニュー」の一覧ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> news.html</td>
<td>「ニュース」の一覧ページ</td>
</tr>
<tr>
<td class="level level-2"><i class="fa fa-file-code-o"></i> olive.html</td>
<td>レストランの紹介ページ</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-file-text-o"></i> README.md</td>
<td>GitHubリポジトリ用の説明ファイルです。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-file-image-o"></i> cover.png</td>
<td>このサポートページ用の画像です。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-file-code-o"></i> index.html</td>
<td>このサポートページです。</td>
</tr>
<tr>
<td class="level level-1"><i class="fa fa-file-code-o"></i> style.css</td>
<td>このサポートページ用のスタイルシートファイルです。</td>
</tr>
</table>
</section>
<section id="updates">
<div class="page-header">
<h3>訂正情報</h3>
</div>
<h4>誤記</h4>
<ul>
<li>P.007 concrete5の事例の筑波学院大学は出版後WordPressでリニューアルされましたのでconcrete5の事例ではなくなりました。最新の事例は公式サイト<a href="http://concrete5-japan.org/community/forums/showcase/" target="_blank">ショーケース</a>をご覧ください。</li>
<li>P.024 XAMPPのバージョン1.8.3では書籍で紹介している設定ではうまくインストールができないことがあるようです。公式サイトの<a href="http://concrete5-japan.org/help/install/install-xampp/" target="_blank">XAMPPのインストール</a>をご覧ください。</li>
<li>P.145 のテーマのファイル構成に <code>themes/olive_sample/elements/global_nav.php</code> というファイルが記載されていますが、開発中に一時的に作成したものの最終的に削除したファイルでした。ダウンロードデータや本の解説には含まれていないファイルです。</li>
</ul>
<h4>concrete5のバージョンアップに伴う変更</h4>
<iframe src="http://www.slideshare.net/slideshow/embed_code/35857979" width="512" height="421" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px 1px 0; margin-bottom:5px; max-width: 100%;" allowfullscreen></iframe>
<p><a href="https://www.slideshare.net/HishikawaTakuro/concrete5-5631" title="concrete5 5.6.3.1日本語版の紹介" target="_blank">concrete5 5.6.3.1日本語版の紹介</a> - 書籍で紹介しているバージョン5.6.2.1からの変更内容を紹介しています。</p>
</section>
<section id="movies">
<div class="page-header">
<h3>動画</h3>
</div>
<p>書籍では紙面というメディアの関係上伝えきれなかった内容を補足する動画をアップしていきます。</p>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">サンプルサイトのコンテンツ登録デモ</h3>
</div>
<div class="panel-body">
<p>本書で作成したテーマを適用したサイトにコンテンツを登録し、デザインを再現していく手順のデモ動画です。</p>
<div class="video-container">
<iframe width="560" height="315" src="http://www.youtube.com/embed/r7vfTwZut8c" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section id="license">
<div class="page-header">
<h3>ライセンス</h3>
</div>
<p><code>concrete5/concrete</code>ディレクトリ内の<a href="http://www.concrete5.org/" target="_blank">concrete5</a>のソースコードの著作権はConcrete CMS Inc.が有し、MITライセンスで公開されています。<code>mockup</code>ディレクトリならびに<code>concrete5/themes</code>ディレクトリ内ではフロントエンドフレームワークとして<a href="http://foundation.zurb.com/" target="_blank">Foundation</a>を使用しています。Foundationの著作権はZURB, inc.が有し、MITライセンスで公開されています。その他<a href="http://jquery.com/">jQuery</a>等の外部ライブラリもそれぞれのライセンスで公開されています。</p>
<p>上記に該当しないソースコードは、下記作者が著作権を有し、同じくMITライセンスで公開しています。ただし、レポジトリ内の写真素材は全てコンクリートファイブジャパン株式会社が使用ライセンスを取得し、『concrete5公式活用ガイドブック』の解説のために配布しています。書籍のチュートリアルを実践する以外の目的での使用、複製、再配布を禁じます。</p>
<h4>作者</h4>
<ul>
<li>@<a href="https://github.com/nipper-onside">nipper-onside</a> (Design)</li>
<li>@<a href="https://github.com/acliss19xx">acliss19xx</a></li>
<li>@<a href="https://github.com/hissy">hissy</a></li>
</ul>
</section>
<section id="tips-list">
<div class="page-header">
<h3>Tips一覧</h3>
</div>
<p>書籍の目次にTipsのページ数が記載されていなくて不便だと思ったので、一覧を作成しました。</p>
<table class="table table-striped">
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Page</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tips01-01-001</td>
<td>concrete5の事例</td>
<td>007</td>
</tr>
<tr>
<td>Tips01-02-001</td>
<td>データベースの文字セット</td>
<td>008</td>
</tr>
<tr>
<td>Tips01-02-002</td>
<td>文字コードを確認する</td>
<td>011</td>
</tr>
<tr>
<td>Tips01-02-003</td>
<td>セキュリティー対策</td>
<td>016</td>
</tr>
<tr>
<td>Tips01-04-001</td>
<td>PHP5.3以前がインストールされている場合</td>
<td>026</td>
</tr>
<tr>
<td>Tips01-04-002</td>
<td>画面が文字化けしている場合</td>
<td>027</td>
</tr>
<tr>
<td>Tips02-03-001</td>
<td>ブロックの並び順を変更する</td>
<td>055</td>
</tr>
<tr>
<td>Tips02-03-002</td>
<td>オートナビに関連するページ属性</td>
<td>061</td>
</tr>
<tr>
<td>Column03-10-001</td>
<td>マーケットプレイスのカテゴリーの意味</td>
<td>133</td>
</tr>
<tr>
<td>Columns03-10-002</td>
<td>おすすめアドオン</td>
<td>134</td>
</tr>
<tr>
<td>Columns03-10-003</td>
<td>おすすめスマートフォン対応テーマ</td>
<td>136</td>
</tr>
<tr>
<td>Tips04-02-001</td>
<td>カスタマイズ可能なテーマを作成する<br /><small>GitHub上の<a href="https://github.com/concrete5japan/concrete5_japanese_book/tree/customizable-theme" target="_blank">customizable-theme</a>ブランチでカスタマイズ機能に対応させた場合のサンプルデータを公開しています。</small></td>
<td>169</td>
</tr>
<tr>
<td>Tips04-02-002</td>
<td>テーマの作成に知っておくと便利なコードスニペット集</td>
<td>171</td>
</tr>
<tr>
<td>Tips04-03-001</td>
<td>コメントアウト</td>
<td>180</td>
</tr>
<tr>
<td>Tips04-03-002</td>
<td>ページ付けインターフェースのカスタマイズ</td>
<td>185</td>
</tr>
<tr>
<td>Tips04-03-003</td>
<td>日付の書式の指定方法</td>
<td>188</td>
</tr>
<tr>
<td>Exercise04-03-001</td>
<td>スライドショーのテンプレート</td>
<td>189</td>
</tr>
<tr>
<td>Tips04-03-004</td>
<td>エディタのスタイルをテーマに合わせる</td>
<td>203</td>
</tr>
<tr>
<td>Tips04-03-005</td>
<td>テーマにautonavを直接埋め込む</td>
<td>204</td>
</tr>
<tr>
<td>Tips04-03-006</td>
<td>ブロックテンプレートのカスタマイズに知っておくと便利なコードスニペット集</td>
<td>205</td>
</tr>
<tr>
<td>Tips05-01-001</td>
<td>キャッシュのクリア</td>
<td>210</td>
</tr>
<tr>
<td>Tips05-01-002</td>
<td>管理者以外のグループに管理画面へのアクセス権限を与えたい</td>
<td>218</td>
</tr>
<tr>
<td>Tips05-01-003</td>
<td>特定のグループにページタイプのデフォルトの編集権限を与えたい</td>
<td>219</td>
</tr>
<tr>
<td>Tips05-04-001</td>
<td>開発環境からサイトの公開時に公開用のサーバーに移設する際に気をつけること</td>
<td>247</td>
</tr>
<tr>
<td>Tips06-01-001</td>
<td>ソースコードでよく見る変数について</td>
<td>277</td>
</tr>
</tbody>
</table>
</section>
<section id="link">
<div class="page-header">
<h3>リンク</h3>
</div>
<dl>
<dt><a href="https://book.mynavi.jp/support/pc/4384/" target="_blank">マイナビ 書籍サポートサイト</a> <span class="glyphicon glyphicon-new-window"></span></dt>
<dd>誌面の訂正情報について掲載していきます。</dd>
<dt><a href="http://concrete5-japan.org/" target="_blank">concrete5 Japan 日本語公式サイト</a> <span class="glyphicon glyphicon-new-window"></span></dt>
<dd>concrete5日本語コミュニティの公式サイトです。</dd>
<dt><a href="http://concrete5-japan.org/help/install/" target="_blank">concrete5インストール方法 - concrete5 Japan 日本語公式サイト</a> <span class="glyphicon glyphicon-new-window"></span></dt>
<dd>書籍で解説している以外のホスティング会社別のインストール方法や、過去のバージョンからのアップグレード方法について掲載しています。</dd>
<dt><a href="http://concrete5-japan.org/community/forums/" target="_blank">フォーラム - concrete5 Japan 日本語公式サイト</a> <span class="glyphicon glyphicon-new-window"></span></dt>
<dd>会員登録すると、フォーラムで質問を投稿することができます。フォーラムでは、有志のメンバーが質問に回答しています。 <a href="http://concrete5-japan.org/community/terms-of-use/" target="_blank">利用規約</a></dd>
</dl>
</section>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<hr />
<small>Copyright © concrete5 Japan Users Group. Photo <a href="http://www.flickr.com/photos/erix/6806010939/">by erix!, on Flickr</a></small>
</div>
</div>
</div>
</body>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7281946-2', 'concrete5-japan.org');
ga('send', 'pageview');
</script>
</html>