フォーラムへの返信
-
投稿者投稿
-
キタジマさん
あぁー・・・「安全」というワード、よく言われました笑
依存関係大事ですね。
こういう場合は
['aos']
でいいですか?♥ 0いいねをした人: 居ません@yasuki さん
こんにちは。
Snow Monkeyにもアニメーション機能がついていますが、あえてAOSを使うなら、こんな感じでmy-snow-monkey.phpに記述すればいいのではないかと。
add_action( 'wp_enqueue_scripts', 'msm_enqueue_style_script' ); function msm_enqueue_style_script() { wp_enqueue_style( 'msm_style', MY_SNOW_MONKEY_URL . '/style.css', [], filemtime( MY_SNOW_MONKEY_PATH . '/style.css' ) ); } add_action( 'wp_enqueue_scripts', function() { wp_enqueue_style( 'aos-style', 'https://unpkg.com/aos@2.3.1/dist/aos.css', [], false ); wp_enqueue_script( 'aos', 'https://unpkg.com/aos@2.3.1/dist/aos.js', [], false ); wp_enqueue_script( 'my_scripts', MY_SNOW_MONKEY_URL . '/app.js', [], filemtime( MY_SNOW_MONKEY_PATH . '/app.js' ), true ); } );
あと、AOSはjQuery非依存なので、わざわざ読み込む必要はありません。
Snow Monkeyはカスタマイズも楽しいので、いろいろ試してみたくなりますよね。
このフォーラムも勉強になりますが、WordPressも一緒に学習していくと、もっとハマっていろんなことができると思います。@shimatate さん
こんにちは。
フォームで入力内容の確認画面が必須でないようであれば、Contact Form 7 + Contact Form 7 – Conditional Fields でお望みの形に近いフォームになるのではないでしょうか。
Contact Form 7用の基本的なCSSはSnow Monkeyに実装されているので、比較的導入しやすいと思います。Contact Form 7 – Conditional Fields では、表示されていない“必須項目”はエラーになりません。
プラグインの使用方法を解説しているブログ記事などもありますので、時間があればぜひお試しください。@春さん
可能です。
お使いのブラウザがChromeなら「デベロッパーツール」で該当部分のStyleを見てください。
非表示(display:none)になっているだけだと思います。
ここを表示するようにCSSに書き加えてみてください。♥ 2いいねをした人: 居ません@Sさん
横から失礼します。
デベロッパーツールで試したところ・・・.smb-panels__item__figure { padding: 40px 40px 0 40px!important; }
とか
.smb-panels__item__figure img { width: 80%; }
で、小さくならないでしょうか?
数値は調整してください。♥ 0いいねをした人: 居ません@キタジマ タカシさん
調査していただきありがとうございます。
その後、導入しているプラグインを調べたら原因が判明しました。ブロックを無効化するためのプラグイン
Disable Gutenberg Blocks – Block Managerこちらが有効化されている場合、一部のパターンが「クラシック」扱いになっていました。
Snow Monkeyによるものでなく、大変失礼いたしました。♥ 0いいねをした人: 居ません@キタジマ タカシさん
こちらの環境では、WordPress 標準のブロックパターンは大丈夫でした。
ご確認をお願いします。♥ 1いいねをした人: 居ません@Mobby さん
カスタマイザー→デザイン→ヘッダー
モバイル用ヘッダー位置→オーバレイ(上部固定)ヘッダーコンテンツ
[ショートコード]□モバイルでもヘッダーコンテンツを表示
↑ここにチェックを入れない。私の環境では、上記の方法でハンバーガーメニューの左隣にカート内の数量しか表示されていません。
「モバイルでもヘッダーコンテンツを表示」にチェックは入っていませんか?
ご確認くださいませ。♥ 1いいねをした人: 居ません@Mobbyさん
この投稿をしたGONSYです。
WooCommerce使用時にヘッダー内にカートアイコンとカート入れた数量を表示したい
キタジマさんのアドバイスのとおり、ヘッダーコンテンツにショートコードで入れています。
スマートフォン用には以下のフックでハンバーガーメニューの前に追加しました。add_action( 'get_template_part_template-parts/header/hamburger-btn', function() { ?> ここにカートへのリンク( wc_get_cart_url() ) ここに数量表示( WC()->cart->get_cart_contents_count() ) <?php } );
また、カート内の商品数を(Ajaxで)タイムリーに更新させるために以下を参考にしました。
@NAUTICA さん
取り急ぎということであれば、pickadate.js(jQuery/MIT license)で実現できそうな気がします。
Contact form 7で使ったことはありますが、Snow Monkey Formsでは未検証です。
♥ 3いいねをした人: 居ません@kodawari555 さん
ヘッダーの上なら、wp_body_open がベターかと思いますが、ちょっと違うでしょうか?
完成のイメージがあるとわかりやすいかもです。♥ 1いいねをした人: 居ません@Y M さん
JSになりますが、InstagramFeed(MIT License)なら、ユーザーネームだけで表示は可能のようです。
https://github.com/jsanahuja/jquery.instagramFeed動作サンプル
https://www.sowecms.com/demos/InstagramFeed/#examplesブロックを追加するようなプラグインではありませんので、フックで追加してみてはいかがでしょうか?
@Olein_jp さんが運営されている「HAPPY SNOW MONKEY」がわかりやすいです。
@Olein_jp さん、いつも助かってます🙇♥ 2いいねをした人: 居ません長谷川さん
キタジマさんフォローコメントありがとうございます。
プログラムの作法ができていない状態でフォーラムにコードを書くのは良くないですね。
失礼しました🙇
実際に使っていないコードでしたが、検証したいと思います。ところで九州機電株式会社さんは解決できたのでしょうか?
♥ 1いいねをした人: 居ません -
投稿者投稿