• レビュー
    TCDシリーズのWordPressテーマ『Gorgeous』なら他とは違うワンランク上のブログ運営が可能!主な機能をレビュー!
    2017年09月27日
  • マインド
    情報発信は『メンタルブロック』との戦い!『自分なんかに…』と思って中々記事が書けずに困っている人のための脱却方法
    2017年06月30日
  • アフィリエイト
    2017年現在バイラルメディアで稼ぐことが難しい理由と新しいブログアフィリエイトについて解説
    2017年06月30日
  • ワードプレス
    TCDシリーズのWordPressテーマ『MAG』ならブログに運営に最適な理由と機能をレビュー!
    2017年09月27日
  • アフィリエイト
    学生や主婦でも簡単!初心者の方がまずはネットで500円から稼ぐ方法
    2017年06月30日
  • ユーチューブ
    youtubeのアドセンス収入が1ヶ月約6000円になりました。収益などのデータを公開
    2017年09月28日
  • ワードプレス
    WordPressでバイラルメディアを運営する際に必須またはおすすめのWordPressプラグイン10選+α
    2017年06月30日
  • アフィリエイト
    アフィリエイトとは?種類と始め方を図解で解説
    2017年06月30日
  • アフィリエイト
    犬や猫などのペットを飼っている人のブログ運営方法について解説
    2017年06月30日
  • ユーチューブ
    ブログで書くようなトレンド記事を、youtubeで動画にしても全然アクセスが集まらない理由と解決方法
    2017年06月30日
WordPressテーマ「アルバトロス」のタブレットのサイト表示をCSSでPC表示に変更した方法!

iPadの表示を見た際に独自の表示サイズだったので、なんとかタブレットから見た時サイズ幅を変更出来ないものかと色々調べると、is_mobile()などの関数を使わなくても、CSSだけでタブレットをPCが表示にする方法があったのでご紹介。

まずはご自身のWordPressテーマ「アルバトロス」に”テーマの編集”にて

/********************* TABLET & SMALLER LAPTOPS *********************/

の記述の部分を探しましょう。 最初のここのタグは以下のようになっています。

/********************* TABLET & SMALLER LAPTOPS *********************/ @media only screen and (min-width: 768px){ #container{ overflow:hidden; } .wrap { width: 760px; } #container.sidebarleft #main{ float:right; } #container.sidebarleft .sidebar{ float:left; }

テーマの編集_‹_BusinessHack_—_WordPress

ここに

/********************* TABLET & SMALLER LAPTOPS *********************/ @media only screen and (min-width: 768px){ #container{ overflow:hidden; } .wrap { width: 100%; } #container.sidebarleft #main{ float:right; } #container.sidebarleft .sidebar{ float:left; }

テーマの編集_‹_BusinessHack_—_WordPress

と記述します。 これでタブレットでご自身のブログに設定してあるAlbatrossのテーマを見た時にタブレット画面一杯に表示されます。

ワードプレスの関連記事
  • 【Imsanity】の設定と使い方!WordPress内の画像を一括リサイズしてブログやサイトの表示スピードを上げて検索エンジンからの評価をアップ
  • wordpressプラグイン【PS Auto Sitemap】を使って簡単にサイトマップをブログに表示させる方法
  • WordPressでバイラルメディアを運営する際に必須またはおすすめのWordPressプラグイン10選+α
  • 『バイラルメディア』の収益を上げるためにおすすめなWordPressテーマ8選
  • WordPressで作ったブログやウェブサイトをGoogleのサーチコンソールに登録する方法を具体的に解説
  • WordPressテーマ「アルバトロス」のタブレットのサイト表示をCSSでPC表示に変更した方法!

この記事が気に入ったら
フォローしよう

最新情報をお届けします

おすすめの記事