Web制作ブログ

制作関連やデザイン、コーディング、WordPress、SEOや集客のネタなどのブログ

WordPress

自己流!WordPressでスマホ対応の方法

カテゴリ:WordPress

この記事は約1分43秒で読めます。

こんにちは!グローイングスケールの竹林と申します。

Web業界15年以上でWordPress(100サイト以上構築)とSEOが得意なWebデザイナーです。
有料noteで「爆速!速くGoogleにインデックスしてもらう方法」を書いたので、ご興味ありましたらご覧ください。
「好き」なことを仕事にしたいという方のお役に立てればと思います。

何パターンかWordPressでスマホ対応する方法があると思うんだけど、自分は

wp_is_mobile()を使いユーザーエージェントでスマホとPCとで出力するソースを切り分けています

これはどういうことかというと、
例えばTOPページを作りたいとして、ページテンプレート機能でtop.phpをTOPページに表示するファイルにWordPressで設定します。

そこで、wp_is_mobile()を使いtop.phpにPC用のソースコード、スマホ用のソースコードを記載してwp_is_mobile()で条件分岐します。

<?php if (wp_is_mobile()) :?>
<!--スマホ用のソースコード-->
<?php else: ?>
<!--PCで用のソースコード-->
<?php endif; ?>

上記のようにする事で、

一つのファイルでPC用とスマホ用のソースコード管理ができる

というのがメリットになると思います。
テーマでSP用とPC用を分けるとファイル移動が面倒だしね。

ちなみにheader.phpとfooter.phpはsp用のものを用意してそれぞれインクルードするのが良いと思います。

合わせて読みたい「WordPress」の記事

この記事を書いた人

Growing Scale

コーディング歴約15年。WordPress化したサイトは約100サイト。SEOキーワードで上位表示経験多数。最近はGoogleのデーターポータルがおもしろい。ウェブ解析士。サイト制作実績

GrowingScale代表

記事タイトルとURLをコピーする

Web制作」の関連記事

アドセンスのクリック単価が低い原因

アドセンスのクリック単価が低い原因

AdSense(アドセンス)

アドセンスのクリック単価が低い原因は様々な原因が考えられます。 よくいわれるのは、 ページの内容が、クリ...

続きを読む

Google Analyticsで自分を除外する方法

SEO対策

Google Analyticsを使いアクセス解析をスタートすると、自分がアクセスした数を除外したくなります。そこで、...

続きを読む

wordpressの新規投稿 ができなかったけど解決!した話

WordPress

もっと言うと、投稿記事の更新もできない。記事に文書追加して更新ボタンをクリック。その後再読込すると追加した分が消えてま...

続きを読む

contact form 7のメール送信できない解消法

WordPress

contact form 7は、便利な分他のメール送信プラグインと比べエラーが多い印象がしますね。 しかし、メールの設...

続きを読む