このほど、城咲蓮様の催眠術無料講座LPサイトを制作いたしました。
普段は地元からの依頼が多くWEBでの案件は今回が初めてです。
初めてのskype打ち合わせ
グラウドワークスさんを介して契約を行い、連絡や打ち合わせはSkypeで行ってきました。
顔を合わせての打ち合わせと比べて特に支障になることは全くなくて、画像を用いて打ち合わせできるので効果的な話し合いをすることができました。
ワードプレスにLPをのせる
ワードプレスの固定ページに制作したLPサイトの載せるということで、そのままのWEBページでは正常に表示できていたのに、ワードプレスの固定ページに載せるとプラグインが干渉して動かなかったり、youtube動画の埋め込みがスマホではみ出して表示されてしまったりという不具合があり、試行錯誤し修正しました。
簡単にレスポンシブの記述をしただけではダメみたいですね。
youtube動画をスマホに対応させるcss
動画を<div class=”movie-wrap”></div>で囲んで
.movie-wrap {
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
と記述して解決しました。
クライアント様について
今回制作させていただいたサイトはクライアント城咲蓮様の経営する催眠術教室の無料メール講座のPRのためのサイトです。
実際に対面する催眠術教室の他にこのようなメール講座、YOUTUBEチャンネルでの催眠術紹介など幅広く活躍されています。
なんとこちらのチャンネルで１０００以上の動画を配信しています。
催眠術にちょっと興味がある方や、ちょっとだけ見てみたいと思う方にぴったりだと思います。