🚀 サイト構築が難しい?手取り足取りご案内します——「WordPressサイト構築伴走」サービスを詳しく見る →

WordPressテーマのレスポンシブ機能を無効にする方法

近年、インターネット接続デバイスの多様化により、一般的なWordPressテーマはレスポンシブレイアウトデザイン(responsive layout)を採用しています。しかし、レスポンシブレイアウトを望まない特殊なウェブサイトのニーズもあります。本記事では、レスポンシブレイアウトを無効にする一般的な方法を紹介します。
テーマファイルを修正する前に、必ずバックアップを取ってください。エラーが発生した場合は、元のファイルに置き換えてください。

WordPressテーマのレスポンシブレイアウトを無効にする方法

まず、WP管理画面(ダッシュボード)で、外観→編集(Theme Editor)をクリックし、右側のファイル編集エリアでテーマのヘッダー(header.php)を選択します。 以下のようなコードを見つけて削除してください。
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
device-width次に、スタイルシート(style.css)ファイルを修正し、以下の例のようなコード(@media screen and)をすべて削除します。
@media screen and (max-width: 1210px)
media screenファイルを更新した後、フロントエンドで確認すると、レスポンシブレイアウトが無効になっているはずです。 注意点として、テーマによってCSSコードを修正するファイルが異なる場合があり、具体的なテーマごとに分析する必要があります。 レスポンシブレイアウトに関する詳細は、以下を参照してください:Baidu百科

🚀 チュートリアルを見てもまだ迷っていますか?私が手取り足取りご案内しましょう

「WordPressサイト構築伴走」——ドメイン選び、ホスティング購入から、テーマのインストール、公開、投稿まで、すべてのステップで私が伴走します。遠回りせず、目標に直行できます。

👉 サイト構築伴走サービスを詳しく見る
🔒

コメントは終了しました

この記事のコメント機能は終了しています。ご質問がある場合は、他の方法でお問い合わせください。

×
二维码

QRコードをスキャンしてフォロー

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: