フォーラムへの返信
-
投稿者投稿
-
v4.0ベータ4 にて機能追加しました。テーマをアップデートしてみてください!
♥ 0いいねをした人: 居ませんこれは確かに使えると便利そうですね。ちょっと今の Snow Monkey では対応できないので、アップデートして、v4.0ベータ3 で対応できるようにします。しばらくお待ちください m(_ _)m
♥ 0いいねをした人: 居ません例えば下記のサイトのような感じですかね?
(左上のボタンをおして表示されるメニューの中に検索ボックスが表示される)♥ 0いいねをした人: 居ません子テーマの functions.php に下記を追加してみてください。(セキュリティの関係で script タグが投稿できないので、下記で scrip となっている部分は script と置き換えてください!)
/** * ピックアップスライダーの表示時間を8秒にする */ add_action( 'wp_footer', function() { ?> <scrip> jQuery(function($) { $('.wpaw-pickup-slider__canvas').each(function(i, e) { var slider = $(e); slider.slick('slickSetOption', 'autoplaySpeed', 8000, true); }); }); </scrip> <style> .wpaw-pickup-slider .slick-slide.slick-current .wpaw-pickup-slider__figure, .wpaw-pickup-slider .slick-slide.pan .wpaw-pickup-slider__figure { animation-duration: 10s; } </style> <?php });
♥ 0いいねをした人: 居ません子テーマの CSS か、カスタマイザーの追加 CSS に下記を足してみてください。
名前も日付も消したい場合
.wpaw-pickup-slider__item-meta { display: none; }
名前だけ消したい場合
.wpaw-pickup-slider__item-meta .c-meta__item--author { display: none; }
秒数については JavaScript でごにょごにょする必要がありそうです。ちょっとできるかわからないので試してみます。
♥ 0いいねをした人: 居ませんなるほどです…。
可能であれば、テーマを Snow Monkey 以外に変えてみて動作確認するとテーマ由来の不具合かわかると思うので切り分けしやすいかなと思います。「スラッグの問題」というのは結構あるかもしれませんね。ページのスラッグとかとダブらせちゃって、あれ?となることがたまにあります^^;♥ 0いいねをした人: 居ません基本的には子テーマやカスタマイザーの追加 CSS に、オリジナルの CSS を追加していただく感じになると思います。どういう風にしたい(例えばジワーと横に動くのをもっと遅くしたいとか)というのがあれば、具体的なコードをご提示できるかなと思いますが、具体的にこうしたいというのはもう決まっていますか?
♥ 0いいねをした人: 居ませんスライダーは JavaScript で HTML の組み込みを行うところからなので、普通に画像を表示するだけのときよりも遅いんですよね。あとはローディングを入れちゃうとかですね。個人的にはローディングある方が体感速度が遅くなる気がするのでおすすめはできませんが、完全に読み込まれてからページが表示されるようになるので、ページがガクッとなる感じは軽減されると思います。
Snow Monkey 組み込みのものを利用するには、子テーマの functions.php に以下のコードを足してみてください。
add_action( 'snow_monkey_prepend_body', function() { ?> <div class="c-page-effect" data-page-effect="fadein" aria-hidden="false"> <div class="c-page-effect__item"> <div class="c-circle-spinner"></div> </div> </div> <?php } );
♥ 0いいねをした人: 居ません「CSS を非同期読み込みする」はチェックを外してみてください。多分 Elementor と相性がよくない気がします。それでもコンテンツが先に表示されてしまうのであれば、スライドの画像の容量を減らすとか…が必要かもしれませんね。画像が重いとどうしても読み込みに時間がかかってしまいますので。
♥ 0いいねをした人: 居ませんあーなるほど!はやとちりして目が滑ってました、すみません>< うーん、となると img で出力するようにしたほうが良さそうですね…。 background-size: cover にするために背景画像にしているので、object-fit: cover を使って img にするのが良さそうかなと思いました。ちょっとためしてみます!
♥ 0いいねをした人: 居ませんCase Shinjuku のサイトは、Snow Monkey ではなくオリジナルで、ブログカードのパッケージだけ利用、そして、AMP については AMP プラグインで対応している、ということであっていますよね?
その場合ですと、パッケージ側での対処ではなく、AMP 用の scss ファイルでブログカードの scss を import し、それを AMP 用のフックで読み込ませる、という処理が必要になります。
(AMP は CSS の容量制限がきついため、強制的に読み込ませるのではなくそのようなフローにしています)下記参考にしてみてください。
♥ 0いいねをした人: 居ませんこれは以前共有してもらったサイトでの問題でしょうか?今見てみたら問題なさそうでしたが、「CSS を head に出力する」をチェックした状態でしょうか。
ちょっとこちらの環境では再現できなかったため、「CSS を head に出力する」のチェックを外した状態で、当該サイトを確認させて頂けると助かります。
♥ 0いいねをした人: 居ませんSnow Monkey の公式サイトもカスタムタクソノミーを使っていますが、特に不具合は起きていないので、おそらく使用しているプラグインか、設定方法に問題があるのではという気がします。
「No Category Base」は結構扱いが難しいプラグインだと思いますので(というかパーマリンクをいじくるプラグインは基本的に扱いが難しい)、オフにしておいたほうが良いと思います。
カスタム投稿タイプやカスタムタクソノミーを定義したあとは、管理画面 > 設定 > パーマリンク設定を開いて(何も操作せずに)保存をおすとちゃんと表示されたりします。おまじない的にやってみられると良いかもしれません。
Codex のサンプルコードで定義されたということなので多分今回は問題ないのではと思うのですが、参考にされる記事によっては間違ったコードを紹介している場合があります。次の記事が詳しいです。
♥ 0いいねをした人: 居ませんあー確かにそうですね。デフォルトで除外するようにしたほうが良い気がしますね。
Analytics のタグは単純に管理者のときは出力しない、とすれば良いと思うのですが、タグマネージャーは全然無知でして、もしご存知であれば教えてください!タグマネージャーも Analytics のタグと同じように、単純に管理者のときは出力しない、とすれば良いのですかね?
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','<tag_manager_id>');
これを出力したりしなかったり制御するみたいな。
♥ 0いいねをした人: 居ません最新版をお使いでしょうか?
過去のバージョンでは不具合でそのような挙動の時期もあったと記憶していますが、現在のバージョンでは特に何も設定しなければ何も表示されないようになっています。ホームページ設定 > 投稿ページで割り当てた固定ページのアイキャッチ画像を設定するか、カスタマイザー > デザイン > デフォルトページヘッダー画像に画像を設定している場合はその画像が表示されるようになっています。
♥ 0いいねをした人: 居ません -
投稿者投稿