Drupal 8 のデザイン基礎（CSS file organizationから）

Drupal 8 のデザイン基礎（CSS file organization から）
Drupal のデザインをやさしく学ぶ勉強会
第8回
開催日 2016 年 2 月 10 日(水) 19:00-21:30
目次
1.
はじめに ...................................................................................... 2
2.
Drupal ８のデザインの作り方、管理、 ............................................ 2
Theme folder structure 復習として
Creating a Drupal 8 sub-theme 復習として
CSS file organization (for Drupal 8)
JavaScript coding standards
3.
今月の Drupal デザインテンプレート................................................ 4
Omega Five モジュール
4.
役立つモジュールの紹介 ................................................................. 5
eForm
An Introduction to Entities
Entityform Tutorials
YAML
Drag Drop Builder
5.
実習.......................................................................................... 11
YAML form モジュール
Omega Five テンプレート
6.
次回の予定 ................................................................................. 13
7.
クレジット、謝辞、ライセンス ...................................................... 13
クレジット
謝辞
ライセンス
1
はじめに
Drupal で Web デザインを開発する方法を基礎から学ぶ勉強会です。
Drupal７や Drupal8 のデザインを学びます。また、オリジナルのデザインテンプレートを作るほ
かに、良く使われている Drupal のベーステーマ、Omage、Zen、Adaptivethmes、Bootstrap
なども学びます。
Drupal ８のデザインの作り方、管理、
Theming
Drupal 8
https://www.drupal.org/theme-guide/8
2
Theme folder structure
復習として
https://www.drupal.org/node/2349803
Creating a Drupal 8 sub-theme 復習として
https://www.drupal.org/node/2165673
CSS file organization (for Drupal 8)
https://www.drupal.org/node/1887922
JavaScript coding standards
https://www.drupal.org/node/172169
3
そのた時間があれば勉強しましょう。
今月の Drupal デザインテンプレート
Omega Five モジュール
ダウンロード
https://www.drupal.org/project/omega
ベースのデザインテンプレートです
4
役立つモジュールの紹介
今回は Drupal 8 のテーマを学ぶ動画チュートリアル
Entityform の Drupa 8 バージョン
EFrom
YAML form Drupal 8 用のフォームビルダー Simplytest.me サイトでテスト
Drupal 8 Drag Drop Builder を動画で学ぶ
Drupal 8 Drag Drop Builder Installation を動画で学ぶ
eForm
https://www.drupal.org/project/eform
5
Drupal 7 version - Entityform
https://www.drupal.org/project/entityform
An Introduction to Entities
https://www.drupal.org/node/1261744
6
Entityform Tutorials
https://www.drupal.org/node/2228601
Introduction to the EntityForm Module for Drupal 7
https://3cwebservices.com/drupal/introduction-entityform-module-drupal-7
7
YAML
動画でまなぶ
8
Drag Drop Builder
動画で学ぶ
9
http://codecanyon.net/item/drupal-drag-drop-builder/12014058
２８USD
10
実習
YAML form モジュール
YAMLL form モジュールを simplytest.me サイトでテストしましょう。Drupal 8.0.4 版にて。
https://simplytest.me/
11
Omega Five テンプレート
Omega Five を Google Cloud でテスト
IP アドレスは会場にてご説明します。
http’// IP address /d8demo1/drupal/
にてログイン
d8demo2 d8demo3 d8demo4 d8demo5 d8demo6 d8demo7 があります。
SSH も接続可能ログイン後
sudo コマンドで
に移動して、ソースファイルの確認
12
cd /var/www/html/d8demo2/drupal など
次回の予定
３月のデザインをやさしく学ぶ勉強会は、3 月 17 日(木)、かながわ県民センター706 号室です。
内容は、Drupal 8 のテーマについての最新情報、Drupal 8 版のデザインテンプレートの紹介、
Zen を考えましたがまだ Drupal 8 への対応が計画されていないので、管理画面のテーマ、
Danland などの Drupal8 対応テーマを実際に使ってみながら学びます。
クレジット、謝辞、ライセンス
クレジット
このマニュアル作者は、Gennai3 株式会社の程田和義です。
お問合せ電子メール [email protected] 電話 044-220-1588
謝辞
本マニュアル作成は、主に以下のサイトを参考にしました。心より感謝いたします。
出典：
https://Drupal.org
ライセンス
Drupal は Dries Buytaert による登録商標です。その他本マニュアルで使われている製
品および名称については、それぞれの所有者の商標または登録商標です。
13

Download Report