SPIRAL ver.2 チュートリアル動画【フリーコンテンツブロック】

本チャプターでは、SPIRAL ver.2の主要機能であるサイト管理の中でもフリーコンテンツブロックをピックアップしてお伝えします。

チャプターリスト

SPIRAL ver.2 概要

【アプリ管理】アプリ作成

【アプリ管理】DB作成

【アプリ管理】DBトリガレコードアクション

【アプリ管理】DBトリガ非同期アクション

【アプリ管理】スケジュールトリガメールアクション

【アプリ管理】アプリロール / アプリ利用画面

【サイト管理】サイト作成

【サイト管理】ページ

【サイト管理】フォームブロック

【【サイト管理】フォームブロックビジュアル設定

【サイト管理】フォームブロックソース設定

【サイト管理】レコードリスト / レコードアイテム / レコード検索ブロック

【サイト管理】フリーコンテンツブロック

動画

フリーコンテンツブロック説明（0:13～）

フリーコンテンツブロックついて説明しています。

フリーコンテンツブロックとは

フリーコンテンツブロックは、自由にコンテンツを作成し公開するブロックです。
サイトパーツであるヘッダーやフッター、サイトポリシーページやLPページなどに利用できます。

SPIRAL ver.2では、同一ブロックを複数ページに設置することができます。
ヘッダー、フッターなど多くのページで使用するパーツをフリーコンテンツブロックで作成すると、フリーコンテンツブロックを修正するだけですべてのページに反映され、メンテナンス性をあげることができます。

フリーコンテンツブロック作成（2:31～）

フリーコンテンツブロック作成について説明しています。

フリーコンテンツブロック作成

フリーコンテンツブロックは、
ブロックメニューからブロックを先に作成して、ページに設置する方法と
ページメニューから該当ページに進み、ブロックを作成し設置する方法の2通りあります。

認証エリア内に設置して認証レコード値を使用したい場合は、認証エリアを選択してください。

設定方法は2つあります。

ビジュアル設定	WYSIWYG操作でコンテンツ作成を行う方法
ソース設定	HTML編集やCSS設置などで自由にコンテンツ作成を行う方法

フリーコンテンツブロック作成後に詳細設定を行います。

フリーコンテンツブロック詳細設定

プレビュー	設定したフリーコンテンツブロックのプレビューを確認することが可能
フリーコンテンツ	自由にコンテンツ作成が可能ビジュアル設定の場合は、WYSIWYG操作で作成ソース設定の場合は、HTML編集で作成
スタイル（ビジュアル設定の場合） CSS（ソース設定の場合）	デザイン指定が可能
JS	JavaScript専用の設置場所

フリーコンテンツ

【ビジュアル設定】

WYSIWYG操作でコンテンツを作成でき、文字の大きさや文字色、背景色変更などの装飾が簡単に行えます。
SPIRAL ver.2のWYSIWYG操作については、こちらをご参照ください。

【ソース設定】

HTML編集で自由にコンテンツ作成が可能です。

スタイル（ビジュアル設定の場合）、CSS（ソース設定の場合）

【ビジュアル設定】

横幅、背景色、横幅のデザイン変更が行えます。

【ソース設定】

CSSの設置ができ、自由にデザイン変更が可能です。

フリーコンテンツブロックでもHTMLエディタでテンプレートエンジンの”Thymeleaf”を使用することができます。
Thymeleafの詳細はサポートサイト、ナレッジサイトをご参照ください。
・ソース設定とThymeleaf
・Thymeleaf 特集
・ブロックのソース解説

フリーコンテンツブロックの詳細はサポートサイトをご参照ください。
・フリーコンテンツブロック