セミナー動画、資料公開！[標準レイアウト編]ジンドゥークリエイターカスタマイズ講座

ジンドゥークリエイターはレイアウト（テンプレート）を選んで簡単にホームページを作成することができますが、CSSやJavaScriptを使って自分好みにカスタマイズすることもできます。ジンドゥーを使ってウェブ制作案件を受けている方や制作をしようと検討している方に「標準レイアウト」でできるカスタマイズについて知ってもらうために、2020年7月9日「ジンドゥークリエイターカスタマイズ講座 標準レイアウトカスタマイズ編」を開催しました。

当日はウェブ制作をされているかたから、これからカスタマイズにチャレンジしたいという方まで100名ほどの方にご参加いただきました。

講座ではジンドゥーのカスタマイズをわかりやすく解説しておりますので、多くの方にご覧いただきたいと思い、講座の動画や資料を公開しました。

ウェブ制作の現場で、ぜひジンドゥーのカスタマイズ情報をお役立てください！

ジンドゥーカスタマイズ講座 開催概要などはこちら

ジンドゥークリエイターカスタマイズ講座 [標準レイアウトカスタマイズ編]

• 開催日：2020年7月9日
• 講師：服部 雄樹（JimdoExpert）

• [00:00] はじめに
• • セミナーの流れ

◆CHAPTER1◆ ジンドゥークリエイターを選ぶ理由

• [1:08] ジンドゥークリエイター基礎知識
• • 服部制作室でカスタマイズしたサイトの紹介
• [8:37] ジンドゥーを使うメリット
• [14:40] 実際の制作フロー

• • 一般的なウェブ制作フローとジンドゥーでの制作フロー

◆CHAPTER2◆ CSSとjQueryを使ったカスタマイズ

• [22:52] ジンドゥーカスタマイズの基本手法

• [30:48] CSSを使ったカスタマイズ
• • メインビジュアルエリアの調整
• [35:37]【DEMO】すぐに使えるカスタマイズサンプル
• • flexboxを使ったカラムの再定義

< 休憩 >

• [47:29] 標準レイアウトでjQueryを使おう
• • jQueryを使う準備
• [51:33] jQueryを使ったカスタマイズ
• • サイトの右上に電話番号を掲載する
• [1:00:33]【DEMO】すぐに使えるカスタマイズサンプル
• • スクロールすると半透明で表示されるグローバルナビ
• [1:14:43] まとめ
• [1:18:55] 質疑応答  
• • 制作時のコツなども含めて参加者からの感想や質問について取り上げました

カスタマイズ講座で利用した資料、デモで利用したサンプルコードをダウンロードしていただけます。

ご自身での学習用にご利用ください。

※複製、転用、販売などの二次利用は禁止です

関連情報

• 書籍「ジンドゥークリエイター 仕事の現場で使える！カスタマイズとデザイン教科書」
• ジンドゥークリエイターカスタマイズ イベントレポートはこちらから
• [独自レイアウト編]ジンドゥークリエイターカスタマイズ講座の動画/資料 はこちらから

ジンドゥーにログイン / 新規登録する