大阪 ホームページ制作 ool > oolog > ホームページのメンテナンス > .has-background の padding がWordPressのアップデートでなくなった場合

.has-background の padding がWordPressのアップデートでなくなった場合

確認した事象として、WordPressを5.8から6.1にアップデートした時に、theme.min.css内にあった.has-backgroundのpadding:20px 30pxがなくなっていました。

theme.min.cssとは

Gutenberg用のCSSファイル。読み込まないようにfunctionファイルで対応することが出来るが、今回のテーマは読み込んでいて、それを利用してレイアウトを組んでいた。

対応

「追加CSS」に.has-background{padding:20px 30px;}を追記するだけでOKです。
もちろんstyle.cssに追記する方が丁寧だとは思います。

WordPress 6.1 classic-theme.min.css

もしかしたら困っているサイトがあるかもしれないですが、.wp-block-button_linkに対するCSSが追加されているようです。WordPressのボタンを使っている場合、確認してください。

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}

WordPressアップデートによるレイアウトの崩れ

メジャーアップデートの場合は、レイアウトの一部が崩れたりすることもあります。

アップデータする場合は、一旦プラグインのAll-in-One WP Migrationなどを使って、バックアップを取ってから行うことをおススメします。

アップデートによるレイアウトの崩れがある場合など、ご連絡ください。

カテゴリー : oolog ホームページのメンテナンス

Area

活動エリア

下記のエリアを中心に活動しています。

大阪府

京都府

兵庫県

  • 尼崎市
  • 伊丹市

奈良県