Astraモバイルデバイス(レスポンス)フォントサイズの変更

1383 ワード

1.cssファイルの修正


1.1 FTPファイルパス

  :/home/www/htdocs/wp-content/themes/astra/assets/css/unminified/style.css
   :/home/www/htdocs/wp-content/themes/astra/assets/css/minified/style.min.css

1.2 WordPressバックグラウンドナビゲーション


Appearance -> Theme Editor -> assets -> css -> minified -> style.min.css Appearance -> Theme Editor -> assets -> css -> unminified -> style.min.css

1.3以下のcssコードを追加する

@media only screen and (max-width: 320px) {
p {
  font-size: 110%;
 }
}
@media only screen and (max-width: 420px) {
p {
  font-size: 110%;
 }
}
@media only screen and (max-width: 544px) {
p {
  font-size: 110%;
 }
}
@media only screen and (max-width: 768px) {
p {
  font-size: 110%;
 }
}
@media only screen and (max-width: 782px) {
p {
  font-size: 110%;
 }
}
@media only screen and (max-width: 992px) {
p {
  font-size: 110%;
 }
}

2.cssバージョン番号の変更


FTPファイルパス:/home/www/htdocs/wp-content/themes/astra/functions.php WordPressバックグラウンドナビゲーション:Appearance->Theme Editor->Theme Functions
/**
 * Define Constants
 */
define( 'ASTRA_THEME_VERSION', '2.5.5' ); //     css  ,    1  。

メモ:バージョン番号を変更しない場合は、cssファイルを変更しても効果はありません.

3.キャッシュの削除(重要)


3.1 WP Super Cacheキャッシュをクリア3.2ブラウザキャッシュをクリア