【画像で簡単】ワードプレス ストーク グローバル設定方法 その1

【画像で簡単】ワードプレス ストーク グローバル設定方法 その1




■このブログは2020年5月5日に追記しました

こんにちは!
ソバネコです。

このブログは、
元プロボクサーで現在デザイナーである、ソバネコがソバネコがワードプレス(ストーク)の使い方について書いたブログです。

今回はワードプレス操作の基本編として、“グローバル設定”の方法について書いています。

グローバル設定でできること

グローバル設定とはサイトのページ上部に常に表示される部分のことです。

具体的にはこの部分ですね↓

グローバル設定でできること-1

要素的には、

・サイトのロゴマーク

・各グローバルカテゴリー

・検索窓

などがあります。

グローバル設定は設定できる項目が多いので、今回は

・ヘッダー下お知らせテキスト
・ヘッダー下お知らせリンク
・[ヘッダー]テキストロゴサイズ
・[ヘッダー]ロゴレイアウト
・[ヘッダー]背景設定

の部分について解説します。

具体的にはこの部分ですね。

グローバル設定でできること-2

グローバル設定への行き方

グローバル設定への行き方-1

管理画面の外観をクリック。

グローバル設定への行き方-2 グローバル設定への行き方-3

外観内の項目 カスタマイズをクリック。

グローバル設定への行き方-4 グローバル設定への行き方-5

カスタマイズ画面に移動します。

グローバル設定への行き方-6 グローバル設定への行き方-7

グローバル設定をクリックします。


オープンゲージのバナー広告

オープンゲージのバナー広告

各項目の設定方法

ヘッダー下お知らせテキスト

この設定ではヘッダー下部分にテキストでお知らせを表示することができます。
ヘッダー下はサイト内で1番目に入る場所なので

・1番PVが稼げている記事

・現在人気急上昇中の記事

など、注目して欲しいコンテンツを設定するといいと思います。

ソバネコブログでは、ボクシングのWBSSに関する記事が最もPVを稼いでいるため、この記事で設定しています。
これですね↓

各項目の設定方法-1

まず、テキスト欄に下記のお知らせテキストを入れます。
「WBSSのチケット情報はこちら!」

各項目の設定方法-2

※この時点では、画面にテキストは表示されません。(ヘッダー下お知らせリンクを設定することで表示されます)

ヘッダー下お知らせリンク

この設定では、ヘッダー下に付けたテキストに記事のリンクを設定します。リンクを設定することで、サイトにテキストが表示されます。

各項目の設定方法-3

記事のURLを入力します。

各項目の設定方法-4 各項目の設定方法-5

サイトにテキストが表示されました。
この部分はサイト上で最も目立つので、見せたい記事がある場合は効果が高いと思います。

■ リンクで別タブを開く

この設定では、ヘッダー下お知らせテキストをクリックした場合にページを別タブで開くかどうかを設定できます。

SEO的にもリンクを別タブで開く設定は、基本的にチェックをつけることをおすすめします。

■ [ヘッダー]サイト内検索ボタンを非表示にする

この設定では、グローバルスペースにある検索ボタンを表示するかどうかを設定できます。

通常は表示状態なので非表示にしてみましょう。

各項目の設定方法-6

チェックボックスにチェックを入れる

各項目の設定方法-7 各項目の設定方法-8

検索ボタンが非表示になりました。

■ [ヘッダー]サイトディスクリプションを表示する

この設定では、サイト基本情報で入力したキャッチフレーズがサイトの最上部に表示されます。
サイトの簡単な概要文ですね。

各項目の設定方法-9

この部分に反映されます。

各項目の設定方法-10 各項目の設定方法-11

試しにチェックボックスにチェックを入れてみます。

各項目の設定方法-12 各項目の設定方法-13

サイトの最上部に表示されました。

[ヘッダー]テキストロゴサイズ

この設定では、ロゴがテキスト表示の場合のみ、サイズを3種類から選択できます。
現在のソバネコブログはロゴマークが画像なので適用されません。

[ヘッダー]ロゴレイアウト

この設定では、ロゴの位置を変更することができます。
設定できるのはPCのみでスマートフォンはできません。

現在は中央配置となっているので、左側に配置してみましょう。

各項目の設定方法-14

中央配置の場合。

各項目の設定方法-15 各項目の設定方法-16

左側に配置にチェックを入れます。

各項目の設定方法-17 各項目の設定方法-18

ロゴマークが左に配置されました。

ロゴマークの位置は、自分の好みの形になればOKだと思います。

各項目の設定方法-19

[ヘッダー]背景設定

この部分では、ヘッダーの背景を横幅いっぱいにするかどうかを設定できます。
設定できるのはPC画面のみになります。

この部分ですね↓

[ヘッダー]背景設定-1

現在はフルサイズ設定にしているので、コンテンツ幅に変更してみます。

コンテンツ幅というのはコンテツの横幅に合わせた設定にするということ。

[ヘッダー]背景設定-2 [ヘッダー]背景設定-3

コンテンツ幅のチェックを入れます。

[ヘッダー]背景設定-4 [ヘッダー]背景設定-5

コンテンツ幅に合わせて、背景が区切られました。

[ヘッダー]背景設定-6

逆に、フルサイズの設定では画面を左右いっぱいに伸びます。
画面が続く限り無限に背景が伸びるようになります。

今回はここまでになります。お疲れ様でした^ ^


オープンゲージのバナー広告

オープンゲージのバナー広告

まとめ

今回は、ワードプレス操作の基本編として“グローバル設定”の方法について書きました。

次回は、グローバル設定の続きの“記事レイアウトの項目”について解説したいと思います。ではでは!




にほんブログ村 格闘技ブログ ボクシングへ
にほんブログ村

人気ブログランキング




コメントを残す

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