グラデーションの設定の仕方
 
通知
すべてクリア

グラデーションの設定の仕方

9 投稿
4 ユーザー
2 Reactions
220 表示
(@aguram2021)
投稿: 3
Active Member
トピックスターター
 

WordPress制作やこういった類の制作が初心者の者です。

グラデーションのカラー設定で、カラーを選択する際に○が左右にあると思いますが、

左を任意カラーに設定してから、次右の設定をしようとする場合、左のカラー設定が外れて違う色設定になってしまいます。

左設定後、右設定、その逆パターンも試しましたが、思うような色設定になりません。

したい色設定は、例えば、画面左側が薄いピンク、右側が赤に近いピンクです。

同じピンクでも設定したい色味が違うのですが、

そもそもグラデーションでそういうことができないのか、

設定はできるけど、何かの操作ミスなのかがわかりません。

対処法を検索しても見つけることができず、こちらに相談させていただきました。

 

よろしくお願いいたします。

XWRITEバージョン
3.0.2
WordPressバージョン
6.8.2
PHPバージョン
8.2.28
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2025年7月19日 12:37 PM
Y. INABA
(@yinaba)
投稿: 213
Reputable Member
 

@aguram2021 さんへ。

恐らくですが、操作のやり方が誤っています。

「デフォルト」以下に表示されている色の箇所を押下していませんか?
こちらはあくまでもあらかじめ設定されている色設定を反映するに過ぎません。
なので、左の色と右の色の両方が切り替わるのは「仕様通り」となります。

右半分の色を切り替えるには、右半分に表示されている「●」ボタンを直接押下してから色を直接設定する必要がございます(添付スクリーンショットのとおり)。

以下の記事に詳細が記載されておりますので、もしお時間があればご覧いただけますでしょうか(ただし、「スタイル」など、XWRITEではサポート対象になっていない箇所がありますので、ご注意ください)。

 

あと、参考までにお尋ねしたいのですが、XWRITEに搭載されている独自ブロックではグラデーション背景に対応していないものが多いのですが、どのブロックにグラデーション背景を適用しようとしましたでしょうか?
(スクリーンショットでは、WordPressデフォルトの「グループ」ブロックで作成しています)

 

 

この投稿は2か月前ずつY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年7月19日 4:19 PM
(@aguram2021)
投稿: 3
Active Member
トピックスターター
 

@yinaba 様

お返事いただきありがとうございます!

動画も添付したと思っていたのですが、できていませんでした!(そもそもできないのかな、すみません)

試した手順を①から⑤までをまとめたものを送ります。

 

>右半分の色を切り替えるには、右半分に表示されている「●」ボタンを直接押下してから色を直接設定する必要がございます(添付スクリーンショットのとおり)。

流れとしては、グラデーションを押して、左(右)の「⚫︎」ボタンを押して、色設定、反対側をしていると、設定した色が外れてしまうという状況です。

 

リンクの、色設定日本語サポート、ありがとうございます!!よく読んで試してみたいと思います!!!

 

あと、参考までにお尋ねしたいのですが、XWRITEに搭載されている独自ブロックではグラデーション背景に対応していないものが多いのですが、どのブロックにグラデーション背景を適用しようとしましたでしょうか?

名称が合っているのかわかりませんが、親ブロックに色設定が合ったので、できるものだと思い試してみています。境界線が波や円形に設定できるところのカラー設定です。

 

支離滅裂かもしれませんが、このような状況です。

 

サポートを読んでみます!!

 
投稿済 : 2025年7月19日 6:49 PM
Y. INABA
(@yinaba)
投稿: 213
Reputable Member
 

@aguram2021 さんへ。

詳細情報ありがとうございます!

こちら「セクション」ブロックのカラー設定の「オーバーレイ」ですね。
私の方でも、@aguram2021 さんのご教示のとおり、設定したはずの内容が色設定に正確に反映されていないことを確認できました。

そもそも設定に正常に反映できていないのが原因なので、これはバグで良いと思います。
(誤っているとばかり思い込んでいて、大変申し訳ありませんでした)

 

運営の方へ。

お忙しいところ恐れ入りますが、上記修正ご対応いただいた上で、以下2点ご確認いただいてもよろしいでしょうか。

  1. 「オーバーレイ」でグラデーション設定ができるようになっているのは意図的でしょうか?(こちらのマニュアルの文面から、恐らく何らかの理由で残しているのだろうとは思いますが……)
  2. 今後、他のブロックでも(XWRITE独自ブロックは特に)グラデーションを利用できるご予定はあるでしょうか?

 

この投稿は2か月前 2回ずつY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年7月20日 4:07 AM
aguram2021 reacted
(@aguram2021)
投稿: 3
Active Member
トピックスターター
 

@yinaba

ありがとうございます!!

バグという発想もなくわからずにいたので、こちらで質問させていただいて、すっきりしました!

yinaba様ありがとうございます!!

運営の方の返答も待ちながら、色々とさわって制作を進めていこうと思います!

 

 
投稿済 : 2025年7月20日 11:07 AM
hamada(XWRITE開発)
(@hamada)
投稿: 194
Estimable Member Moderator
 

@aguram2021 さま

ご質問いただきましてありがとうございます。
回答が遅くなりまして申し訳ございません。

こちらyinabaさまからもご回答いただいているように
バグになりますので、ご迷惑をおかけし申し訳ございませんが
修正対応が完了するまでお待ちいただけますと幸いです。

@yinaba さま
いつも回答いただきましてありがとうございます🙇
回答するのが遅くなり申し訳ございませんが、
ご質問いただいた点について回答いたします。

1. オーバーレイのグラデーション設定について
オーバーレイでグラデーションが設定できるのは意図した仕様です。
添付いただいたマニュアルの例でも、同様にグラデーション機能を使用しております。

2. グラデーションが利用可能なブロックについて
現在XWRITEの独自ブロックでグラデーションをご利用いただけるのは、
「セクション」ブロックと「ボタン」ブロックの2種類です。

各ブロックのデザインとのバランスを考慮しながら、
他のブロックへの展開も検討しております。

ご不明な点がございましたら、お気軽にお問い合わせください。
今後ともよろしくお願いいたします。

この投稿は3週間前ずつhamada(XWRITE開発)に変更されました
 
投稿済 : 2025年8月14日 4:19 PM
ito_h
(@ito_h)
投稿: 572
Honorable Member Moderator
 

@aguram2021 さま、@yinaba さま

長らくご不便をおかけしており申し訳ございません。

本日のXWRITE v3.0.7のアップデートにて、セクションブロックのグラデーションの不具合を修正いたしました。

アップデート後は「グループ」ブロック等と同じように動作するかと思いますので、ご確認いただけますと幸いです。

XWRITE – ver.3.0.7 アップデート情報

 
投稿済 : 2025年8月18日 8:30 PM
Y. INABA reacted
Y. INABA
(@yinaba)
投稿: 213
Reputable Member
 

@ito_h

お忙しい中ご対応ありがとうございました。
返信が遅くなりまして申し訳ございません。

問題ないことを確認させていただきました。

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年8月24日 3:16 PM
ito_h
(@ito_h)
投稿: 572
Honorable Member Moderator
 

ご確認いただきありがとうございます。

また気になる点がございましたら、お気軽にトピックを立てていただけると嬉しいです 😊 

本トピックはクローズとさせていただきます。

 
投稿済 : 2025年9月1日 5:57 PM
共有: