元サラリーマンブロガーなつのプロフィール

当ブログおすすめのテーマ!


\\//

✔徹底的に表示速度にこだわった完璧なSEO対策のテーマ!

高機能なのに初めてブログを作る人でもカスタマイズがしやすいテーマ。
ブログ作成の欲しい機能がギュッと詰まった今一番人気のテンプレートです。
今なら5大特典「たった30記事で15万円稼いだ方法」やオリジナルデザインマニュアルその他豪華特典付き!
 
詳しい内容は下記のボタンでご確認ください!

Diverのヘッダーの使い方!画像サイズやボタンを編集してみる!【ワードプレステーマ】

こんにちは!ブログ運営半年で月20万超の元サラリーマンブロガーなつです。

高機能だけども初心者にも使いやすいテーマ「Diver」。カスタマイズがしやすいように工夫されたテンプレートで、サクッと感覚的にブログを作り上げることができます。

Diverのヘッダーの使い方をお伝えしていきます。

 

初心者でも簡単にカスタマイズできるワードプレステーマ「Diver」

※今なら、4大購入特典をお付けしています!

Diverの4大特典!【WordPressテーマ】初心者でも稼げる!ひとあじ違うテンプレートアイテムが魅力!

 

Diverのヘッダー部分のカスタマイズ(Wordpressテーマ)

Diverの設定は、専用の管理画面「Diverオプション」という部分と「カスタマイザー」で行います。

カスタマイザー以外で操作するので、難しそうに思えますが、ひとつひとつがかなりシンプルなこととどこで何をすればよいのかタイトルもわかりやすくなっているので簡単に感じます。

ヘッダー画像の上にテキストやロゴを重ねる部分もここで操作するのですが少しだけコツがありますので丁寧に説明をしていきます。

 

ファーストビュー(ヘッダー)の作り方の大きな流れ

  • 背景設定で画像の部分を設置し調整
  • コンテンツ設定で画像の上にタイトルを乗せる

Diverのヘッダーのカスタマイズする場所 (Wordpressテーマ)

Diverのヘッダー部分のことは、ファーストビューと呼ばれています。Diverを導入するとダッシュボードに専用の管理部分が表示されます。

▼ Diverオプション ⇒ ファーストビュー

ファーストビューを開くと以下のような画面となります。

すごくシンプルに見えていますが、必要項目にチェックを入れると画面が開きます。

次の章からは、具体的なヘッダー(ファーストビュー)のカスタマイズを説明していきます。

 

初心者でも簡単にカスタマイズできるワードプレステーマ「Diver」

※今なら、4大購入特典をお付けしています!

Diverのヘッダーのカスタマイズ方法 1. 「表示位置とオプションの設定」

まずはヘッダー(ファーストビュー)の表示位置と表示オプションを設定します。

 

  1. 表示位置・・・ページのどの部分に表示するか指定
  2. 表示オプション・・・どのページに表示するかを指定

 

1. 表示位置

指定できる表示位置は「メニューの下」「 独立メニューの上」「最上部」の3つです。

ファーストビューには、テーマに用意されたファーストビューの「シンプル」のタイル柄を使用しています。

補足
ファーストビューのデフォルトの設定は、「利用しない(画像なし)」になっていますので表示位置にチェックを入れても何も出てきません。

 

メニューの下

独立メニューの下

最上部

 

2. 表示オプション

ファーストビューをどの部分に表示するのか指示する場所です。3パターンの表示場所が選べるようになっています。

  • トップページのみ
  • トップページと投稿/固定ページ
  • すべてのページ

 

初心者でも簡単にカスタマイズできるワードプレステーマ「Diver」

※今なら、4大購入特典をお付けしています!

Diverのヘッダーのカスタマイズ方法 2. 「ファーストビュー設定」

ヘッダー(ファーストビュー)を設定します。あらかじめ用意されたパターン画像(シンプル)や、動画の設定をします。

 

ファーストビューの種類

 

  1. 利用しない
  2. シンプル
  3. ピックアップスライダー
  4. 画像
  5. 動画
  6. カスタム

 

1. 利用しない

「利用しない」を選べばヘッダー画像の部分は出てきません。デフォルトではこの部分にチェックが入っていますので画像や動画を入れたい場合には2以降のどこかにチェックを入れてください。

 

2. シンプル

シンプルは、Diverであらかじめ用意されたパターン画像となります。シンプルに仕上げたい方に向いています。

背景オプション

  • ストライプ
  • ドット
  • グラデーション
  • タイル

その他色や、ラインの種類などがここで選ぶことができます。

 

3. ピックアップスライダー

「ピックアップスライダーを拡大表示する」をチェックすることでヘッダー画像の部分をスライドショーにすることができます。

 

4. 画像

ヘッダー部分に画像を入れることができます。

設定項目が多いのですが、必須項目としては「画像の選定」と「表示領域」と「画像を背景にする」をチェックしてください。

 

5. 動画

Youtube動画をヘッダーに表示させる場合以下の設定をします。

  • 動画タイプ
  • Youtube動画URL
  • 表示領域(カスタマイズは高さです)
  • 動画フィルター
  • スマホ画像表示設定

以上の項目を調整して「変更を保存」をクリックします。

 

6. カスタム

何か表示させたいものなどを編集してヘッダー画像にできる部分です。

メディアを追加で画像を追加し画像部分をリンクさせることも可能です。例えば、リンクで飛ばしたいURLをここで設定しても良いと思います。

 

初心者でも簡単にカスタマイズできるワードプレステーマ「Diver」

※今なら、4大購入特典をお付けしています!

 

Diverのヘッダーのカスタマイズ方法 3.  「コンテンツ設定」

コンテンツ設定は、背景で設定した画像の上にタイトルやメッセージおよびボタンなど設置できる部分です。

  • 画像
  • タイトル
  • タイトル文字色
  • 説明文
  • 説明文文字色
  • ボタンタイトル
  • ボタンリンク先
  • ボタン背景カラー
  • ボタンテキストカラー

慣れると簡単ですが、ちょっとわかりづらい部分がありますので次の章で1つのヘッダー画像を作りながら説明していきます。

 

Diverのヘッダーのカスタマイズ方法 4. 「ファーストビューとコンテンツ作成」

Diverのヘッダー画像(ファーストビュー)にタイトルや説明文などを配置するやり方を説明していきます。

完成図

画像の上に画像やテキストを重ねてみると以下のようになります。

横長の画像が必要となりますが、自動的に配置してくれるので大きさ等はだいたいで大丈夫です。

この画像の大きさは1900px × 600pxです。

 

ファーストビュー作成の手順

▼ Diverオプション ⇒ ファーストビュー

 

ファーストビューの部分の「画像」にチェックを入れると画像を選ぶ部分が展開します。

必要項目を入力していきますが、必須として画像を選びその下の「画像を背景にする」は必ずチェックを入れてください。

(ここを入れないと背景画像として出てきません。)

設定が終わったら「変更を保存」をクリックします。

 

初心者でも簡単にカスタマイズできるワードプレステーマ「Diver」

※今なら、4大購入特典をお付けしています!

 

コンテンツ設定の方法

ファーストビューの設定が終わったら、次に画面の表面に配置するタイトル等を設定していきます。

コンテンツ設定のファーストビューコンテンツの「テンプレート」にチェックを入れると設定画面が展開します。

以下の内容を設定していきます。

  • 画像
  • タイトル
  • タイトル文字色
  • 説明文
  • 説明文文字色
  • ボタンタイトル
  • ボタンリンク先
  • ボタン背景カラー
  • ボタンテキストカラー

色の設定時、デフォルトで黒になっています。クリアをするだけでは色は反映しません。白の#FFFFFを入力するか白部分をクリックします。

 

Diverのヘッダーのカスタマイズ方法 5. 「画像を入れない」

Diverはデフォルトでスライダーが出ています。キャプチャーなども配置され結構賑やかな印象です。ヘッダーが特に必要ないと思った場合にはこの画面で画像を入れない設定もできます。

▼ Diverオプション ⇒ ファーストビュー

ファーストビューの設定・・・「利用しない」

デフォルトでは利用しないの設定になっていますが、設置後やっぱりやめたい場合などはこの部分をチェック入れてください。

 

Diverのヘッダーのカスタマイズ 「まとめ」

Diverは、人気テーマのTHE THORとAFFINGER5(アフィンガー5)の間をとったようなテンプレートです。

3つとも高機能には間違いないのですが、AFFINGER5(アフィンガー5)よりカスタマイズが簡単、THE THORより詳細に設定できる柔軟さもあります。

基本的にはシンプルなこと、設定がサクサク動きわかりやすいのでWordpressを始めたばかりの方や初心者にも幅広く使ってもらえるおすすめテーマです。

 

↓ 高機能で使いやすいDiverを当ブログからお買い上げの方に特典をプレゼントしています。

Diverの4大特典!【WordPressテーマ】初心者でも稼げる!ひとあじ違うテンプレートアイテムが魅力!

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか?

  • 思い通りのデザインにできない
  • なかなか稼げない
  • アクセス数が増えない

こんな悩みを抱えていませんか?

 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる5つのこと

  1. 検索上位を目指せる
  2. 見た目が綺麗でおしゃれになる
  3. 機能が豊富で出来ることが多い
  4. マニュアルなどのサポート
  5. 有名ブロガーも有料テーマを使っている

これまでにあげた5つの有料テーマの特徴を説明していきます。

 

1. 検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO(SearchEngine Optimizationの略)です。

 

  • 情報の信頼性
  • ユーザーへの役立つ情報であるか?
  • スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2. 見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

 

出典:Diver

 

3. 機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4. マニュアルなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5. 有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

 

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

  おススメ!WordPressテーマ

wordpressテーマ「Diver」

 

  • 高機能の最新テーマで大人気
  • 着せ替え機能でいろんな用途に使える
  • 初心者にも使いやすい工夫がいっぱい

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です