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




■このブログは2018年10月25日に書きました。

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

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

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

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

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

要素的には、
・サイトのロゴマーク
・各グローバルカテゴリー
・検索窓
などがあります。

グローバル設定はコンテンツ内容が多く、前回の記事では前編をお伝えしたので今回は後編を解説したいと思います!

・[全体]メインカラム表示位置
・[全体]アニメーション機能
・[PC]トップページ記事レイアウト
・[SP]トップページ記事レイアウト
・[PC]その他一覧ページ記事レイアウト
・[SP]その他一覧ページ記事レイアウト

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

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

グローバル設定の前編はこちらに書いてます。

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

2018.09.25

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

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

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

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

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




各項目の設定方法

[全体]メインカラム表示位置

この設定では、カラムエリアの位置を変更できます。

変更できる位置は右側と左側の2種類で、デフォルト(初期設定)は左側です。
右側に変更してみましょう。

右側にチェックを入れます。

メインカラムが右側に移動しました。

[全体]アニメーション機能

この設定は、サイトのアニメーション機能を使用するかどうかを設定できます。
基本的には「ON」でいいと思います。

[PC]トップページ記事レイアウト

この設定は、デスクトップのトップページ(1番上の階層)の記事レイアウトを変更できます。
このレイアウトは自分の好みで選んでいいかもしれません。

この部分のレイアウトを変更出来ます↓

【シンプル】
初期設定ではこの「シンプル」レイアウトです。

【カード型】
カード型は形が縦型で横2列になります。一画面内で見れる記事が多いのがメリットですね。

【マガジン型】
マガジン型も縦型で、横2列になります。デスクトップだと文字量によって記事に段差が生まれます。

【ビッグ】
文字通り1記事のスペースが大きくなります。

[SP]トップページ記事レイアウト

この設定は、スマートフォンのトップページ(1番上の階層)の記事レイアウトデザインを変更できます。
※スマートフォン版はデスクトップで確認が出来ないため、実機で確認する必要があります。

【シンプル】

【カード型】

【マガジン型】

【ビッグ】

script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”>


[PC]その他一覧ページ記事レイアウト

この設定は、デスクトップのトップページから移動した、各カテゴリーページ記事のレイアウトを変更できます。

この部分を変更出来ます↓

【シンプル】

【カード型】

【マガジン型】

【ビッグ】




[SP]その他一覧ページ記事レイアウト

この設定は、スマートフォンのトップページから移動した、各カテゴリーページ記事のレイアウトを変更できます。
※スマートフォン版はデスクトップで確認が出来ないため、実機で確認する必要があります。

記事レイアウトを変更する場合は、PC(デスクトップ)とSP(スマートフォン)それぞれ設定する必要があるので両方設定することを忘れないようにしましょう。

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

まとめ

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

次回は、プラグインについて解説したいと思います。ではでは!




■ その他のカスタマイズ設定方法記事はこちら!

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

2018.09.25

【画像で簡単】ワードプレス ストーク 背景画像の設定方法

2018.09.22

【画像で簡単】ワードプレス ストーク トップページ設定方法 その2

2018.09.20

【画像で簡単】ワードプレス ストーク サイトロゴ・アイコン設定方法

2018.09.13

【画像で簡単】ワードプレス ストーク サイトカラー設定の使い方 その2

2018.09.11

【画像で簡単】ワードプレス ストーク サイトカラー設定の使い方 その1

2018.09.08

【画像で簡単】ワードプレス カラーピッカーの使い方と色の3要素

2018.09.06

【画像で簡単】ワードプレス ストークカスタマイズ 基本情報の入力方法

2018.09.04

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

人気ブログランキング




コメントを残す

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