24年卒 WEBデザイナー採用スタート

BLOG

24年新卒 WEBデザイナー募集中 中途 WEBデザイナー募集中 24年新卒 WEBエンジニア募集中

WordPressで構築したページもスマホで観覧しやすく

更新日：2018/06/26

スマートフォン(スマホ、ＳＰ)の所有率が増加しているため、スマートフォンからのサイト訪問が多くなりました。スマホサイト制作と同様に、WordPressで構築したページもスマホで観覧しやすくする事をお勧めします。
スマホ化する方法は多種ありますので、BRISKがおススメする方法を3つご紹介いたします。
サイトの仕様、デザイン等により対応方法が異なる場合があるため一度BRISKまでご相談ください。

プラグイン（WPtouch）を使用

WPtouch インストールのメリットWPtouch インストールのデメリット

メリットプラグインをインストールするだけなので簡単です。

デメリットデザインはテンプレート化されているので、同デザインのブログが沢山存在します。プラグイン内のCSSファイルを書き換えればデザインを変更することもできますが、自由度はそれほど高くありません。

SP用のテンプレート作成

SP用のテンプレート作成のメリットSP用のテンプレート作成のデメリット

メリットＳＰ用ファイルとPC用ファイルを分けて作成するため、自由にデザインを組むことが可能です。

デメリット複数のファイルが存在するため、更新・修正等がある際、作業箇所も増えてしまいます。

レスポンシブ対応

レスポンシブ対応のメリットレスポンシブ対応のデメリット

メリット画面サイズの大きさでデザインを決めるため、様々な端末からアクセスしても最適化されます。

デメリット既存のテーマをレスポンシブに対応させるので、手間がかかります。

FOLLOW US

一覧へ戻る
Webサイト制作をお考えの方へ。無料提案いたします！ご依頼はこちら

関連記事

カテゴリー
さらに表示
月別アーカイブ
さらに表示
人気記事ランキング

  1. 【WP】自前のCSVインポート処理の決定版。大量データや多数のカスタムフィールドにも対応。

  2. 【WordPressの自動整形対策】Gutenberg（グーテンベルク）での固定ページ作成

  3. WAI-ARIA(ウェイ エリア)とは？初めて制作する方向けに解説！

  4. 【初心者でも簡単】sessionStorageでブラウザにデータを保存してみよう【JavaScript】

  5. HTMLとCSSで作るインフォグラフィック（円／棒グラフ・レーダーチャート）【アニメーションつき】

  6. WordPressの引っ越しに必須のツール「Database Search And Replace Script IN PHP」【公式推奨】

  7. 【PHP】セキュリティを考慮したお問い合わせフォームを作ろう！

  8. コピペで簡単に実装！CSSで文字の強調・飾りつけ8選【初心者向け】

  9. WEBデザインツールFigmaが凄いところをコーダー目線で紹介してみた

  10. 24年新卒採用に向け変化の時です。（社長日記 2023年2月）

CONTACT

ご依頼・お問い合わせ・
無料相談はこちら
会社概要はこちら