ストーク(STORK)のヘッダーや記事レイアウトのカスタマイズ方法|初心者向けマニュアル
ストーク(STORK)のヘッダーや記事レイアウトのカスタマイズ方法|初心者向けマニュアル

今回は、サイトの印象を決めると言っても過言ではないWordPressテーマ「ストーク」 の「トップページ設定」について詳しく解説します。

ストーク カスタマイズページにアクセス

WordPressの管理画面を開きます。

サイドメニューから『外観カスタマイズ』という順にクリックして進みましょう。

サイドメニューから『外観→カスタマイズ』という順にクリックして進む

サイドメニューから『外観→カスタマイズ』という順にクリックして進む

 ストークのカスタマイズページが開きます。

ストークのカスタマイズページ

ストークのカスタマイズページ

 サイドメニューの『トップページ設定』をクリックし、設定画面を開きましょう。

サイドメニューの『トップページ設定』をクリック

サイドメニューの『トップページ設定』をクリック

ヘッダーテキスト

ヘッダー画像の上にテキストを表示することができます。

ストーク ヘッダーテキスト

ストーク ヘッダーテキスト

 設定方法は下記の記事を参考にしてください。

ヘッダー背景画像

ヘッダーの背景画像を設定できます。

ストーク トップページのヘッダー背景画像

ストーク トップページのヘッダー背景画像

 設定方法は下記の記事を参考にしてください。

ヘッダーボタン

ヘッダー画像の上にリンクボタンを設置することができます。

まず、「ヘッダーボタンURL」の入力欄に、リンク先のURLを入力します。

リンク先のURLを入力

リンク先のURLを入力

 こちらのURLはヘッダーボタンを表示するなら必須の項目です。

次に、「ヘッダーボタンテキスト」の入力欄に、ボタンに表示させるテキストを入力します。

ボタンに表示させるテキストを入力

ボタンに表示させるテキストを入力

何も入力しない場合、「詳しくはこちら」というテキストが表示されます。

これで、ヘッダーボタンが表示されます。

ストーク ヘッダーボタン

ストーク ヘッダーボタン

ヘッダーテキスト・ボタンのカラーを変更する

設定したヘッダーテキスト・ボタンはカラーを変更することができます。

ヘッダーテキスト・ボタンのカラーが変更可能

ヘッダーテキスト・ボタンのカラーが変更可能

ヘッダーテキストカラー

ヘッダーテキストカラー

ヘッダーテキストカラー

ヘッダーボタンテキストカラー

ヘッダーボタンテキストカラー

ヘッダーボタンテキストカラー

ヘッダーボタン背景カラー

ヘッダーボタン背景カラー

ヘッダーボタン背景カラー

テキストレイアウト

ヘッダーテキストのレイアウトを変更することができます。

配置位置は下記の3箇所から選べます。

中央よせ

テキストレイアウト 中央よせ

テキストレイアウト 中央よせ

左よせ

テキストレイアウト 左よせ

テキストレイアウト 左よせ

右よせ

テキストレイアウト 右よせ

テキストレイアウト 右よせ

スマホでは常に中央よせで表示されます。

まとめ

今回は、ストーク(STORK)のトップページ設定について解説しました。

トップページ設定ではヘッダーテキストや背景画像など、主にサイトのファーストビューに関わる部分を設定できます。

設定次第でサイトの印象がガラッと変わるので、訪れた方の印象に残るようなデザインしてみましょう。

スポンサーリンク

スポンサーリンク

おすすめの記事