トップページ及び固定ページの全幅表示について
お世話になります。
表題の件、Nishiki Proで作成したWebサイトが左右に余白が入り、全幅表示ができない状態になってしまいました。以前は全幅表示できる設定にしていましたが、アップデートが入ったタイミングで現在の事象が発生しております。対処法をご存じの方がいらっしゃいましたらご教示いただけますと幸いでです。
よろしくお願いいたします!
17 Replies
投稿ありがとうございます!
円滑なコミュニティー運営のため #利用ルール を守って投稿してください。
また、何らかのエラーを報告する場合は、再現操作を動画キャプチャして貼り付けてください。
認識のズレも減り、回答も得られやすく、スムーズにサポートが進められます。
ご協力お願いします🙏
Nishiki Pro 最新バージョン(1.0.388)で余白が出なように対応したのですが、現在使用中のワードプレスと Nishiki Pro のバージョンをそれぞれ教えていただけますでしょうか。
@imamura(開発者) さま、ご返信いただきまして、ありがとうございます。
今しがた、アップデートしまして、全幅表示になりました。
一点だけ、以前はアニメーションを全幅表示とし、その子コンテンツであるカラムの画面幅を指定しない設定にすることで、背景のみ全幅になり、子コンテンツ(テキスト)の両端に余白が出せていたのですが、こちらの解消は何某かでできますでしょうか。
度々のご質問で申し訳ございませんが、よろしくお願いいたします!
<バージョン>
Nishiki Pro: 1.0.388
Wordpress:6.6.1
ご報告ありがとうございます!
ワードプレス本体のバージョンアップによる仕様変更に合わせて Nishiki Pro も仕様を変更せざるを得ないことが何度かありまして(今後もある可能性はあります)「xxバージョンまではこうだった!」とまでは言えないのですが、
報告いただいた内容についてはおおよそ理解できました(できれば @にしきちゃん(案内役) が案内するように、静止画像ではなく動画キャプチャで教えていただけるとだと誤解も減り、レスポンススピードも格段に変わります。次回以降ご協力お願いします🙏)
今のところ、テーマ本体側で調整を入れる必要があります。
対応版を近々でリリースしますので、今しばらくお待ちいただけますでしょうか。
よろしくお願いいたします。
対応版の1.0.390をリリースしましたのでアップデートをお願いします。
本バージョンからアニメーションブロックに新しく「レイアウト」の設定を追加しました。
添付動画のように、幅広と全幅の時の余白をあけることができます。お試しください。
@imamura(開発者) さま、早速のご対応をいただき、ありがとうございます。
また、静止画による情報不足、大変失礼しました。
こちら、アップデートしてみまして、親レイヤーと小レイヤーで差分はつけられたのですが、依然として、親レイヤーの両サイドに余白が発生してしまいます。
お手数を度々おかけして申し訳ございませんが、ご確認をよろしくお願いいたします!
動画ありがとうございます!大変助かります。
ブロックの構成を見ると、アニメーションブロックの中にセクションブロックが入っている場合ですね。
添付動画のように「アニメーション付きで背景画像を全幅で表示し、左右の余白を開ける」をご要望だと理解していたのですが、
そうではないということでしょうか。もし違うようでしたら理解が足りず、すみません。
@imamura(開発者) さま、ご確認、ありがとうございます!
こちらこそ、メッセージがわかりづらく、申し訳ございません。おっしゃるとおり、現状は、「ブロックの構成を見ると、アニメーションブロックの中にセクションブロックが入っている」状態で、アニメーションブロックを全幅表示し、セクションブロックの左右に余白を空けるという状態を望んでおります。
一方で、要件としては、以下ができればよく、「アニメーション付きで背景画像を全幅で表示し、左右の余白を開ける」でもできそうに思えていまして、構成の仕方等を見直せば実現できそうでしょうか。お手数をおかけしますが、よろしくお願いいたします!
<要件>
・セクション全体にアニメーション(下から流れてくる)をつける
・背景画像を設定し、全幅表示にする
・左右2分割のコンテンツを配置する
・上記コンテンツは、全幅表示ではなく、左右に余白を設ける
要件ありがとうございます!こちらこそ、理解が不足していまして申し訳ありません。
ブロックを使ったレイアウトは組み合わせ次第で正解がいくつかある場合もあるので、扱い方が人それぞれになってしまうこともありますね・・・
例えば、添付の動画のようにできれば問題ないでしょうか?
@imamura(開発者) さま、丁寧にご対応をいただき、ありがとうございます!ブロックの使い方については、人によりけりということですね!
イメージは動画のようでして、現状は上下に分けていただいている左寄せのブロックと右寄せのブロックが、並列して並んでいる構成が理想です。
添付画像も参考にご覧ください!
@Daiki は レベルが 1 に あがった!
画像とてもわかりやすいです。ありがとうございます!
左右にそれぞれ画像やテキストなどを配置する場合は、添付動画のようなイメージをされていますでしょうか?
@imamura(開発者) さま、テスト画面の更新ありがとうございます。
はい、まさにこちらのイメージ通りです!
ありがとうございます。
いくつかやり方があるのですが、一番易しい難易度のものを紹介しますね。
1)Nishiki Pro を念のためダッシュボードから最新バージョン 1.0.394 にアップデートしてください。
2)パターンをコピーする
要望いただいたブロックの組み合わせをパターンとして配布しましたので、以下の URL からパターンをコピーして、ブロックエディターに貼り付けてください。
https://demo.animagate.com/patterns/478
3)カスタマイズする
貼り付けたパターンのダミー画像やテキストをお好みで差し替えてください。
パターンで使われているブロックは、添付画像のリストビューをご参考ください。
パターンの貼り付け方法がわからない場合は、以下の URL をご確認ください。
https://demo.animagate.com/patterns/how-to-use
ブロックパターン集
アニメーション+背景付き 2 カラムレイアウト
@imamura(開発者) さま、お世話になります!
わかりやすいご説明、ありがとうございます。上記の方法で対応し、無事、実装することができました。
ここまでご丁寧に対応いただきまして、感謝しております。引き続きよろしくお願いいたします!
ご報告ありがとうございます!
無事実装できてよかったです。
また何かありましたらお気軽に投稿ください!