WordPressにて、参考サイトをもとにデザイン作成、コーディングを行いました。

※担当したサイトのURLを記載させていただいていますが、納品時(当方で制作したもの)と異なる場合がございます。

マジックマーケティング|
保険の営業に関してこんなお悩みはありませんか? 見込み客の紹介をお願いすると、嫌な顔をされる 無理な紹介依頼をしてしまいがち MDRTメンバーと同じセールストークなのに、自分だけ契約に繋がらない 借金をしてまで営業をした結果、辞めていく営業

期間

2021年10月〜2021年10月

お仕事概要

・子テーマ導入
・トップページのカスタムテンプレート作成
・レスポンシブデザイン
・オリジナルブロックの作成(追加のご依頼)
・スクロールアニメーション

お仕事詳細

【子テーマ導入】

LP作成のご依頼ということで、カスタマイズが簡単にできるLightningを採用し、子テーマを導入しました。

【トップページのカスタムテンプレート作成・レスポンシブデザイン】

トップページ用のカスタムテンプレートを作成し、レスポンシブデザインのコーディングを行いました。

【オリジナルブロックの作成】

追加のご依頼で、ご提示いただいた参考サイトのようなパーツを作成しました。管理画面から簡単に文言など変更できるよう、オリジナルのブロックとして作成し導入しました。

Lazy Blocksというプラグインを使用し、PHPコードでブロックを作成しました。これにより記事編集画面から通常のブロック同様に作成したブロックを選択し使用できます。
作成したブロックはコンテンツごとに入力フィールドが設けられ、レイアウトなど意識せず簡単におしゃれなパーツを使用することができます。

見出しがあるブロックでは、ブロックの設定からタグを選択できるようにするなどオプションを設けました。他には、画像のサイズ/カラム幅/カラムレイアウトの上下左右の位置などを変えられるようにしました。

Lazy Blocksを使用することで、通常のブロック、プラグインでは再現できないレイアウトのブロックを開発し、通常通り使用することができます。

【スクロールアニメーション】

スクロールで表示されるアニメーション(FadeInなど)は、プラグインを使用しました。