ヘッダー画像に限らずにスクロールすると画像上をコンテンツを通過したい。例：JPNSTYLE

タグ: スクロールすると画像上をコンテンツを通過する

このトピックには9件の返信、3人の参加者があり、最後にWithにより5年、 7ヶ月前に更新されました。

10件の投稿を表示中 - 1 - 10件目 (全10件中)

投稿者

投稿
2019年4月5日 11:11 AM #15695

With
参加者

JPNSTYLEを使用しています。
JPNSTYLE特有の
ヘッダー画像と同様に画像位置は移動せずに
スクロールしたいのですがどうすれば良いですか。

他のテーマでもJPNSTYLE特有の動きをしたい。
・ヘッダー画像
・コンテンツ中の画像
※Ligntning Proのパパラックス機能は試しましたが
　高さが狭くて思っている動きと違います。
　基本4:3の画像を使用します。

「スクロールすると画像上をコンテンツを通過する。」
・外国のテーマにはよく見かけます。
　このような動きや機能は何というのでしょうか。
おそらくパララックスだと思いますが。

LIghtning Proには
こちらの機能も付けてほしいです。

追記：
Lightning Advanced Sliderを設定すると
ヘッダー画像の位置も上下に動いてしまいます。
JPNSTYLE特有のなくなり残念です。

2019年4月10日 10:41 AM #15787

With
参加者

4日経過しても回答がないので
分かりやすく説明します。

JPNSTYLEのヘッダー画像の見せ方を
固定ページなどの文章中に挿入したいのです。
高さの制限もなく見せ方は同一です。

どうぞ宜しくお願いします。

2019年4月10日 1:53 PM #15795
DRILL LANCER
モデレーター
こうしてじっと待つよりは2018年版：パララックスを簡単に実装できるおすすめプラグイン8選から好きなプラグインを選んで導入するのが手っ取り早いと思います。

jsを読み込む際は、Rellax.jsを子テーマのjsディレクトリに配置した場合、
下記のコードを子テーマのfunctions.phpに記述することで読み込めます。
```
function add_rellax_js() {
    wp_enqueue_script( 'rellax', get_stylesheet_directory_uri() . '/js/rellax.min.js', array(), false );
}
add_action( 'wp_enqueue_scripts', 'add_rellax_js' );
```
2019年4月10日 3:32 PM #15802

石川＠Vektor,Inc.
キーマスター
制作実績

JPNSTYLEのヘッダー画像の見せ方を
固定ページなどの文章中に挿入したいのです。

文章の途中という事であればVK Blocks のアウターブロックを使って背景色を指定して、
背景をパララックスに指定してください。

2019年4月11日 9:26 AM #15826

With
参加者

VK Blocks のアウターブロックの件。
ご提案を頂き、誠にありがとうございます。
現在、Classic Editorで作業しております。
こちらはClassic Editorではできないことなのでしょうか。

本来ならGutenberg+VK Blocksを有効にして
Block Editorを使えばよいのですが。
既に作成した膨大なページ（40ページ程）をどのように
Gutenberg+VK Blocksにしていけばよいのか分からずに
困っておりました。

詳細は別のフォーラムでお伝えします。
ご確認下さい。

2019年4月11日 7:11 PM #15841

With
参加者

誠にありがとうございます。
編集希望のページを
まずはブロックエディターにしてから
VK Blocks のアウターブロックを使用
背景色を指定後に
背景をパララックスに指定することで
実現出来るのですね。

2019年4月12日 11:31 AM #15844

With
参加者

VK Blocks / PR Content & Outer Block
場所は1:20秒付近です。こちらを参照。

PR Content を設置・画像と文章を作成して
Outer Block の中に PR Content を挿入しようとしますが
どうしても挿入が出来ません。
Outer Block の上下にしか設置されません。
どうすれば良いでしょうか。

2019年4月12日 12:25 PM #15845

With
参加者

こちらを参考

コピー＆ドロップでは挿入は出来ませんでしたが
動画とは手順が違いますがなんとか挿入が出来ました。
動画を参考に設定したのですが
2:14秒付近の動画表示を見たところ
対比が高さ１：横2.5に対して
こちらでは
対比は高さ1：横5の
とても横長の表記になってしまいました。
どうしてなのか分かりません。
なにか考えられる事はありますか。

2019年4月12日 5:20 PM #15858

石川＠Vektor,Inc.
キーマスター
制作実績

Outerブロックの中に入れた要素の左右に余白がなくて横長になってしまうという意味であれば、
Outerブロックを選択した状態で表示される右側のパネルのレイアウト設定のコンテンツエリアの余白（左右）で、余白を使用する方のラジオボタンを選択してください。

2019年4月12日 5:45 PM #15862

With
参加者

誠にありがとうございます。
すぐに試したいのですが
何度もエラーが出て作業が出来なくなりました。

「エディターで予期しないエラーが発生しました。」
こちらのエラーメッセージです。頻発しています。
原因が分かりません。
投稿者

投稿