ストーク(STORK)|ヘッダーテキスト・ボタン・背景画像の設定

ストーク(STORK)|ヘッダーテキスト・ボタン・背景画像の設定

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


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

WordPressの管理画面を開きます。
サイドメニューから『外観カスタマイズ』という順にクリックして進みましょう。

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

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

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

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

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

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

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

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

 
 

スポンサーリンク

ヘッダーテキスト

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

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

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

 
 
設定方法はこちらを参考にしてみてください。

ストーク(STORK)導入後に絶対やっておきたい8つの画像設定

2017.12.17
 
 

ヘッダー背景画像

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

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

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

 
 
設定方法はこちらを参考にしてみてください。

ストーク(STORK)導入後に絶対やっておきたい8つの画像設定

2017.12.17
 
 

スポンサーリンク

ヘッダーボタン

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

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

リンク先のURLを入力

リンク先のURLを入力

こちらのURLはヘッダーボタンを表示するなら必須の項目です。
 
 
次に、「ヘッダーボタンテキスト」の入力欄に、ボタンに表示させるテキストを入力します。

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

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

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

ストーク ヘッダーボタン

ストーク ヘッダーボタン

 
 

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

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

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

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

 
 

ヘッダーテキストカラー

ヘッダーテキストカラー

ヘッダーテキストカラー

 
 

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

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

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

 
 

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

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

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

 
 

スポンサーリンク

テキストレイアウト

ヘッダーテキストのレイアウトを変更することができます。
配置位置は以下の3箇所から選べます。
 
 

中央よせ

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

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

 
 

左よせ

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

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

 
 

右よせ

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

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

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

まとめ

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

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

設定次第でサイトの印象がガラッと変わるので、訪れた方に覚えてもらえるようなインパクトのあるサイトを目指してカスタマイズしてみましょう。
 
 

ストーク完全マニュアル

ストークの魅力・使い方・カスタマイズ方法を余すことなく詰め込んだ完全マニュアルです。

ストーク完全マニュアルへ

 
STORK(ストーク)の魅力・使い方・カスタマイズ完全マニュアル

スポンサーリンク








ストーク(STORK)|ヘッダーテキスト・ボタン・背景画像の設定