• ツール
    ZOOMの使い方と参加方法『PC・スマホで入れない時はこれ読んで!』 ※ オンラインビデオ通話
  • サービス一覧
    ブログ好き好き.comサービス一覧
  • WordPressのプラグインのこと
    ワードプレスのビジュアルモードで直接htmlタグを打ち込む便利なプラグイン【Paste Raw HTML】
  • 書く上でのキモチ
    ブログが続かない・記事を書けない…時に読む5つのかんたんな解決方法
  • PCのこと
    Wi-Fiの読み方を教えてください。ウィーフィー? フィーフィ? 
  • Twitterを使う
    ブログのPV数(アクセス数)を自動で伸ばす簡単な方法とは?【設定10分】
  • オンライン通話
    【相談・話し相手・フリートーク・飲み会・お茶会】オンライン通話をしませんか?
ヘッダーにYouTube動画を設置する方法。 ワードプレスのテーマ『Diver』編
当ブログ使用テーマ

WordPressでトップページなどのファーストビュー(ヘッダー部分)に動画を置きたいって思いませんか?

はい、僕は思います。

 

この、ヘッダーに動画を置く方法をいつも探していました。

 

明け方の街、桜木町でこんなとこにあるはずもないのにと思いながらも探していました。

 

そして願いが叶ったのです。

 

この『Diver(ダイバー)』で!

 

出来ないことは もうなにもない

 

全てできちゃうこのテーマは最強です。

 

もうね 出来ないことを探すほうが大変なくらいです。

 

 

大人気テーマ『STORK』のようなくるくるスライダー。

 

『エレファント』シリーズのようなスタイリッシュなフルワイドページの作成。

 

『SANGO』のようなグリッドデザインと軽さ。

 

 

やりたいことが

全て込み込みなんです

『Diver』は。

100歩譲ってKINGです。

 

Diverでメインヘッダーに動画を入れてみよう。

Diverには、赤枠のようにDiver専用のオプション(カスタマイズ)項目があります。

 

このオプションでは下記のことが設定できます。

 

動画の設定はこの中の『ファーストビュー』を選びます。

 

ファーストビュー

動画を選ぶ

 

表示位置

好きな場所を選びましょう

 

表示オプション

どのページに表示させるか?です。僕は、重くなっちゃうのでトップページだけでいいと思いました。

 

動画タイプ

自分でアップロードした動画かYouTube動画が選べます。

 

YouTube動画URL

任意のYouTube動画のURLを貼るだけです。

YouTube動画を使う時の注意
YouTubeはシェアすることを想定されているサービスです。ブログやホームページにYouTube内の動画を使うことはOKなのですが、著作権を犯している動画を使うことは危険なので気をつけて下さい。JAPAN-info(このブログ)で使っている動画は、動画のUP主にお断りを入れております。

 

表示領域

全画面がオススメです。圧倒的な存在感を見せますよ。

 

動画フィルター

お好みで。 僕はなし。

 

代替画像

スマホでは動画は設定できません。 スマホ用のヘッダー画像を用意します。

 

メインヘッダーに動画を入れてた。

せっかっくなので山崎まさよしの 『One more time,One more chance 』を入れてみました。

 

どうしても、なにかあると山崎まさよしで試したくなるんです。

 

まえのこの記事でも…

 

 

まぁそれは置いといて。

 

 

どぞ。 こんな風になります。

 

※現在は差し替えております。

 

現在はこんな感じです。(Diverの仕様上、スマホでは見れません。)

https://oahair.info/

 

本当に最強のテーマだと思いますよこのDiverは。

 

公式ページにはもっと詳しく書いてあるので寄っていってみてください。

 

いろんなテーマを渡り歩いてきましたが、このDiverでテーマ選びはゴールにしたくらいです。

 

今後は、Diver関連のテーマを追い続けるでしょう。

 

 

 

Diver関連の記事はコチラにもありますよ。

 

 

 

関連キーワード
  • 【STORK・エレファント2・sango・Diver】ほぼ同じ条件で表示速度を計測し比較してみた。WordPressの人気の有料テーマで一番早いのはどれ?
  • WordPressのテーマ『Diver(ダイバー)』はアフィリエイトで成果が出ない? だってそもそも記事が…(自粛w)
  • Diver(WordPressテーマ)で画像を縦に並べた時に隙間を埋める方法。
  • ヘッダーにYouTube動画を設置する方法。 ワードプレスのテーマ『Diver』編
  • WordPressのテーマDiver(ダイバー)のタイトル入力欄下にタイトル文字数が表示されるんだって。
  • テーマを変えたらショートコードむき出しで困った!そんな時はSearch Regexで一気に書き換えちゃえ!って記事 ※STORK→Diver編
  • WordPressテーマDiverの『関連記事挿入ボタン』が簡単すぎて便利。使い方をわかりやすく教えるね。
  • ブログで会話(吹き出し)形式を超簡単に作りたい場合は大人気テーマの『Diver(ダイバー)』におまかせ。