WordPressテーマ「SWELL」は、動画を活用したブログ運営にも最適な機能が豊富です。本記事では、YouTubeやInstagramなどの動画埋め込み方法から、メインビジュアルへの動画設定、SEO対策まで詳しく解説します。
目次
1. 動画埋め込みの簡単さ
SWELLでは、YouTubeやInstagramなどの動画を簡単に埋め込むことができます。
YouTube動画の埋め込み方法
YouTube動画はURLを「段落ブロック」に貼り付けるだけで表示されます。
texthttps://www.youtube.com/watch?v=XXXXXXXXXX
このようにURLを貼り付けると、自動的に以下のようなプレーヤーが表示されます。
カスタムHTMLブロックで埋め込み
サイズや設定をカスタマイズしたい場合は、「カスタムHTMLブロック」を使用します。
text<iframe width="560" height="315" src="https://www.youtube.com/embed/XXXXXXXXXX" frameborder="0" allowfullscreen></iframe>
ポイント:
2. メインビジュアルに動画設定
トップページのメインビジュアルに動画を配置することで、視覚的なインパクトを与えられます。
設定手順
- WordPress管理画面で「外観」＞「カスタマイズ」を開く。
- 「トップページ」＞「メインビジュアル」を選択。
- 表示内容を「動画」に変更。
- 動画ファイル（MP4形式）をアップロード。
- 動画が読み込まれるまでの間に表示する「ポスター画像」も設定。
コード例:
text:::box border
**メインビジュアル設定のポイント**
- 動画は軽量なMP4形式推奨
- ポスター画像で読み込み待ち時間をカバー
:::
フィルター処理やオーバーレイカラーも設定可能で、サイト全体の雰囲気を統一できます。
3. SEOと読み込み速度の工夫
動画はブログの魅力を高めますが、読み込み速度に影響するため注意が必要です。
軽量化のポイント
- 動画サイズは小さく（例: 720p以下）。
- Lazy Load（遅延読み込み）機能を利用して、ページ表示速度を改善。
- 必要に応じてYouTube埋め込みプレーヤーではなく静止画リンクに変更し、クリックで再生させる形式も検討。
Lazy Load用コード例（HTMLブロック）:
text<iframe loading="lazy" src="https://www.youtube.com/embed/XXXXXXXXXX" frameborder="0" allowfullscreen></iframe>
他テーマより優れている理由
- 直感的な操作性
SWELLではURL貼り付けや簡単な設定だけで動画が埋め込めるため、他テーマより手間がかかりません。 - デザイン性と柔軟性
メインビジュアルやフィルター効果など、デザイン面でも他テーマより優れています。 - SEO対策機能内蔵
動画埋め込み時もページ速度への配慮が可能で、検索エンジン対策も万全です。
まとめ
SWELLは初心者でも簡単に動画編集関連ブログを運営できるテーマです。直感的な操作性と豊富な機能で、魅力的なコンテンツ作成が可能になります。ぜひSWELLを活用して、視覚的にも訴求力のあるブログ運営を始めてみてください！