icon
icon

WPtouchの使い方ーWordPressプラグイン【初心者向け】

WordPressでスマートフォンサイトに対応させることができるプラグイン【WPtouch】の使い方について初心者向けに解説した記事です。スマホサイト用の表示件数やカラーなどをカスタマイズする方法も合わせて紹介。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

WordPressのプラグインの使い方を初心者向けに紹介する記事です。

今回は、WordPressでスマートフォンサイトに対応させるWPtouch(WPタッチ)の使い方を紹介します。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

大石ゆかり

田島メンター!!WordPressってスマホに対応していないテーマってありますよね?

田島悠介

うん、あるね。

大石ゆかり

そういうテーマをスマホ対応にするのって、やっぱりコードを触らないといけないんですか?

田島悠介

ううん、そんなことはないよ。「WPtouch」っていうテーマがあってね・・・。

 

WPtouchとは

スマートフォンサイトに対応させることができるプラグインです。

スマートフォンの普及が進んでいる昨今では、スマートフォンサイト対応は必須になってきています。WordPressのテーマによっては、スマートフォンに対応しているテーマがありますが、対応していないものも多くあります。

そんなときに、初心者でも簡単にWordPressをスマートフォン対応にできるプラグインが、WPtouchです。

 

なお、スマートフォンの表示をPCで確認したい場合は、Responsive Design Testingというサイトを利用するのが便利です。URLを入力するだけで、様々なディスプレイ幅での表示を見せてくれます。

WPtouch1

 

例えば、スマートフォン対応できていないサイトは、このような表示になります。

WPtouch2

 

プラグインをインストールする

このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。

インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。

 

有効化すると、ダッシュボードに「WP touch」というリンクが増えているのが確認できます。

WPtouch3

 

プラグインを有効化するだけでも基本的な設定はできていますが、更にカスタマイズすることもできます。

WPtouch5

 

ダッシュボード>WPtouch>Theme Settingsをクリックしてください。

WPtouch4

 

Generalのタブでは、表示件数などを設定できます。

WPtouch6

 

Brandingタブでは、カラーなどを設定できます。

WPtouch7

 

ある程度設定できたら、ページ下部の「Preview Theme」をクリックすると表示を簡単に見ることができます。

WPtouch8
WPtouch9

設定が完了したら、Saveをクリックして保存するだけです。
今回の記事は以上です。

 

WordPressの他のプラグインを使ってみたい場合は、All in One SEO Packの使い方も合わせてご覧ください。

 

大石ゆかり

わぁ〜、コードを触らなくてもここまでカスタマイズしてスマホ対応にできるんですね〜♪

田島悠介

うん。どうしてもスマホに対応してないけどこのテーマを使いたいってときにはおすすめだね。

大石ゆかり

そうですね!!ありがとうございます!!!

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する