まずはじめに
このページでは、エディターの基本的な使い方について紹介しています。皆さまが実践を通して学べるよう練習用オファーを用意していますので、よりデザインの幅が広がるようお役立てください。
※グロースハッカー作成のデザインを利用せず、お客様ご自身でデザイン案を作成する場合、KaizenPlatformによるデザイン案の審査は行われません。エディター及びJavaScript・jQueryのご理解が不十分なままデザイン作成を行ってしまうと、思わぬページ崩れの発生に繋がりますので、ご注意ください。
デザイン作成の前に、このページと、他の2つのチュートリアルもご覧ください。
ビデオチュートリアル - jQueryの書き方 -
ビデオチュートリアル - デザインの幅が広がるjQuery -
準備をする
このステップでは制作前の準備を説明しています。
説明中にファイルやリンク先の案内があった場合は↓Itemをご確認ください。
Learn Kaizen Video
Item
- 推奨ブラウザ：Google Chrome
- 拡張機能：Kaizen Platform Assistant
- ヘルプページ：アカウントの作成方法
- オファー詳細ページ：練習用オファー①
画像の変更
このステップでは画像の変更を説明しています。
説明中にファイルやリンク先の案内があった場合は↓Itemをご確認ください。
Learn Kaizen Video
Item
- 画像ファイル：step02-変更後の画像.jpg
テキストの変更
このステップではテキストの変更を説明しています。
Learn Kaizen Video
要素の削除
このステップでは要素の削除を説明しています。
Learn Kaizen Video
HTMLの編集
このステップではHTMLの編集を説明しています。
Learn Kaizen Video
スタイルの編集
このステップではスタイルの編集を説明しています。
説明中にファイルやリンク先の案内があった場合は↓Itemをご確認ください。
Learn Kaizen Video
Item
- 画像ファイル：step06-変更後の画像.jpg
JavaScriptタブの編集
このステップではJavaScriptタブの編集を説明しています。
Learn Kaizen Video
デザイン案のプレビュー
このステップではデザイン案のプレビューを説明しています。
説明中にファイルやリンク先の案内があった場合は↓Item / ↓Codeをご確認ください。
Learn Kaizen Video
Item
- ヘルプページ：オリエンシートの作成方法・内容
Code
- ブックマークレット：QRコード生成
-
javascript:(function(){var string=prompt("QRコードに変換",document.URL);if(string!=null&&string!=""){window.open("http://chart.googleapis.com/chart?cht=qr&chs=500x500&choe=UTF-8&chl="+encodeURIComponent(string));}})()
拡張機能とその他のツール
このステップでは拡張機能とその他のツールについて説明しています。
説明中にファイルやリンク先の案内があった場合は↓Itemをご確認ください。
Learn Kaizen Video
Item
- クリップボードツール：Windows - Clibor
- クリップボードツール：Mac - Clipy
0 コメント