ありがとうございます。
以下になります。
table, td, th {
border: none;
border-bottom: 1px solid black;
}
コードはカスタムhtmlで以下のようにしております。
<table>
<tbody><tr>
<th>会社名</th>
<td>●●</td>
</tr>
<tr>
<th>所在地
</th>
<td>●●
</td>
</tr>
<tr>
<th>電話番号</th>
<td>●●</td>
</tr>
<tr>
<th>FAX番号</th>
<td>●●</td>
</tr>
<tr>
<th>代表者</th>
<td>●●</td></tr>
<tr>
<th>設立年月日</th>
<td>●●</td>
</tr>
<tr>
<th>資本金</th>
<td>●●</td></tr>
<tr>
<th>業務内容</th>
<td>●●</td></tr>
<tr>
<th>対応エリア</th>
<td>●●
</td></tr>
</tbody></table>
オンラインコミュニティのほうで Olein_jp さんがコメントくださったのを共有。
サイドバー関連なのかな？と思ってテンプレを切り替えてみましたが特に変化はなし。
トップページのテンプレートを変えて見たら、
– ランディング（ヘッダー・フッターあり）→正常に動作
– ランディング（スリム幅）→正常に動作
– ランディング→正常に動作
– 左サイドバー→スキップ発生
– フル幅→スキップ発生
– １カラム（スリム幅）→スキップ発生
– １カラム→スキップ発生
– 右サイドバー→スキップ発生
固定ページは、
– デフォルト→正常に動作
– ランディング（ヘッダー・フッターあり）→正常に動作
– ランディング（スリム幅）→正常に動作
– ランディング→正常に動作
– 左サイドバー→正常に動作
– フル幅→正常に動作
– １カラム（スリム幅）→正常に動作
– １カラム→正常に動作
– 右サイドバー→正常に動作
投稿詳細ページは
– デフォルト→正常に動作
– ランディング（ヘッダー・フッター）→正常に動作
– ランディング（スリム）→正常に動作
– ランディング→正常に動作
– 左サイドバー→正常に動作
– フル幅→正常に動作
– １カラム（スリム）→正常に動作
– １カラム→正常に動作
– 右サイドバー→正常に動作
私もいろいろ試してみましたが、フロントページのみどうしても上手くいかないですね。。
数日試していましたが、私の力では限界でした。
テーマからのWEB制作の場合、XO Sliderは非常に役立つと思いますので、どなたか解決策を教えていただけると助かります。
こちらの環境でも3枚の画像を設定して試してみたのですが、確かにそのような挙動になりました。
– トップページのスライダーだけ、1周したあと、1枚目から2枚目に移動するときに何枚も移動したような見た目になる。
– 他のテーマ（TwentyTwentyOne）ではこの問題は発生しない
functions.php の記述をほとんど消して最低限にして試してみたり、トップページでも singular 用のテンプレートを使うように変更して試してみたりしたのですが解決しませんでした。
XO Slider も Swiper もちゃんと使ったことがなく、ちょっと原因がピンとこないのですが、めちゃくちゃ気になりますね…。
お忙しいところ確認してくださり、
ありがとうございます！
調査したところ、固定ページを割り当てていない場合は description が出力されないようにしているみたいでした。次回のアップデートで、カスタマイザー → SEO → Meta → Meta description を自動的に出力するにチェックがある場合は、固定ページを割り当てていなくても description が出力されるように変更を入れたいと思います。少々お待ちください！
ありがとうございます。
楽しみにしています！
キャッチフレーズもサイトタイトルとして出力されてしまいます。
これは WordPress の仕様ですね。キャッチフレーズを取り除くには document_title_parts あたりでカスタマイズする必要があると思います。
※TOPページは、固定ページを利用していません。
調査したところ、固定ページを割り当てていない場合は description が出力されないようにしているみたいでした。次回のアップデートで、カスタマイザー → SEO → Meta → Meta description を自動的に出力するにチェックがある場合は、固定ページを割り当てていなくても description が出力されるように変更を入れたいと思います。少々お待ちください！
キタジマさん、早々のご確認とお返事ありがとうございます！
まさにそのとおりで、data-active-menu はメニューの階層をもとに js で自動付与しているものなので、カスタムリンクの場合はできないですね…。
ですよね・・
かしこまりました！ありがとうございます！
（トピック閉じさせていただきます）
ページの階層を変更すれば（ホーム／親ページ／子ページ）可能なのでしょうが、
まさにそのとおりで、data-active-menu はメニューの階層をもとに js で自動付与しているものなので、カスタムリンクの場合はできないですね…。
このようにエラーの原因を突き詰めるのですね！とても勉強になりました。
今回はPublishPress Blocksが悪さをしてたみたいです。
ご教授ありがとうございました！
他の有効化されているプラグインや、子テーマ・My Snow Monkeyならびに追加CSSで書かれているCSSなどが影響している可能性があるので、まずは、
- プラグインを全て無効化してみる
- （上で問題が解決したら）一つ一つ有効化していき原因となったプラグインを特定する
- １で解決しない場合には、子テーマやMy Snow Monkey、追加CSSに書かれているCSSを一旦効かないようにする
キャプチャ画面だけでは推測が難しいので、まずはこちらを試されるのが良いかと思います。
.l-header .c-hamburger-btn__bar {
background-color: white;
}
こちらのCSSで実現できるかと思います。色は任意に white の部分を変えてください。
また、Google Chrome の開発者ツールを活用してCSSを解析してみると、比較的簡単にこのような問題も解決できるようになるので、ぜひ挑戦してみてください。
手前味噌ですが、以下の動画も参考にしていただけるかもしれませんので添付します。
この設定とは関係なく、CSS の書き方ミスによって偶然トップページが1カラムテンプレートの場合は上余白が入っていなかったということになります。
なるほど、ウィジットを入れて色々と操作してみたところ、もろもろ理解いたしました！図解までしていただいて、お手間をおかけしました。ありがとうございます！
これはバグといえばバグですね…。
サイドバーあり、の場合はアップデート後に確認すると改善されていました。こちらもありがとうございます。
あー、フル幅ページテンプレート状態で、「ホームページのコンテンツエリアに左右余白を追加する」にチェックするとどうですかね？
フル幅の場合には「ホームページのコンテンツエリアに左右余白を追加する」の項目が表示されるんですね！なるほど、理解しました。
いろいろとお手数おかけしました！そして、Archive Contentなど、不具合の解消、ありがとうございました！
「ブロックの追加⇒パターン⇒Headingsで挿入された画像」というのは、多分「セクション（背景画像/動画）」ブロックのことだと思いますが、これは最低の高さが 75vh となっているので、それを上書きすれば広くできます。
.smb-section-with-bgimage--wide {
min-height: 80vh;
}
※実際には「セクション（背景画像/動画）」ブロックの class（.smb-section-with-bgimage--wide）に直接 CSS を当てるよりは、適当な class を追加してそれに当てるのが良いかもしれません。
設定からはできませんが、コードを追加することで実現できます。
下記のコードを My Snow Monkey プラグインか、子テーマの functions.php にコピペしてみてください。
add_filter(
'nav_menu_item_title',
function( $title, $item, $args, $depth ) {
$show_description = 0 === (int) $depth && 'drawer-nav' === $args->theme_location;
if ( ! $show_description ) {
return $title;
}
$title = sprintf( '<span>%1$s</span>', $title );
if ( $item->description ) {
$title = $title . sprintf( '<small>%1$s</small>', esc_html( $item->description ) );
}
return $title;
},
10,
4
);
見た目は CSS で適当に調整が必要かなと思います。
画像でみるとわかりやすいと思うのですが、「ホームページのコンテンツエリアの上下余白をなくす」の「コンテンツエリア」というのは、編集画面で入力した内容（下記画像の青枠の部分）になります。
なので上部ウィジェットエリア（赤枠）の上余白、下部ウィジェットエリア（赤枠）の下余白には無関係な設定となります。
この状態だったので、「ホームページのコンテンツエリアに上下余白を追加する」の機能で１カラムテンプレートでも、上部余白が消せていた感じだったのですかね〜
前述した通り、この設定とは関係なく、CSS の書き方ミスによって偶然トップページが1カラムテンプレートの場合は上余白が入っていなかったということになります。
サイドバーありの場合は、チェックがあってもなくても変化なし
これはバグといえばバグですね…。
フル幅テンプレートの場合は、セクションブロックやコンテナブロックを入れないと、段落ブロックなどは左右にフル幅で表示されてしまうので、
あー、フル幅ページテンプレート状態で、「ホームページのコンテンツエリアに左右余白を追加する」にチェックするとどうですかね？
