[キタジマ タカシ]

v4.1.3 で修正してみました。ご確認よろしくお願いいたします！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

v4.1.3 で修正いたしました。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あー！多分僕のつくった条件判定がサブディレクトリに対応してない気がします！うーん、ちょっと対応方法考えます、すみません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

メニューの反転処理は、4.1.0〜とそれ以前で異なったものになっているので、古いバージョンをお使いであれば、最新版にアップデートすることをおすすめします。もしすでに最新版を使っているのでしたら、パーマリンク設定やページの URL によって反転する/しないの条件がありますので、可能であればページを教えて頂いて実際に見てみたいです。ご検討ください！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

本日中にこちらでも試してみますのでもう少々お待ちくださいませ、バグ埋め込んじゃって申し訳ないです。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あ！すみません！これバグだと思います！
こちらでも検証しますが、お急ぎでしたら、

snow-monkey/app/setup/google-infeed-ads.php の

add_action( 'get_template_part_template-parts/entry-summary', function( $slug, $name ) {

の部分を

add_action( 'get_template_part_template-parts/loop/entry-summary-post', function( $slug, $name ) {

に変更するとどうでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

例えば、

.wpaw-slider .wpaw-slider__item {
  min-height: 540px !important;
  height: 540px !important;
}

でタブレット・スマホでも 540px になってしまう、ということでしたら、

@media (min-width: 1024px) {
  .wpaw-slider .wpaw-slider__item {
    min-height: 540px !important;
    height: 540px !important;
  }
}

とすることで、1024px以上のブラウザサイズのときだけ 540px にする、ということができます。1024 だとタブレットも反応してしまうものがあるかと思いますので、1280px とかでも良いかもです。お好みで調整してみてください。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あー、これ他のテーマでは iframe を選択してセンタリングってできるのですかね？ TinyMCE の制限的な気がしまして…。

解決策とはちょっと違いますが、WordPress.tv の動画であれば、埋め込み iframe タグを使わずに、ページの URL を貼り付けるだけで、oEmbed で良い感じに最大幅のレスポンシブの動画を表示してくれたと思います。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こういう感じということであっていますでしょうか？

上記の場合だと、カスタム HTML ウィジェットに Google Map の埋め込み iframe タグを貼り付け、その中に style="border:0 という部分があるのですが、そこに次のようにいくつかの CSS を足してみました。

style="border:0; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); max-width: none; width: 100vw"

試してみてください！

♥ 1

いいねをした人: 居ません

[キタジマ タカシ]

結論は「プラグインとしてインストールした JetPack by WordPress.com の設定の際に wordpress.com でアカウント認証を行うと、なぜか上記の不具合が出る」でした。

うーなるほど、そんなところに原因が…。これはこれでなんで認証すると不具合がでるようになるのか気になりますね^^;

一応原因は特定できたということで、クローズします！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

わかりずらくすみません、、コード見ながらとなりで説明できれば多分一発だと思うのですが、文章にするとスマートに説明しづらくて。

えと、/templates/layout/wrapper/category-slug.php は大枠のレイアウトファイルになりますが、メインテンプレートから「/templates/layout/wrapper/category-slug.php を使いたい」という指定をしなければなりません。

ここでいうメインテンプレートとは、/子テーマ/category.php とか、/子テーマ/category-slug.php とか、/子テーマ/single.php とかになります。

まとめると、

1. /子テーマ/category-slug.php を作成

<?php
$controller = new Mimizuku_Controller();

// layout/wrapper/category-slug.php をレイアウトファイルとして使用
$controller->layout( 'category-slug' );
if ( have_posts() ) {
	// 記事があるときは view/archive.php をビューファイルとして使用
	$controller->render( 'archive' );
} else {
	// 記事が無いときは view/none.php をビューファイルとして使用
	$controller->render( 'none' );
}

2. /子テーマ/templates/layout/wrapper/category-slug.php を作成

/snow-monkey/template/layout/wrapper 内の適当なファイルをコピペして改変する

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

4.1.0 で template-parts/global-nav.php のつくりが変わったのですが、子テーマにその変更が反映されていなかったから崩れが発生したのだと思います。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Autoptimize も WP Fast Cache も使用したことがなく手探りで恐縮です。子テーマ利用でも親テーマ（今回の場合は Snow Monkey）の CSS を直接利用する場合と、子テーマに CSS を取り込んでそちらを使う場合とがあるので、まずプラグインが原因の可能性を確認させていただきました。

改善しないとのことなので、やはり子テーマに原因がある可能性が高いですね。

子テーマのコードが見てみたいので、お手数ですが、Facebook のメッセージなどで子テーマのファイルを一式いただくことはできますでしょうか？

北島 卓

北島 卓さんはFacebookを利用しています。Facebookに登&#x933…

www.facebook.com

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Autoptimize も入れられてますかね？ そちらも停止させてみてください。

Snow Monkey は CSS や JavaScript などはもとから圧縮したものを使っているので、多分ですが Autoptimize や WP Fast Cache を使ってもそれほど速くはならないんじゃないかと思います。有効/無効時の速度を比べてみて、それほど差がないようであれば無効にされることをおすすめします。（ロード時間の実測値は、Chrome のデベロッパーツールの Network タブをひらいた状態でページをリロードすると下のほうに表示されます）

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

早速ありがとうございます！

えと、Chrome のデベロッパーツールで崩れている部分の CSS をみてみたのですが、どうもグローバルナビゲーション（.p-global-nav）の CSS が抜け落ちているようです。

それがなぜなのかはまだわかりませんが、読み込まれているブログが Snow Monkey 標準のものでなく、cache/wpfc-minified/224o20bs/c8kx1.css になっていまして、多分「WP Fastest Cache」プラグインを使われているのではないかなと思います。一旦「WP Fastest Cache」を停止させてみて、Snow Monkey 標準の CSS を読み込むように戻すとどうなるか試してみていただけますでしょうか？

♥ 0

いいねをした人: 居ません

[投稿者]

投稿