コース概要

このコースでは、LIFERAYプラットフォーム上でテーマを作成し、維持する方法を学びます。この1日コースでは、LIFERAYテーマについてコードレベルから理解でき、テーマを通じてLIFERAYを設定できるかも学びます。変更、ポータルページ、そしてレスポンシブデザインの検討に及ぶまで、ベストプラクティスを通してプロジェクトにあったテーマの作成方法が理解できます。テーマによってどうサイトのルック&フィールを変更するのか、しっかりした理解を得られます。

詳細

コース受講後には、以下のようなLIFERAYテーマプロジェクトの開発について理解できます。

  • テーマのアーキテクチャについて
  • 基礎テーマからテーマを作成する方法
  • HTML、CSS、 JavaScriptの適用方法
  • テーマ設定の設定可能オプション
  • カラースキーマの設定可能オプション
  • LIFERAYテーマ内におけるVelocityの使用方法
  • SASS とCompassの使用方法
  • テーマ内でのAlloy UIの使用方法
  • レイアウトテンプレートの開発
  • レスポンシブデザインについて
  • テーマを使ったサイトテンプレートの作成

受講対象者: このトレーニングは、HTML、CSS、JavaScriptの知識が必須です。ポータル管理者トレーニングか開発者向けトレーニングのコースを通して、LIFERAYの基礎的な知識をつけておくことを推奨します。

コース形式: オンサイト

バージョン: 6.1

このコースは、LIFERAY PORTAL 6.2でも提供しています。

コースの項目

1日目
 

セットアップ

  • LIFERAY Developer Studio を使って、LIFERAYのインストール
LIFERAYテーマについて
  • テーマアーキテクチャ
  • LIFERAYページレイアウト
  • 組織やユーザグループでユーザを管理

LIFERAY内でテーマを作成

  • 基本テーマの作り方
  • テーマ内でカスタムコードの管理
  • LIFERAYページにおけるHTMLストラクチャ
  • 各ブラウザにおける違いの取り扱い方法

LIFERAYテーマ内で設定可能なオプション

  • テーマ設定でLIFERAYのカスタム設定を提供
  • カラースキーマでカスタムCSSとイメージバリエーションを提供

LIFERAYテーマでVelocityを利用

  • Velocityとは
  • Velocityの基本的実装方法

レイアウトテンプレートの作成方法

  • レイアウトテンプレートとは
  • 基本レイアウトテンプレートの作成方法

LIFERAYテーマの追加機能

  • LIFERAYテーマで、SASSとCompassの適応方法
  • AlloyUIの紹介
  • LIFERAYテーマでレスポンシブデザイン
  • サイトテンプレートの作成とテーマを利用したコンテンツのインポート

推奨される実装方法の概要

  • アクセシビリティとテーマ技術に関するベストプラクティス

PDFでダウンロード
(英語のみ)

PC仕様

DualコアのCPU、4GB以上のRAM、無線LAN
Windows、Mac OSX*、またはLinux*
* Mac OSXやLinuxでの参加者は、講師がこれらのOSに精通しているとは限らないため、OSに関する問題が発生した場合は、ご自分で処理できるようにしておいてください。

日本語でのオフィシャルトレーニングコースは、株式会社イージフが提供しています。トレーニングに関してご質問がある場合、株式会社イージフへメールまたは03-5771-1566までご連絡ください。