This explains how to add your own customization to make it like Live Demo site.
日本語はページ中央からご覧いただけます。
Header "Sample Contents site"
Add navigation content using Content Block to Header Navigation area
Live Demo site:
Let's add a Language Swicther block to Header Navigation, and apply the custom templates.
* If you're making a multilingual site, please be careful with Global Areas. I recommend you to use 5.7.5 and later. concrete5.7.5 and earlier version doesn't have multilingual global area support.
Global navigation autonav block in "Global Navigation" area can let you customize easily by using its custom templates and custom styles.
You can create the navigation like Header Navigation arrea of Elemental Theme, or add a block to the Global Navigation area.
Home (Top page) Sample Content :
Select "Home" page type and "Home" page template
* If you didn't install Sample Content, please click "Page" or "Blank" page type and select "Home" page template.
Add Image Slider block to Hero area
* If you've installed sample content, the image slider block should already added to Hero area. Please change the image to whatever you like.
You could also use Image block instead.
In the Main area, Advanced Heading Original Block with Center custom class is used.
Advanced Heading block can let you choose the variety of lines including vertical, underline, double-line (on top and bottom), dotted-underline.
Page List block has "What's New" custom template. If the page is less than 7 days old, "NEW" icon shows up.
Elemental Pages
Carousel uses Image Slider block, and apply custom templates to Feature block
Frequently Asked Questions Page
It uses Content block and Link Anchor Point block to indicate internal page link. Two FAQ blocks has been applied to different custom templates.
Blog Pages
At the bottom of the page, it has a page list block with its own custom template
Other pages
Basically, it is almost the same layout and content of Elemental Theme.
The live demo site uses topic andn topic list blocks to categorize portfolio, blog and blog entry pages.
ヘッダー Sample Contents site :
Header Navigation エリアに『記事ブロック』を使ったナビゲーションを追加しています。
Live Demo site :
Header Navigation エリアに多言語サイト用にカスタムテンプレートを適用した『言語切り替えブロック』を追加しています。
※ 多言語サイトを制作する場合は、グローバルエリアに注意してください。
バージョン5.7.4以前は、各言語用のグローバルエリアが生成されませんので、バージョン5.7.5以降の使用をお薦めします。
多言語サイト作成の手順(注: 日本語のみ)
http://concrete5-japan.org/help/5-7/recipes/i18n/
Global Navigation エリアの『オートナビブロック』は、カスタムテンプレート、カスタムクラスを適用することで、左揃え、中央揃え、右揃え、両端揃えを選択できます。
Elemental テーマのような Header Navigation エリアのナビゲーションと Global Navigation エリアのナビゲーションの2通りを選択できます。
Home ページ(トップページ) Sample Content :
ページタイプの『ホーム』、ページテンプレートの『ホーム』を選択してください。
※ Sample Content をインストールしなかった場合は、ページタイプの『ページ』または『空白のページ』のページテンプレート『ホーム』を選択してください。
Hero エリアに『画像スライダーブロック』を使用しています。
※ Sample Content をインストールした場合は、ページタイプの『ホーム』の『Hero エリア』に『画像スライダーブロック』を設定していますので、お好きな画像に入れ替えてください。
『画像スライダーブロック』のかわりに『画像ブロック』でも OK です。
Main エリアに設置したアイコンのタイトルには、カスタムブロック『詳細な見出し( Advanced Heading )』を使い、カスタムクラスで中央揃えにしています。
『詳細な見出し( Advanced Heading )ブロック』は、縦罫線、アンダーライン、ダブルライン(上下のライン)、ドット・アンダーラインが選択できます。
What's New の『ページリストブロック』はカスタムテンプレートを適用しています。
記事を公開して7日間は、『NEW』アイコンが記事タイトルの横に表示します。
Elemental ページ
カルーセルは『画像スライダーブロック』、『特色ブロック』はカスタムテンプレートを適用。
Frequently Asked Questions ページ
『記事ブロック』と『リンクアンカーポイント( Link anchor point )ブロック』でページ内リンクを設定しています。
2つの『FAQ ブロック』には、それぞれ違う『カスタムテンプレート』を適用しています。
Blog ページ
ページ下部にカスタムテンプレートを適用した『ページリストブロック』を追加しています。
その他のページ
基本的に Elemental theme のレイアウトや内容と同じです。
Live Demo site は、トピックスを作成して『ポートフォリオ』『ブログ』『ブログ記事』の各ページに『トピックスリスト』を使用しています。