[キタジマ タカシ]

スライダーは 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

Who liked: No user

[キタジマ タカシ]

「CSS を非同期読み込みする」はチェックを外してみてください。多分 Elementor と相性がよくない気がします。それでもコンテンツが先に表示されてしまうのであれば、スライドの画像の容量を減らすとか…が必要かもしれませんね。画像が重いとどうしても読み込みに時間がかかってしまいますので。

♥ 0

Who liked: No user

[キタジマ タカシ]

あーなるほど！はやとちりして目が滑ってました、すみません>< うーん、となると img で出力するようにしたほうが良さそうですね…。 background-size: cover にするために背景画像にしているので、object-fit: cover を使って img にするのが良さそうかなと思いました。ちょっとためしてみます！

♥ 0

Who liked: No user

[キタジマ タカシ]

Case Shinjuku のサイトは、Snow Monkey ではなくオリジナルで、ブログカードのパッケージだけ利用、そして、AMP については AMP プラグインで対応している、ということであっていますよね？

その場合ですと、パッケージ側での対処ではなく、AMP 用の scss ファイルでブログカードの scss を import し、それを AMP 用のフックで読み込ませる、という処理が必要になります。
（AMP は CSS の容量制限がきついため、強制的に読み込ませるのではなくそのようなフローにしています）

下記参考にしてみてください。

https://github.com/inc2734/snow-monkey/blob/master/resources/app/setup/amp.php

♥ 0

Who liked: No user

[キタジマ タカシ]

これは以前共有してもらったサイトでの問題でしょうか？今見てみたら問題なさそうでしたが、「CSS を head に出力する」をチェックした状態でしょうか。

ちょっとこちらの環境では再現できなかったため、「CSS を head に出力する」のチェックを外した状態で、当該サイトを確認させて頂けると助かります。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey の公式サイトもカスタムタクソノミーを使っていますが、特に不具合は起きていないので、おそらく使用しているプラグインか、設定方法に問題があるのではという気がします。

「No Category Base」は結構扱いが難しいプラグインだと思いますので（というかパーマリンクをいじくるプラグインは基本的に扱いが難しい）、オフにしておいたほうが良いと思います。

カスタム投稿タイプやカスタムタクソノミーを定義したあとは、管理画面 > 設定 > パーマリンク設定を開いて（何も操作せずに）保存をおすとちゃんと表示されたりします。おまじない的にやってみられると良いかもしれません。

Codex のサンプルコードで定義されたということなので多分今回は問題ないのではと思うのですが、参考にされる記事によっては間違ったコードを紹介している場合があります。次の記事が詳しいです。

いい加減 flush_rewrite_rules を書くのはやめてください！！ – Toro_Unit

torounit.com

♥ 0

Who liked: No user

[キタジマ タカシ]

あー確かにそうですね。デフォルトで除外するようにしたほうが良い気がしますね。

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

Who liked: No user

[キタジマ タカシ]

最新版をお使いでしょうか？
過去のバージョンでは不具合でそのような挙動の時期もあったと記憶していますが、現在のバージョンでは特に何も設定しなければ何も表示されないようになっています。

ホームページ設定 > 投稿ページで割り当てた固定ページのアイキャッチ画像を設定するか、カスタマイザー > デザイン > デフォルトページヘッダー画像に画像を設定している場合はその画像が表示されるようになっています。

♥ 0

Who liked: No user

[キタジマ タカシ]

「閉じる」のような文字列を表示する場合は、前述した CSS に加えて、ちょっとボタンぽくするような装飾なども加える必要があると思います。もし多数の人がそのほうが良いということであればそのようなやり方にするのがベターかもしれませんが、今の所まだ同じような要望はきておらず、また、加えるのは簡単ですが消すのは難しいため、デフォルトでは今のシンプルな形で、やりたい人はカスタマイズで対応してもらう、というのは良いと考えています（これは Snow Monkey 全体を通しての基本的な思想でもあります）。

また、開いた時に右端に出てるMENUが閉じるに置き換わるとより感覚的に使いやすくなるのではないでしょうか。

デザイン的には美しくないかもしれませんが、可能であれば、右側の余白にクリックでメニューが閉じますという表記があると無知な人にもわかりやすくなるのではないか。

この辺はちょっと技術的に、というか拡張性を保ったままスマートに実装するのが難しい気がします。

できる範囲で、そういうデザインのデザインスキンをつくるとか、マニュアルにカスタマイズ事例として載せるのが良いかなと思いました。

♥ 0

Who liked: No user

[キタジマ タカシ]

あーなるほどですね！こちらも次回バージョンアップにふくめます！ご指摘ありがとうございます！

♥ 0

Who liked: No user

[キタジマ タカシ]

そうですね、これは子テーマでの対応となります。

/snow-monkey/templates/view/content-post.php を /子テーマ/templates/view/content-post.php にコピーして、その中の

<div class="c-entry__meta">
	<?php get_template_part( 'template-parts/entry-meta' ); ?>
</div>

を消して、

<?php
if ( get_option( 'mwt-display-profile-box' ) ) {
	get_template_part( 'template-parts/profile-box' );
}
?>

の上に

<?php get_template_part( 'template-parts/entry-meta' ); ?>

ペーストしてみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

子テーマの CSS、もしくは「カスタマイザー > 追加 CSS」に下記の CSS を追加していただくとどうでしょうか？

@media (max-width: 1023px) {
  .c-entries--rich-media .c-entries__item {
    flex-basis: 100%;
    max-width: 100%;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

スマホメニューを開いた後、閉じるのが面倒なので、スクロールしたら、自動で閉じてほしい。

これは意図せぬ動作がおこりそう（例えば閉じたくないのに閉じちゃうとか）がありそうなので難しいと思います。スクロールするためにはメニュー部分以外の画面を触る必要がありますが、現状でも、閉じるボタンを押さなくてもメニュー部分以外の画面を触れば閉じるようになっていますので、そのままでも使い勝手的にはあまり差はないのかなと考えています。

スマホメニューでサブメニューをつくった時に、右側に出て来る↓開くマークがわかりづらいので、もっと左側に寄せるか？リテラシーが低い人でも開けるとわかるようにしてほしい。

デザインは調整の必要があると思いますが、次の CSS を子テーマや追加 CSS に追加していただければ、開く/閉じるという表記に変更できます。

#drawer-nav .c-drawer__toggle[aria-expanded=true] {
  transform: none;
}

#drawer-nav .c-drawer__toggle .c-ic-angle-right:before {
  content: '開く';
}

#drawer-nav .c-drawer__toggle[aria-expanded=true] .c-ic-angle-right:before {
    content: "閉じる";
}

♥ 0

Who liked: No user

[キタジマ タカシ]

ただ、拡大したときに上下が切れてしまうのは、残念な感じはします。
サムネイルはトリミングされていてもいいけれど、拡大画像では全体を見せたいと思うのですよね…

確かに拡大画像までトリミングするのはやりすぎな感じがしてきました。トリミングなしで良い感じにできるかちょっとやってみます！

♥ 0

Who liked: No user

[キタジマ タカシ]

今手元では修正しました。リリースまで少々お待ちください。

目次という見出しの変更はプログラム上での変更になりますでしょうか。

そうですね。子テーマの functions.php に下記をコピペしてみてください。

add_filter( 'gettext', function( $translation, $text, $domain ) {
	if ( 'inc2734-wp-contents-outline' === $domain && 'Outline' === $text ) {
		return '「目次」以外のラベルを表示します！';
	}
	return $translation;
}, 10, 3 );

♥ 0

Who liked: No user

[投稿者]

投稿