[キタジマ タカシ]

確認したところ、HTML 構造がおかしくなっているようでした。

下記は正しいページの HTML ですが、.l-contents__inner の直下に .l-contents__main（メインカラム） と .l-contents__sidebar（サイドバー） があります。

一方、1カラムになっているページは .l-contents__inner の直下には .l-contents__main（メインカラム）しかなく、.l-contents__sidebar（サイドバー） は全然違うところに入ってしまっています。

おそらく、記事中の HTML に閉じミスがあり、その影響で変なところで HTML が閉じたと解釈されて構造が崩れてしまっているのだと思います。1カラムになっている記事の編集画面で一旦記事の中身を空にして確認してみて、崩れが発生していないならそれでビンゴだと思います。その場合は記事中の HTML を確認して、閉じミスしているところがないか地道に確認すれば解決できると思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

投稿ページは全幅で表示されない

どういうつくりになっているかがわからないので、実際のページを見せてもらうことはできますか？

フッターメニューのすぐ上に設置されず中途半端な位置に表示されてしまいます。

Snow Monkey には「フッター固定ナビゲーション」と「フッターサブナビゲーション」がありますが、「フッターメニュー」というのはそのどちらかのことでしょうか？

♥ 1

Who liked:

[キタジマ タカシ]

下記のコードを My Snow Monkey プラグインか子テーマの functions.php にコピペしてみてください。

add_filter(
	'inc2734_wp_contents_outline_args',
	function( $attributes ) {
		$attributes['title'] = 'この記事の目次'; // ← 入れたい文字に変更
		return $attributes;
	}
);

ブロックの設定としてタイトルの設定を追加しても良さそうですね。

♥ 0

Who liked: No user

[キタジマ タカシ]

ありがとうございます！フォント確認します！

♥ 1

Who liked:

[キタジマ タカシ]

あれ？翻訳変えちゃってましたかね…ちょっと確認します！

♥ 0

Who liked: No user

[キタジマ タカシ]

吹き出し、消してないですよ！ ダッシュボード → 設定 → Snow Monkey Blocks で無効化していませんか？

♥ 0

Who liked: No user

[キタジマ タカシ]

プロパティ（上記でいえば font-size とか border-left とか）がダブってなければ大丈夫です！ ただ、いろんなところに記述が散らばっているとわかりにくくなるので、まずは h2 関連のものを並べて、次に h3 関連のものを並べて〜みたいに順番は整えたほうが後でみたときにもわかりやすいと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey は画面サイズが 640px 未満をスマホサイズと定義しているのでそれを指定するのと、ページ直下は .p-entry-content なので、下記のような CSS で調整できます。

@media (max-width: 639px) {
    .p-entry-content > h2 {
        font-size: 20px;
    }
}

入れ子にすると記事直下じゃなくなってスタイルが当たらなくなるので、必要に応じてセレクタを追加してください。

♥ 0

Who liked: No user

[キタジマ タカシ]

ひとまず Snow Monkey のブロックパターンを全部並べて確認してみましたが、大きな問題はなさそうでした。

.c-container にセーフエリア分の padding が入るので、ブロックの入れ子によってはコンテンツが意図した幅より小さくなってしまうということはありえるかもしれません。

♥ 1

Who liked:

[キタジマ タカシ]

任意のタクソノミーの投稿などの投稿一覧を表示するブロックは .snow-monkey-posts .c-entries、アーカイブページ等の一覧ページの一覧部分は .p-archive .c-entries という構造になっているので、それに合わせてセレクタを調整してみると良いかと思います！

♥ 0

Who liked: No user

[キタジマ タカシ]

なお、このフォーラムも全体に右側に寄ってしまいテキストが見切れたりハンバーガーメニューがほとんど表示されないようになっています。特にセクションのブロークングリッドやセクションのコンテンツの最大幅を指定した場合に影響が強く出るようなので、もう少し検証してみます。

これ僕もさっき気づいて、.c-container の横幅が iPhone のセーフエリアを考慮していないものになっていたのではみ出してしまうようでした。手元で修正はできていて、この公式サイトには反映してみたのですがどうでしょうか？

セクション周りは確認していなかったのでまだおかしいかもしれません！

♥ 1

Who liked:

[キタジマ タカシ]

あー！確認できました！

BIZ UDP なテキストが flex アイテムになっていて、親が align-items: center だと潰れてしまうようです。色々プロパティを足したり書き換えたりしてみたのですが解決できませんでした…。iOS Safari の不具合だと思うので、今後の iOS のアップデートで解決すれば良いですが…現状では、BIZ UDP を使うときはそこだけフォントを変えるとか、align-items: center ではないものにするとか、独自に対処してもらうしかなさそうです。

一応 GitHub に issue は立てておきます！

♥ 0

Who liked: No user

[キタジマ タカシ]

.c-entries__item を、1024px 以上のウィンドウサイズで 25% にする CSS が追加されているようです。どこかで必要があって追加されているのであれば、セレクタを調整したほうが良さそうです。

♥ 0

Who liked: No user

[キタジマ タカシ]

スマホのときですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

height は数値を指定しないといけないのではないですかね？

♥ 0

Who liked: No user

[投稿者]

投稿