ホーム 経験・テクニック共有 標準記事

標準記事

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

近年、インターネットにアクセスするデバイスが多様化したため、一般的な WordPress テーマはレスポンシブレイアウト(responsive layout)を採用していますが、特殊なサイトの要件でレスポンシブレイアウトを無効にしたい場合もあります。この記事では、通常のレスポンシブレイアウトを無効にする方法を紹介します。 テーマファイルを編集する前に、必ずバックアップを取ってください。問題が発生した場合に元に戻せるようにします。 …

2019年11月1日更新 約2分で読めます
怎么禁用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百科

5/5 - (2 votes)
前の記事 SiteGroundデータセンター変更チュートリアル_SiteGroundどのデータセンターが良いか 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 SiteGroundが気に入らない場合の返金と返金ポリシー 次の関連チュートリアルや経験を表示する。

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

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