メインコンテンツへ移動

Search results of "i"

15件の結果を表示中 - 1,186 - 1,200件目 (全8,977件中)
  • 投稿者
    検索結果
  • #134569
    GONSY
    参加者
    846

    【お使いの Snow Monkey のバージョン】
    【お使いの Snow Monkey Blocks のバージョン】
    【お使いの Snow Monkey Editor のバージョン】
    【お使いのブラウザ】

    トピック立てるときはこちらの情報を入れてください。
     
    ご質問のなかに・・・

    お問い合わせページ完了後のサンクスページ

    とのことですが、Snow Monkey Forms を以下の方法で送信完了画面(別ページ)にジャンプさせているという認識で合ってますか?

    Snow Monkeyに限らず、head内に入れるなら、以下のような感じになると思います。

    add_action(
    	'wp_head',
    	function () {
    		if ( is_front_page() ) { // トップページの場合
    			?>
    			// 「タグpagevisit」の中身
    			<?php
    		} elseif ( is_page( 'thanks' ) ) { // 送信完了ページのスラッグが thanks の場合
    			?>
    			// 「タグsignup」の中身
    			<?php
    		}	
    	}
    );
    2
    Who liked:
    KaoruDesign
    参加者
    4

    CSSなどチェックいたしました

    バリデーション時にかかるCSS について active focus 時のカラー(水色)と干渉しているようでして

    テストでラジオだけせっちしたフォーム を用意したところ 北島さんと同様 問題なかったのですが…

    いろいろテストしておりますが、テストつづけつつ、一度以下にて取り急ぎ対応としてみました

    ※別途CSSにて 以下を カスタマイザーの追加CSS からかけております

    .smf-form .smf-item [data-invalid="1"] {
      border-color: #d98585 !important;
    }
    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2588

    返信遅くなってすみません。こちらの環境で試してみたのですが、ラジオボタンの1個目も赤丸になっているみたいでした。なのでもしかしたら独自に追加している CSS が影響している可能性もあるかもしれません。

    もし URL をここで共有することが可能であれば、こちらで確認することもできますのでご検討ください!

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2588

    件のトピックの場合は Snow Monkey Editor のアニメーションについての話ですが、古湯温泉のサイトのアニメーションでいうと Snow Monkey Editor のアニメーションには同じものが無いので、下記のようなページを参考に独自で実装するしか無いのかなと思います。

    同じでなくても良いのなら、Snow Monkey Editor のアニメーション機能でまぁこれで良いか…というものを設定するのが一番簡単だとは思います。

    0
    Who liked: No user
    #134495
    アバター画像hiro8watanabe
    参加者
    5

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

    情報不足ですみませんでした。
    swiper読み込み、CSSでの横スクロールは対応してありますが、jsの方で問題があったようです。

    document.addEventListener(“DOMContentLoaded”, () => {}

    上記で囲むのを完全に見落としていました。
    修正したところ、無事スクロールヒントの動作確認ができました。

    お忙しい中、ありがとうございました。
    トピック閉じさせていただきます。

    1
    Who liked:
    #134486
    アバター画像キタジマ タカシ
    参加者
    2588

    ちなみに、こちらの環境ではこれででました。

    document.addEventListener(
    	"DOMContentLoaded",
    	() => {
    		new ScrollHint(".c-scroll-hint", {
    			suggestiveShadow: true,
    			remainingTime: 5000,
    			i18n: {
    				scrollable: "スクロールできます",
    			},
    		});
    	}
    );
    0
    Who liked: No user
    #134485
    アバター画像キタジマ タカシ
    参加者
    2588

    とりあえず上記のコードをこちらの環境には入れてみたのですが、わからなかったところがあるので教えてください。

    1. scroll-hint の js の依存関係に ['swiper_js'] が指定されています。この場合、swiper_js な js が読み込まれていないと scroll-hint も読み込まれないと思うのですが、そこは大丈夫でしょうか?

    2. デフォルトだとテーブルはコンテンツ幅を超えずに横スクロール自体をしない状態で表示されると思います。別途 CSS 等でテーブルの中身の折返しを無効化したりとか、セルの幅を指定したりとかして、テーブルがスクロールする状態にはしていますかね?

    0
    Who liked: No user
    #134472

    返信が含まれるトピック: Googleフォントの読み込みについて

    SNM-FUN
    閲覧者
    20

    キタジマさん
    ご教示いただき誠にありがとうございます。
    結果的に、My Snow Monkeyプラグイン内直下にfontsフォルダを作成し、 googleフォントから当該フォントをダウンロードし、それをfontsフォルダの中に入れた上で、以下のコードにより当該フォントの読み込みが成功し、かつカスタマイザー内の「フォントの太さ」でSemiBold 600を選択できるようになりました。

    add_filter(
    	'snow_monkey_font_family_settings',
    	function( $settings ) {
    		array(
    			$settings['noto-sans-jp']['variation']['600'] = array(
    				'label' => 'SemiBold 600',
    				'src'   => MY_SNOW_MONKEY_URL . '/fonts/NotoSansJP-SemiBold.ttf',
    			)
    		);
    		return $settings;
    	}
    );
    1
    Who liked:
    #134468
    アバター画像hiro8watanabe
    参加者
    5

    お世話になっております。

    その後、読み込み方法やjsの記述など試してみたのですが、解決しませんでした。
    以下は関係ある3ファイルの記述例です。

    どこか見落としているおかしなところなどありますでしょうか?

    ==============================================================

    my-snow-monkey.php

    add_action(
    	'wp_enqueue_scripts',
    	function () {
    		/* scroll-hint.css読み込み */
    		// wp_enqueue_style(
    			// 'scroll-hint_css',
    			// 'https://unpkg.com/scroll-hint@1.1.10/css/scroll-hint.css'
    		// );
    
    		// /* scroll-hint.js読み込み */
    		// wp_enqueue_script(
    			// 'scroll-hint_js',
    			// 'https://unpkg.com/scroll-hint@1.1.10/js/scroll-hint.js',
    		// );
    
    		wp_enqueue_style(
    			'scroll-hint',
    			MY_SNOW_MONKEY_URL . '/override/dist/assets/css/scroll-hint.css',
    			[Framework\Helper::get_main_style_handle()],
    			filemtime(MY_SNOW_MONKEY_PATH . '/override/dist/assets/css/scroll-hint.css')
    		);
    
    		wp_enqueue_script(
    			'scroll-hint',
    			MY_SNOW_MONKEY_URL . '/override/dist/assets/js/scroll-hint.min.js',
    			['swiper_js'],
    			MY_SNOW_MONKEY_PATH . '/override/dist/assets/js/scroll-hint.min.js',
    		);
    	}
    );

    ===================================================================
    アコーディオンブロックの中身

    <div class="smb-accordion__item__body is-layout-constrained wp-block-accordion-item-is-layout-constrained">
    	<figure class="wp-block-table alignfull is-style-stripes is-scroll c-scroll-hint" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">
    		<table style="border-width:1px">
    			<tbody>
    			</tbody>
    		</table>
    	</figure>
    </div>

    =======================================================================

    js

    new ScrollHint(".c-scroll-hint", {
    	suggestiveShadow: true,
    	remainingTime: 5000,
    	i18n: {
    		scrollable: "スクロールできます",
    	},
    });
    0
    Who liked: No user
    #134461
    アバター画像キタジマ タカシ
    参加者
    2588

    色などはおいておいて、とりあえず下記の CSS で 50×40 になるかなと思います。試してみてください!

    .c-hamburger-btn__bars {
      height: 40px;
      width: 50px;
    }
    
    .c-hamburger-btn__bar:nth-of-type(2) {
      top: 20px;
    }
    
    .c-hamburger-btn__bar:nth-of-type(3) {
      top: 40px;
    }
    0
    Who liked: No user
    mjmjsachi
    参加者
    11

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

    WCAG 達成基準 1.3.1: 情報及び関係性の達成方法 では、fieldsetlegend を使う他にも
    aria-labelledby を使用する方法(ARIA16)がありました。

    ラジオボタンやチェックボックス以外(単一のコントロールとラベルで成立するもの)の邪魔にならない方法があると良いのですが🙏

    1
    Who liked:
    アバター画像キタジマ タカシ
    参加者
    2588

    と、書き込んですぐすみません、Form Design Patterns という本をみてたら「ラジオボタンやチェックボックス以外のところを fieldset と legend で囲むのは仕様上は問題ないけどくどいのでやめたほうが良い」と書いてありました。

    ということは、

    お名前 [          ]
    Snow Monkey が好きですか
    Snow Monkey が好きですか

    [ ] はい
    [ ] いいえ

    の方式にして、右側の「Snow Monkey が好きですか」は管理画面上では設定できるけど、実際の画面では見えなくする、みたいな形のほうが良いのかなぁという気もしてきました。右側には複数個のコントロールを入れられるし、後方互換性も気にしなくて済むので。もうちょっと考えてみます…。

    1
    Who liked:
    アバター画像キタジマ タカシ
    参加者
    2588

    と、書き込んですぐすみません、Form Design Patterns という本をみてたら「ラジオボタンやチェックボックス以外のところを fieldset と legend で囲むのは仕様上は問題ないけどくどいのでやめたほうが良い」と書いてありました。

    ということは、

    お名前 [          ]
    Snow Monkey が好きですか
    Snow Monkey が好きですか

    [ ] はい
    [ ] いいえ

    の方式にして、右側の「Snow Monkey が好きですか」は管理画面上では設定できるけど、実際の画面では見えなくする、みたいな形のほうが良いのかなぁという気もしてきました。右側には複数個のコントロールを入れられるし、後方互換性も気にしなくて済むので。もうちょっと考えてみます…。

    1
    Who liked:
    アバター画像キタジマ タカシ
    参加者
    2588

    時間あいちゃってすみません! あまり詳しくなかったのでいろいろ調べてみたところ、legendfieldset の最初の子要素でないといけない等ルールがあるみたいだったので、一応下記のような感じで変更を入れようかなと考えているところです。

    <div class="wp-block-snow-monkey-forms-item smf-item">
      <fieldset>
        <legend class="smf-item__col smf-item__col--label">
          <span class="smf-item__label">
            <span class="smf-item__label__text">ここにラベル</span>
          </span>
        </legend>
        <div class="smf-item__col smf-item__col--controls">
          <div class="smf-item__controls">
            <div class="smf-placeholder">
              ここにフォームコントロール...
            </div>
          </div>
        </div>
      </fieldset>
    </div>
    1
    Who liked:
    Quidam
    参加者
    4

    ありがとうございます。
    <pre>~</pre>, <pre><code>~</code></pre> いずれもエラーになってしまうので、スクショを貼り付けます…!

    共有まで。(コードに修正点あればご指摘ください。)

    1
    Who liked:
15件の結果を表示中 - 1,186 - 1,200件目 (全8,977件中)

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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