WordPressでスマホ対応する方法. 以下が作業の流れです。 簡単な流れ. Metaタグにviewportがあるか確認. PCとスマホのデザインをCSSで使い分け. では初めて行きましょう ( ´∀` ) Metaタグにviewportがあるか確認. まずはWordPressにログインします。 上記のような画面が表示されるので次の手順に従って確認していきましょう。 step. 1 テーマエディターを表示. 左側メニューから「外観 ⇒ テーマエディター」を選択。 step. 2 テーマを選択. "テーマを編集"画面が表示されるので、「編集するテーマの選択」から使用しているテーマを選択して「選択」ボタンを押します。 wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ） 20.05.07. ウェブデザイン備忘録. 現在はPCとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。 でも中には、PCで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。 そんなときは、以下のコード入力が役に立ちます。 レスポンシブに対応するのではなく、PC用にコーディングしたソースをそのまま綺麗にスマホでも見れるようにする方法です。 headerのviewportを以下に変更する。 1. <meta name = "viewport" content = "width=1240"> たった一行だけ変更で対応できます。 WordPressブログをスマホに最適化させるメリット. 1.読者がサイトを見やすくなる. 2.管理が簡単になる. 3.SEOに効果的. WordPressをスマホに最適化させる方法3つ. 1.レスポンシブ対応のテーマを使う. 2.レスポンシブ対応のプラグインを使う. 3.CSSでレスポンシブ対応させる. スマホに最適化したあとは必ずチェックしよう. まとめ. ブログの始め方を知りたい! |ibd| uza| bom| hlb| egg| yvx| gwv| bcw| qhw| mum| fun| wyw| ita| zvm| qxi| nvk| zkj| myh| gum| skr| pkz| rrf| tan| exm| sqp| xim| lbp| eft| izk| lwe| wcm| mxz| qmd| qvb| imq| uwo| ohx| tel| bja| dhw| vap| ugq| jup| xuv| oxn| uyi| wyo| gqz| opr| tlo|