hisanobu

フォーラムへの返信

15件の投稿を表示中 - 16 - 30件目 (全52件中)
  • 投稿者
    投稿
  • hisanobu
    参加者
    30

    ありがとうございます。

    こちらline-heightを調整された感じですかね?
    チェックボックスがずれてしまうようです…!

    0
    いいねをした人: 居ません
    hisanobu
    参加者
    30

    ありがとうございます。

    追記:iPad(Safari、Chrome)でも同様の現象だったのでこちらも併せて共有しておきます。

    iPadで検証

    お手数ですが、よろしくお願いいたします。

    0
    いいねをした人: 居ません
    hisanobu
    参加者
    30

    お返事ありがとうございます。

    「テキスト入力後わずかに下の項目が動く」→なぜか端末の画面収録を使うと再現できないので、別のカメラで撮りました。inputタグで動きます。

    動画ファイル

    0
    いいねをした人: 居ません
    hisanobu
    参加者
    30

    お返事ありがとうございます。

    「リンクを表示」というのは、基本的な使い方として「パネルがクリックできることを文字を出して明示するための機能」という捉え方ですね、承知いたしました。

    ブロックスタイルの方も承知いたしました。

    ご回答ありがとうございます。

    0
    いいねをした人: 居ません
    返信先: ボタン要素にaria-labelの追加を希望 #130784
    hisanobu
    参加者
    30

    おお、マジですか!
    コード見てなるほどと感心してしまいました。
    細かい点まで実装ありがとうございました。

    ではトピック閉じさせていただきます。

    1
    いいねをした人:
    返信先: ボタン要素にaria-labelの追加を希望 #130687
    hisanobu
    参加者
    30

    アップデートで確認できました!
    他の部分まで実装いただきありがとうございます。

    // ハンバーガーメニューのmenuを削除
    add_filter(
      'snow_monkey_get_template_part_args_template-parts/header/hamburger-btn',
      function( $args ) {
        $args['vars']['_label'] = '';
        return $args;
      }
    );

    文字の削除はこのように処理しているのですが、同時にフックでbuttonに属性追加することってできますでしょうか?
    それともJavaScriptが適切ですかね?

    0
    いいねをした人: 居ません
    返信先: ボタン要素にaria-labelの追加を希望 #130623
    hisanobu
    参加者
    30

    申し訳ありません。確かに、menuの文字列は削除してました…!
    アイコンのみのハンバーガーメーニューの実装は多いため、button要素自体にラベルがあった方が都合は良いですが、.c-hamburger-btn__labelとの兼ね合いがありますよね…。

    アコーディオンブロックの更新の件、承知いたしました。ありがとうございます!

    0
    いいねをした人: 居ません
    hisanobu
    参加者
    30

    承知いたしました。ありがとうございます!

    ※ちなみにaタグ直下のsectionタグをarticleタグに変更しても読まれました。

    1
    いいねをした人:
    hisanobu
    参加者
    30

    あれ、すみません、確かにレイアウト関係なく読まれませんでした…。
    headerタグをdivに変更すると読まれました。

    再度検証してみたところ、カスタム投稿タイプに関しては、ビューテンプレートを「デフォルト」にするとどのレイアウトでも読まれました。

    0
    いいねをした人: 居ません
    hisanobu
    参加者
    30

    はい、Mac OS VoiceOverになります。HTML構造を見ても読まれない理由が分からずです…。

    0
    いいねをした人: 居ません
    返信先: カラムブロックの%が選択できない #129924
    hisanobu
    参加者
    30

    キタジマ タカシさま

    アップデートで確認できました…!迅速なご対応ありがとうございます!

    1
    いいねをした人:
    hisanobu
    参加者
    30

    まーちゅうさま
    原因の特定とご報告ありがとうございます。

     

    キタジマタカシさま
    修正確認できました。ご対応ありがとうございます。

     

    トピック閉じさせていただきます。

    1
    いいねをした人:
    hisanobu
    参加者
    30

    まーちゅうさま

    ありがとうございます。
    コードをスッキリさせたい場合は、アクションフックで再利用ブロックを活用するのも良いですね…!

    ただ私の環境だと、スラッグの編集が出来ないことと、各ブロック間のmargin-topが消えてしまうので、こちらが課題です。(まだ細かく検証してませんので見落としがあるかも)

    下が再利用ブロック

    0
    いいねをした人: 居ません
    hisanobu
    参加者
    30

    unitoneのようなFSEのことですかね?

    機能的な面や、今後本格的に移行するのかすごく気になります…!

    ※Snow Monkeyの隠しコマンド的なのがあるのも結構好きですが(u-smooth-scrollとか)

     

    一旦実装としては出来ましたが、もし他の良い方法があればということでしばらくトピック開いて置かせていただきたいと思います。

    1
    いいねをした人:
    hisanobu
    参加者
    30

    GONSYさま、 キタジマ タカシさま

    ご丁寧に返信、実装例までご提供くださりありがとうございます!

    ちょっと色々試してみました。

     

    >GONSY さんが書かれている設定&CSS の追加までは同じ…

    ウィジェットからだとセクションブロックの全幅は左右に余白が空いてしまい、テキストが一回り小さくなります。

    これはc-fluid-containerが親にあるため左右のpaddingの打ち消しが必要ですが、他のブロックにも影響しないよう、フッターの全幅のセクションブロックにのみ効かせるよう少し工夫が必要でした。

    --_font-size-levelが-1になっているのでこちらも打ち消しが必要です。

    他にウィジェットを挟むことでブロックに影響ありそうな箇所があるかもしれません。

     

    もう1つの実装方法は、固定ページで下書きを作ってパーツ化し、アクションフックでパーツ化した固定ページを丸ごと出力する方法です。

    /* footerに固定ページ設置 */
    add_action(
    	'snow_monkey_prepend_footer',
    	function () {
    		/* 特定のページを指定して固定ページの内容を表示 */
    		if (!is_page('contact')) {
    			
    			$new_query = new \WP_Query(
    				[
    					'pagename'       => 'footer_cta',/* 作成したページのスラッグ */
    					'post_type'      => 'page',/* 固定ページを指定 */
    					'post_status'    => ['draft']/* 下書きページの指定 */
    				]
    			);
    			
    			if ($new_query->have_posts()) {
    				while ($new_query->have_posts()) {
    					$new_query->the_post();
    					the_content(); // 固定ページの内容を表示
    				}
    				wp_reset_postdata(); // ループ後にリセット
    			}
    		}
    	}
    );

     

    こちらだと、footerタグ直下に固定ページのブロックが直接設置されるので、HTMLもシンプルになりウィジェットも別で実装できます。(ショーケースのサイトはこの方法?)

    結局それなりのコードの記述が必要であり、どの方法が良いかなといった感じではありますね…。

    1
    いいねをした人:
15件の投稿を表示中 - 16 - 30件目 (全52件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。