WordPressのヘッダーに動画をプラグインなしで表示させてください
今回ご紹介する事例のお問い合わせ内容は、下記の通りです。
お問合せ内容
以下の参考サイトのように、WordPressのヘッダーに全画面で動画を表示させて、インパクトがあるトップページにリニューアルしたいと思います。
https://●●●_■■.com
できれば、有料テーマやプラグインを使用しないで実装していただきたいです。
ロゴや動画の素材はこちらで準備していますので、基本デザインは必要ないかと思いますが、フォント・色などのバランスやCSSの調整をお願いします。
テレコム東京の対応
WordPressでは、テーマやプラグインを利用すれば、ヘッダーへ動画を簡単に設置することができます。
ヘッダーとは、日付やタイトルなどが表示されているページの上部分のことで、すべてのページに共通して表示されます。
お客様は、トップページのヘッダー部分であるファーストビューの背景に動画を配置して、印象的でハイセンスなサイトにリニューアルしたいとのことでした。
さて、お客様にサイトの状況をお聞きすると以下の通りでした。
- WordPressの無料テーマを利用
- サイトは全5ページ
お客様のサイトは全5ページということもあり、テーマ(STINGERをご提案しました)を変えることをご提案させていただきました。
STINGERは、シンプルでオリジナリティ溢れるサイトを作りたい方におすすめなWordPressの無料テーマで、トップ画像のスライドアニメーションやYouTube背景画面を設置することができる機能があります。
しかし、テーマを変えるとなると、全ページのフォントやデザインを調整することになってしまいます。
制作コストを抑えたいというお客様のご要望により、まずは、使用されているテーマで、ヘッダーに動画が設置できるか確認させていただきました。
確認した結果、既存テーマのままでヘッダーに動画を設定することが可能でしたので、今回はPHPとCSSにコードを記述する方法で、代行作業を進めさせていただくことにしました。
実際の対応
事前にお客様からお聞きした情報は以下の通りです。
- レンタルサーバーのログイン情報
- WordPressのログイン情報
- FTPのログイン情報
WordPressのバージョンに問題がないことを確認したうえで、以下の作業内容により、お客様のご要望を実現することができました。
- サイト内調査
- バックアップをとる
- PHPファイルにコード記述
(ヘッダーの表示設定や動画などの設定) - CSS(スマホ用)にコード記述
(静止画の表示設定) - フォント、色味などのデザイン調整
- 動作確認
- お客様にご確認いただき、最終確認して作業完了
- 30日間の無料保証サポート
グローバルメニューを透過で動画の上に表示させることで、迫力のあるトップページとなりました。
また、レスポンシブ対応によりブラウザの幅によって画像が拡大・縮小するようになっているので、画像サイズを指定したうえで、スマホでは静止画が表示されるように設定しました。
このケースの見積もり金額
今回ご紹介したケースの場合、弊社では5万5千円(税別)にて対応いたしました。
業者によって設定されている価格が異なり、同じ作業内容であっても高額な見積もりを出される場合もありますので、依頼先を検討する際には必ず他社見積りを取りましょう。
今回ご紹介したようなケース以外にもホームページのことでお困りの場合は、お気軽に弊社までお問い合わせください。
弊社にお問い合わせいただく70%は、専門知識を持たれていない読者様からです。
わかりやすい言葉でご説明させていただくように心がけておりますので、お気軽にご相談くださいね。
下記の画像をクリックしていただくと、無料診断フォームに遷移します。
関連記事