Drupal 8 のデザイン基礎(CSS file organization から ) Drupal のデザインをやさしく学ぶ勉強会 第8回 開催日 2016 年 2 月 10 日(水) 19:00-21:30 目次 1. はじめに ...................................................................................... 2 2. Drupal 8 のデザインの作り方、管理、 ............................................ 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 デザインを開発する方法を基礎から学ぶ勉強会です。 Drupal7や Drupal8 のデザインを学びます。また、オリジナルのデザインテンプレートを作るほ かに、良く使われている Drupal のベーステーマ、Omage、Zen、Adaptivethmes、Bootstrap なども学びます。 Drupal 8 のデザインの作り方、管理、 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 28USD 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月のデザインをやさしく学ぶ勉強会は、3 月 17 日(木)、かながわ県民センター706 号室です。 内容は、Drupal 8 のテーマについての最新情報、Drupal 8 版のデザインテンプレートの紹介、 Zen を考えましたがまだ Drupal 8 への対応が計画されていないので、管理画面のテーマ、 Danland などの Drupal8 対応テーマを実際に使ってみながら学びます。 クレジット、謝辞、ライセンス クレジット このマニュアル作者は、Gennai3 株式会社の程田和義です。 お問合せ 電子メール hodota@gennai3.co.jp 電話 044-220-1588 謝辞 本マニュアル作成は、主に以下のサイトを参考にしました。心より感謝いたします。 出典: https://Drupal.org ライセンス Drupal は Dries Buytaert による登録商標です。その他本マニュアルで使われている製 品および名称については、それぞれの所有者の商標または登録商標です。 13
© Copyright 2024 Paperzz