フォーラムへの返信
-
投稿者投稿
-
見出しの位置、良い感じっすなー。
対応有難うございます。
トピック閉じます。♥ 0Who liked: No userうーん…傾斜以外要らない気がする（笑）
三角はちょっと同しようもない気がしますね…。
タイポも、どうしようもない気がしますね…。
三角はマイナス値の際にpathを大きく変えればやりようがありますが、使い道がどうしようもない気がします。
波も上下反対にする意味が無いように見えますんでやる意味が無いと言うか。それに、カーブで試していたんですが、タイトル部分にめり込むんでその辺の調整も必要かも。
三角とか全部、-100から100までをRangeできるようになるのもどうしようかと思うのでその辺考えないとですねー…。
傾斜（逆方向）を新しく追加する方が早いかも？一応、カーブと傾斜の計算のだけ置いときます。
const renderTiltDivider = () => { if ( 0 > level ) { return ( <path d={ <code>m100,${ 100 + level } L100,100 L0,100 z</code> } strokeWidth="0" fill={ color } /> ); } return ( <path d={ <code>m0,${ 100 - level } L100,100 L0,100 z</code> } strokeWidth="0" fill={ color } /> ); }; const renderCurveDivider = () => { if ( 0 > level ) { return ( <path d={ <code>m0,100 L100,100 Q50,${ level * 2 + 100 },0,100 z</code> } strokeWidth="0" fill={ color } /> ); } return ( <path d={ <code>m0,${ 100 - level } q50,${ level * 2 },100,0 V100 L0,100 z</code> } strokeWidth="0" fill={ color } /> ); };なんか、一部codeタグに変換されるorz
適当に脳内変換して読み取ってくださいな。♥ 0Who liked: No userセクション（サイド見出し）ブロックの高度な設定のCSSに、それを入れても逆にならないので、何かしらのオプションを付けて
.c-row--reverseを.c-row部分に付与できるようにするのが良いっすかね…。タイトルを右にするって事はあまり無いとは思いますが、ブロークングリッドと絡めるデザインだと右タイトルも割と使われる（使える）ので…、あっても良いかなと。
♥ 0Who liked: No userなるほど。
マイナス値になっている時にattributeの値から補正して計算し、逆方向にする…でいけそうっすね。波もしかり。カーブと三角はどうするか迷いますが…。
んー、なら試してみて微妙なのは削る形で一度使用感を試してからリリースする方が良いと思うし、全部やったのを今週中にこちらでプルリクするって感じでも良いっすかね。（やり方わかってるし）
♥ 0Who liked: No user.c-hamburger-btn:focus, .c-drawer__item:focus, .c-drawer__item a:focus { outline: none; }で、ハンバーガーボタン、メニュー内のリンクに掛かるパターンでの青枠を消せると思います。
追記：
フォーカスを青くすると言うのはアクセシビリティ的な仕様でして、
過去にオンラインコミュニティ（Slack）の方でもアクセシビリティ的に消さない方が良いと言う意見もあるので、不具合ではありません。
消す場合でも、消したい人が上記のCSSで消すと言う形になると思います。♥ 0Who liked: No user動画を見て判明しました。
どうやらFontAwesome 5のCSS版じゃ無いと動作しないプラグインのようです。Snow MonkeyはFontAwesome 5のJS版と言うバージョンで動作しております。
そのバージョンでは、Font Awesomeのiタグがsvgタグに変換される性質を持つのですが、iPanorame 360ではiタグに対してjavascriptで動作イベントを処理しているのでsvgタグにはイベントやマウスオーバーが掛からず、このような状態になります。別のテーマでは、FontAwesome 4(または5）のCSS版が読まれているので、そう言った状態にならずに動作するようです。
もしパノラマ写真で別のプラグインを使用可能でしたら、
WP VR – 360 Panorama and virtual tour creator for WordPress
ならSnow Monkeyでも動作することを確認しましたので、そちらを使用して頂ければ。♥ 0Who liked: No userオンにした場合は、テーマで使われている以外のその他のFont Awesomeアイコンが出なくなるので一部のボタンも表示されなくなってしまいます。
FontAwesomeという事だったので、すべてのFontAwesomeアイコンを読むにはその部分をオフにする必要があるのですがすべてオフの状態だったとの事で別の原因があるかもしれません。
こちらの環境では、一見正しく表示されているように見えるのですが、iPanorama 360のどの設定ページのアイコン or ボタンが正しく動作しないか教えていただけますか？
♥ 0Who liked: No userSnow MonkeyのFontAwesomeの読み込みは最適化されていると、テーマで使われている以外のその他のFont Awesomeアイコンが出なくなります。
「外観」＞「カスタマイズ」＞「ページ速度最適化」＞「軽量な FontAwesome を使用する」
がオンになっていませんか？♥ 0Who liked: No userそれだけをCSSで外すのはやっぱり無理ですよね。
リセットCSSと言う言葉の意味も全然違ってたので忘れてください（汗単純に「この要素には何も装飾をつけないで欲しい」と言う依頼時って、SCSSでその要素を外したのをビルドして、子テーマかプラグインでそのCSSを読む等をする…とか言うやり方くらいしか無いかなと思ったんですが、それは本体アップデートでスタイル崩れる原因になるし…と。
適当に上書きで程よくしたCSSを作ることにします。
♥ 0Who liked: No user自己解決したっぽいので。
wp_enqueue_style( 'snow-monkey-dropdown-navigation', SNOW_MONKEY_DROPDOWN_NAVIGATION_URL . '/dist/css/app.min.css', [ Helper::get_main_style_handle(), // < この指定を追加 ], filemtime( SNOW_MONKEY_DROPDOWN_NAVIGATION_PATH . '/dist/css/app.min.css' ) );Helper::get_main_style_handle()でテーマのスタイルの後に読まれるようにしておかないと、
テーマスタイル前に読まれるために適用したスタイルはテーマで再上書きされてしまっているようです。
bbpress supportを入れるとこの指定がある為か読み込み順が変動する事で正常な読み込み順となるので、発生しないようです。
その為か、今まで気づきませんでした…。他のアドオンでも読み込みに関する優先指定が無いようなので、テーマ後に適用する必要のあるものはget_main_style_handleで読み込み順を後にする方が良いのかもです。一応、ご報告まで。
♥ 0Who liked: No userbbpress supportが動作している場合、正しく表示されるようですが、
それ以外の場合は正しく表示されない事を確認しました。♥ 0Who liked: No useriOSの仕様と言う事で理解しました。
しかし、iOSの状態でも、クローズボタンは正しくiOS10以降から全端末を調査したところすべて動作している為、リンクボタンが付与されている時だけ透過と言う形は難しいでしょうか？
CTAのリンクボタンが無い状態、つまりテキストとクローズボタンのみの状態であれば、iOSでもクローズボタンとテキストが読めても動作上は問題ないのではと思っています。
ご検討お願いいたします。♥ 0Who liked: No user> シークレットモードで一度みてもらえますか？ 多分くずれないんじゃないかなと。
シークレットモードで見るとこのフォーラムもうちのも直ったので、キャッシュの問題だったようです。
bbPressのアップデート時にサイトキャッシュがクリアされなかったっぽい…orz
キャッシュが残ってると崩れるみたいですね、うーんクローズします。
♥ 0Who liked: No user同じく消えないのを確認しました。
CTA 最新版 + Snow Monkey 8.0.7。♥ 0Who liked: No userAとBのattributesの構造は同じでしょうか？
attributesの構造などが異なる場合、トランスフォームする各ブロックのattributesの変換ルールとかを設定する必要があります。
例えばAのブロックのtitleと言うのをBのブロックのmessageにするなどはtitleをmessageに変換すると言ったルールを書く必要があります。♥ 0Who liked: No user -
投稿者投稿
