![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
現在、Wordpress のレスポンシブデザインのテーマを利用しています。
その中のある固定ページで、tableを使った表を記述したのですが、スマートフォンなどのデバイスでは、文字がきれいに表示されません。tablepressというプラグインも使ってみたのですが、やはり文字はきれいに入りません。
そこで質問なのですが、レスポンシブデザインで、特定のページだけすべてのデバイスでPCと同じように表示をしたいのですが、どうすればよろしいでしょうか?
私は、html、CSSやPHPはほぼ素人ですので、できるだけシンプルな方法があれば助かります。
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
方法は色々あるのですが、恐らくその知識では難しいのではないかと思います。
実際の記述方法は他の方に任せて概要を書きますが、固定ページの記入欄に何を書いてもそのようにはなりませんので、どうやっても使用テンプレートの<head></head>内をいじる事になります。
ただ記述を変更するだけではなく、その記述を使用するページと使用しないページが発生する事になるので、最低限wordpressのテンプレートを複製してから記述を変更し、振り分けを行う作業が必要になります。
レスポンシブ用のテンプレートとは別に、レスポンシブ非対応ページ用のテンプレートを用意するような感じですね。
(もしくは、特定のurlだけ記述を変える様な方法。こっちの方が難しい。)
これはhtmlやphpの知識があるだけでなく、Wordpressのテーマ作成や改造にもある程度慣れた方でないと難しいと思います。
ですので、そういったことは諦めて思いっきり力技で行う事をお勧めします。
というのは、単純にテーブルだけを記述したhtmlをサーバーにアップし、
元のページ内には「表を見る」というようなリンクを貼るという方法です。
特に何の指定もしなければ、そのhtmlはレスポンシブにはなりませんのでテーブルを何とか作れば一応はPCと同じ表示で見れることになります。
やはり、この方法が最終的には一番いいかもしれません。確かに自分の知識レベルでは難しい気がしてきました。ご回答有難うございました。
No.2
- 回答日時:
一番簡単にするのなら、<link>のmedia属性でメディアクエリーを使用して、特定のページだけその<link>を出力しない方法でしょうか。
通常ページ
<link href="style.css" 他属性略>
<link href="mediaquery.css" media="" 他属性略>
RWDしたくないページ
<link href="style.css" 他属性略>
ありがとうございます。
コチラの方法を参考にさせていただき、実際にやってみましたが、どういうわけかレイアウト自体が崩れてしまいました。たぶん、私の記述が間違っていると思いますので、もう少しチャレンジしてみます。
ご回答有難うございました。
No.1
- 回答日時:
>>そこで質問なのですが、レスポンシブデザインで、特定のページだけすべてのデバイスでPCと同じように表示をしたいのですが、どうすればよろしいでしょうか?
html、CSSやPHPは当然として、JavaScriptやSQL言語、サーバ関係の知識に、Wordpressのシステム構造とか、プラグインの作り方をマスターして、そういう表示をするためのプログラムを作ればいいだけです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) wordpressでphpを読み込みたい 1 2022/10/30 23:40
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(ブログ) bloggerのレイアウト→ページリストに入りきらない(テーマ:contempo light) 1 2023/05/12 11:06
- その他(プログラミング・Web制作) .htaccessファイルの修正がこれで問題ないかどうか 1 2022/04/21 08:42
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- WordPress(ワードプレス) WordPressのサイトにPDFをアップロードした際にGoogleなどの検索結果に出ないでほしい 1 2022/08/03 10:44
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- WordPress(ワードプレス) 【Wordpress】headerの上に文字 4 2022/09/11 14:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
作成したイメージマップが反応...
-
インラインフレームの中に表示...
-
form action="#"
-
HTML-lintでのエラーについて(...
-
DREAMWEAVER アンカーポイント...
-
<a href="/">トップへ</a> こ...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
iPadの標準ブラウザでローカルH...
-
Dreamweaverでページ全体が文字...
-
htmlファイルの表示が真っ白
-
台東区上野近くのボーリング場
-
社内で利用するWebサイトを立ち...
-
borderでa:hover下線表示させる...
-
タイトルバーを非表示にできま...
-
スマホでPCサイト見たらスマホ...
-
css ,videotタグ。ホームページ...
-
HTMLページが勝手にダウンロー...
-
ホームページでファイルをダウ...
-
URLを変えないで表示する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
ページの途中にリンクするとそ...
-
<a target="_top" href="***.ht...
-
httpdで接続が拒否される
-
画像をクリックしたら音楽が流...
-
WEBページのヘッダーフッターを...
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
Preタグ内URLからリンクは張れ...
-
ブラウザ依存?<a name="#xxx" ...
-
インラインフレーム内のアンカ...
-
ページ内の画像だけを一定時間...
-
googleサーチコンソールで、重...
-
インラインフレームの中に表示...
-
インラインフレーム切り替え&...
-
リンクの文字とリンクの文字を...
-
画面を開いたときに指定位置ま...
-
dreamweaverCS4で、絶対パスで...
おすすめ情報