2013-5-24 勉強会

今日もランサーしょうじさんはお休みでした。寂しいなー・・・(ノ_・。)
勉強会の概要

  • kanedaさんからの質問。リスティング広告とはなんですか?
  • りんごのサイトに入会申し込みフォームを作る。(会員を増やそうキャンペーンを開始!!)
  • かおりんごさんの提案「1からりんごのオリジナルテーマをつくろう」
  • 真中のぶさんのリクエスト「パックマンをパクパクさせながら画面の右から左に移動させる」

リスティング広告とはなんですか?

kanedaさんからの質問。リスティング広告とは何?SEOよりも効果的なの?

リスティング広告とは「検索キーワードに連動した広告」のこと

  • 検索キーワードに連動した広告のこと
  • 広告がクリックされないと課金されないので、意味のない広告費を抑えられる
  • 見込みのあるユーザにだけ広告を配信できる
  • クリック単価は数円から
  • 広告の内容変更や配信停止がいつでもすぐにできる
  • どの広告が成果につながったのか、効果測定ができる

参考サイト

検索連動広告

キーワードに合わせた広告を出現させることができるから、バナー広告よりターゲットに届く効果が高い。

ランディングページ (LP)

飛んで来た人をできるだけ多く確実に商品購入や申し込みなどのコンバージョンに誘導する為のページ

会員を増やそうキャンペーンを開始!!

りんごメンバー減少に伴い、会費を月4000円に、1Day会費を1300円にアップしました。このままではじり貧ですので、会員を増やしましょう。

まずは、りんごのサイトに入会申し込みフォームを作る

  1. Twenty Twelveにはデフォルトで入っている「Contact Form 7」というプラグインがあるので、これを使用。
  2. まず、プラグイン/Contact Form 7/有効化をクリック で有効化。ダッシュボードをリロードすると、左サイドメニューに「お問い合わせ」という項目が現れるので、これをクリックしてフォームを編集。
  3. スパムからのメールを防ぐために、Contact Form 7の機能の1つのクイズを追加する。
  4. フォームを保存したら、そのフォームを表示させる為のコードをコピーして、りんご入会方法の本文内にペースト。

WordPressのオリジナルテーマをつくろう

かおりんごさんから「一からりんごのオリジナルテーマをつくろう」という提案がありました。WPのテーマ作成を分担して行うのは難しいですが、少人数授業的にオリジナルテーマを作成してみましょう。

html5で作るWPオリジナルテーマ

以下の構想で5/31から開始します。一回、1.5時間で、全4回くらいを目処にやる予定。

目的

WordPressのオリジナルテーマを作成することで、WordPressのテーマ、テンプレートの理解を深める

内容(予定)

  1. モバイルファーストフラットデザインで、html5とcssのindex.htmlを作成
  2. index.htmlを最小の構成でWPテンプレート化し、各人のWPでテスト
  3. メニュー、ウィジェットなどWPの機能を使えるように拡張

必要な心構え

WPへの理解を深める他に、html5、css、モバイルファースト、フラットデザインなどの練習にもなります。各自、自分の目的に照らし合わせて、何か利用できる事があるはずです。その事を常に頭の隅に置いておきましょう。

必要な環境

個人で使えるWordPressを用意しておいて下さい。個人で使えるサーバをロリポップなどで契約してWPをインストールしておくか、XAMPPMAMPなど、ローカル環境でWPをインストールしておいて下さい。

パックマンをパクパクさせながら画面の右から左に移動させる

真中さんが質問した件です。
div.pack にanimationを追加し、そのkeyframesでは、css3のtransform:translate() を使うのが良いでしょう。
真中さんによる実装はこちら。
よりパックマンぽくするには、ドットはアニメさせず、マックマンの通過にあわせてドットが消える工夫をすると良いですね。ドットが消える為にはどうすれば良いでしょう?本当に要素を削除させるのは大変なので、人間の目には見えなくすると考えた方が良さそうですね。

2013-5-24 勉強会」への2件のフィードバック

  1. 真中のぶ真中のぶ

    >個人で使えるWordPressを用意しておいて下さい。
    という事で、自分のサーバーに新たにWPをインストールしました。バージョン3.5.1
    http://nobu-69.com/wordpress03/
    インストールしてデフォルトの状態です。何か他に準備したりすることはありますか?
    ありましたら、教えて下さい。

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.