ＤＫです。
今回はWordPressテーマ「THE THOR」の着せ替え後にするべき初期設定の仕方を解説していきます。
「THE THOR」のインストール方法については下記の記事①と②を参照してください。
ＤＫです。今回はWordPressテーマ「THE THOR」の購入方法と初期登録の仕方を解説していきます。 「THE THOR」の第一印象は「うわー、綺麗なテーマだなー」です。初心者でもこれを作れるならいい[…]
ＤＫです！ 今回は「THE THOR」の導入方法と注意点、初めにやるべき設定等をまとめていきます。今から「THE THOR」を扱う方は是非とも参考にしてください。 👇も[…]
まずはこのページに記載してある事を実行した上で、各種のパーツを調整しカスタマイズしていきましょう。
「THE THOR」のカスタマイズ記事は追って公開いたします。
「THE THOR」の設定は画面左のダッシュボードメニューのカスタマイザーに集約されています。
そしてそのメニューの中の上から１３項目に[THE]の文字があると思います。その文字がある項目が「THE THOR」独自の設定項目です。
残りの６項目はWordPressにデフォルトで表示される設定項目です。
ココでの説明はこの１３項目[THE]の付いたモノから主要な部分の設定を紹介、解説していきます。
👇もしまだ検討中であれば今すぐ👇
「THE THOR」公式ホームページはこちら
👆一緒に頑張りませんか？👆
では、早速設定していきましょう！！
THE THORの初期設定 ヘッダーエリア設定編
ココでは「THE THOR」を購入し、インストールをして、デザインを着せ替えた後に行うべき初期の設定「初期設定」について解説していきます。
まずはこれを設定しておけば大丈夫！というモノを超初心者のＤＫが初心者目線で解説します。
THE THORは設定のほとんどをダッシュボードのカスタマイザーから行います。
カスタマイザーから「外観」⇒「カスタマイズ」の中のから操作・変更します。
今回はそのメニューの中から【ヘッダーエリア設定】の設定をしていきます。
「共通エリア設定[THE]」⇒「ヘッダーエリア設定」をポチっとしてください。
「共通エリア設定[THE]」をポチリ
⇩
【ヘッダーエリア設定】をポチリ
初期設定① ヘッダーエリア設定
まずは「ヘッダーエリア」の設定を行います。
着せ替えたデザインによって場所はまちまちですが、基本的にＴＯＰ画面の一番上にあり、下の画像で言うと赤枠部分の位置にあるエリアが「ヘッダーエリア」になります。
では早速ヘッダーエリアの設定を行います。
外観⇒カスタマイズ⇒共通エリア設定[THE]⇒ヘッダーエリア設定をポチっと。
すると、下のようなメニューになります。
👆このメニューの詳細な場所と設定を見ていきます。
ヘッダー設定
① ヘッダーのレイアウトを選択
ヘッダーのレイアウト設定は「ダイナミック」と「シンプル」の２種類から選択します。
ダイナミック
シンプル
好みで選んでください。
変更したら必ず「公開ボタン」をポチっと！
② ヘッダーを固定表示するか選択
ヘッダーの表示を固定するかしないかその選択をします。
ヘッダーを固定しない方がデフォルト設定です。
固定しないというのは「画面から下へスクロールした場合にヘッダーエリアが表示されない」という事です。
逆に固定すると、「画面を下へスクロールすると、常に画面の上部にあって、追従してくる」という設定です。
変更したら必ず「公開ボタン」をポチっと！
③ ヘッダーのテキストカラーを選択
ヘッダーのテキストカラーとは「ヘッダーエリア内の文字の色」です。
選択できるのは「黒文字」と「白文字」の２種類でデフォルトは黒文字です。
画像は黒文字です。
変更したら必ず「公開ボタン」をポチっと！
④ ヘッダーの背景色を指定
ヘッダーエリアの背景色を選択します。
ココでは好きな色を選択すればいいと思います。
変更したら必ず「公開ボタン」をポチっと！
⑤ ヘッダーエリアの区切り装飾を選択
これ、メインビジュアルを設定していると分かりづらいんですが、「ヘッダーエリア」と「メインビジュアル」の間の境界線です。
選択できるのは「無し」「シャドウ」「ボーダー」の３種類で、デフォルトは無しです。
無し
シャドウ
ボーダー
変更したら必ず「公開ボタン」をポチっと！
グローバルメニュー設定
これはヘッダーエリア内にメニューを表示する機能です。
グローバルメニューは「グローバルナビゲーション」「ナビゲーションメニュー」等とも呼ばれます。
①のメニューには
- PC/スマホで表示する
- PC/スマホで表示しない
- スマホで表示しない
- PCで表示しない
この４つから選択してください。
ＤＫのサイトでは表示はしていませんが、これを表示するならヘッダー設定の②番ヘッダーを固定するにしておくと便利そうです。
変更したら必ず「公開ボタン」をポチっと！
サブメニュー設定
サブメニュー？
最初は何の事かさっぱりわかりませんでした。
- ①でメニューパネル内で表示するか、グローバルメニューの横に表示するかを選択します。
- ②は①で決めた位置に表示するボタンの名前？ボタンに表示するテキストを入力します。
- ③は②のボタンをポチっとした時のリンク先のURLを入力しておきます。
「メニューパネル内で表示」で表示される場所
赤丸部分のメニューパネルをポチっと。
メニューパネルが開きその中にボタンが表示されます。
変更したら必ず「公開ボタン」をポチっと！
「グローバルメニューの右に表示」で表示される場所
先程設定した「グローバルメニュー」の右に表示させる設定です。
変更したら必ず「公開ボタン」をポチっと！
ＤＫはよくわかっていない為、設定及び設置していません。
サーチパネルの設定
これは記事を探してもらう時に操作するパネルです。
①のメニューには
- PC/スマホで表示する
- PC/スマホで表示しない
- スマホで表示しない
- PCで表示しない
この４つから選択してください。
変更したら必ず「公開ボタン」をポチっと！
サーチパネル内の検索機能を選択
キーワード検索
複数条件検索
変更したら必ず「公開ボタン」をポチっと！
メニューパネルの設定
ココではメニューパネルの設定を行います。
赤丸の部分がメニューパネルです。
①のメニューには
- PC/スマホで表示する
- PC/スマホで表示しない
- スマホで表示しない
- PCで表示しない
この４つから選択してください。
②のメニューは下記６種類の中から選んでください。
変更したら必ず「公開ボタン」をポチっと！
お忘れなく。
まとめ
ここまで到達できたという事は、ヘッダーエリアの設定はほぼ終わりましたよね？
なるべく細かく説明したつもりですが、わかり辛かったらごめんなさい。
私も初心者ですので、自分で調べながら書いています。
これで、ヘッダーエリアの設定は終わりです。
まずはトップ画面の一番上の「ヘッダーエリア」という部分の設定を行いました。
後からいつでも変更は可能ですので、自分のサイトのデザインを決めながら微調整していってください。
これからも私が調べた「THE THOR」のいじり方を色々を発信しますので、これからもよろしくお願いします。
もしまだ「THE THOR」の導入を迷っておられる方は、是非ＤＫと一緒にステップアップしてみませんか？
ココまで読んでいただきありがとうございます、お疲れさまでした。
ではまた。