haleta

パララックスコンテンツ変更方法

 

トップページのパララックスコンテンツ(動きのある紹介部分)の変更方法について解説する。

 

ディスクトップ表示の訂正

 

step
1
ダッシュボードの「外観」から「ウィジェット」を選択

 

step
2
「メインコンテンツエリア上部」から、訂正したい「DP-パララックスコンテンツ」をクリック

※今回は、DP-パララックスコンテンツ:Personal Traningをクリック

 

 

step
3
以下、細かい設定を解説

 

①メインタイトル

色やサイズも変更可能。現在のPersonal Trainingでは移動していないが、上からとか回転しながらタイトルを表示させることもできる。

 

②タイトルキャプション(タイトルの右側にある捕捉のような役割をする部分)

※現在は少し色を薄めにしている。

 

③説明文

※長くなりそうなときは、改行する箇所に<br>と入れると改行される。

 

④ボタン

誘導先URL:に、ボタンを押した時に飛ぶ先のURLを入れる

 

⑤画像設定

画像URL:表示させたい画像URLを入れる

※画像の大きさに決まりがない。一度表示させてみてバランスを確認 → いらない部分を消すなど調整をする

 

※メディアのURLの取得方法:

1. メディアを開き

2. 入れたい写真をクリックして開く

3. 右下に「リンクをコピー」という欄があるので、キーボードの「command」+「A」で選び、「command」+「C」でコピー、貼り付けたいところで「command」+「V」もしくは右クリックでペーストする。

 

表示位置:写真を右にするか左にするかを決めることができる。

※現在のPersonal Trainingは写真が左側で文字が右側になっている。

 

⑥背景デザイン設定:文字の場所の背景を設定することができる

 

 

⑦ウィジェットのロジック&保存

最後のウィジェットのロジック:に入っている「is}home()&&!is_paged()」は、トップページ(ホームページ)のみ、このパララックスコンテンツを表示させるという意味。もしこの記載がないと、他の固定ページやブログにも表示されてしまう。

逆に、他のページにも出したい場合は、ここを空白にすればOK!

変更が終わったら「保存」をクリック

 

 

スマホ表示の変更

ウィジェットは、パソコン表示とスマホ表示の両方を訂正しなければならないので注意する。

 

step
1
ダッシュボードの「外観」から「ウィジェット」を選択

 

step
2
「コンテナ上部(モバイル用)から、訂正したい「DP-パララックスコンテンツ」をクリック

 

step
3
以降の変更は、先程のディスクトップ用の変更と同じなので参照

 

捕捉:入会キャンペーン部分

入会キャンペーンの部分は、画像が大きく背景に設定されている。

 

これは、画像を設定せずに、背景に写真を設定すれば、このような形に変更できる。

-haleta

© 2026 wordpress操作方法 Powered by AFFINGER5