近年、インターネット接続デバイスの多様化により、一般的な
WordPressテーマはレスポンシブレイアウトデザイン(responsive layout)を採用しています。しかし、レスポンシブレイアウトを望まない特殊なウェブサイトのニーズもあります。本記事では、レスポンシブレイアウトを無効にする一般的な方法を紹介します。
テーマファイルを修正する前に、必ずバックアップを取ってください。エラーが発生した場合は、元のファイルに置き換えてください。
WordPressテーマのレスポンシブレイアウトを無効にする方法
まず、WP管理画面(ダッシュボード)で、外観→編集(Theme Editor)をクリックし、右側のファイル編集エリアでテーマのヘッダー(header.php)を選択します。 以下のようなコードを見つけて削除してください。
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

次に、スタイルシート(style.css)ファイルを修正し、以下の例のようなコード(@media screen and)をすべて削除します。
@media screen and (max-width: 1210px)

ファイルを更新した後、フロントエンドで確認すると、レスポンシブレイアウトが無効になっているはずです。 注意点として、テーマによってCSSコードを修正するファイルが異なる場合があり、具体的なテーマごとに分析する必要があります。 レスポンシブレイアウトに関する詳細は、以下を参照してください:
Baidu百科
コメントは終了しました
この記事のコメント機能は終了しています。ご質問がある場合は、他の方法でお問い合わせください。