MobilePlugin(Wordpressプラグイン)の使い方(設定)・カスタマイズと、Pro版の紹介エンジニアの転職情報サイト現役のjavaエンジニアが運営する転職情報サイトです。・・・Wordpressブログをスマートフォン(スマホ)に対応させるプラグインのことです。一般的には、略して「WPTouch」と呼ばれています。WordPressにデフォルトでインストールされているプラグインでもあり、ワードプレスを利用している方なら、ほとんどの方が知っている、超有名プラグインになります。MobilePlugin」を導入して、対応することをおすすめします。これだけ、スマートフォンの普及が進んでいる昨今ですからね。MobilePlugin(Wordpressプラグイン)」のインストールと使い方。Pro」の特徴(無料版との違い)についても、順に解説していきます。以下、目次になります。MobilePlugin」のインストールと使い方(設定手順)について、順に解説していきます。MobilePlugin」は、Wordpressをインストールした際に、デフォルトで付いてくるプラグインになります。「プラグインの有効化」をするだけで、利用可能です。MobilePlugin」がインストールされていない場合は、プラグインの「新規追加」から、インストールしてください(下図参考)以上です。インストールして「プラグインの有効化」をしたら、これで基本的には「スマホ対応」がされます。実際に、対応されているかどうかを確認するには、スマホで「サイト」を開いてみれば良いのですが、PC上からでも確認できます。下記サイトを開いて、該当のURLを入力して確認してみてください。Testing下図のように、モバイル・スマホの画面サイズで、記事タイトルが綺麗に一覧化されていれば「OK」です(トップページの場合)また、Wordpressの管理画面には、「WPtouch」のメニューが追加されています。次に「WPtouch」の使い方(設定手順)について解説していきます。Settings」を選択してください。すると、下図のような画面が開きます。ここでは、モバイル・スマホで「サイト」を開いた時の表示形式が設定できます。「General」タブの設定です。以下、上図の設定項目の説明です。トップページの投稿表示数です。デフォルトでは「5」となっています下図、表示例サムネイル画像の表示可否設定です。Changes」をクリックして保存しましょう。Theme」にて確認する必要があります)次に、同画面の「Branding」タブです。ここでは、デザイン(色やロゴ)や、ソーシャルメディアとの連携について、設定がおこなえます。以下、上図の設定項目の説明です。Changes」で保存しておきましょう。Icons」タブ(下図)がありますが、こちらは、デフォルト設定のままで良いです。MobilePlugin」のインストールと基本的な使い方(設定手順)でした。MobilePlugin」のカスタマイズについて、まとめてみました。カスタマイズ内容は、下記の2つになります。2.x」までは、管理画面上からできたようですが、「3.x」からは、直接「WPtouch」プラグインのファイルを編集(カスタマイズ)しないと、できなくなっています。Ver:3.1.4では、順に解説していきましょう。Settings」にあります(下図、参考)ただ、なぜか、これでは「日本語化」がされません。上記ファイルに、下記赤文字部分を追記します。これで管理画面を開いてみると、下図のように日本語表記になっています。MobilePlugin」カスタマイズアドセンス(adsense)広告の設置に関して、以前のバージョン(2.x)では、管理画面上に設定欄がありました。「3.x」のバージョンでは、設定欄がなくなっています。Footer」欄に、アドセンスの広告コードを貼り付けるだけですが、、、おそらく、サイト管理者の方は、フッターだけでなく、記事の上部や下部にも表示させたい場合がほとんどでしょう。その場合は、「WPTouch」のファイルを直接編集(カスタマイズ)する必要があります。「wordpress/wp-content/plugins/wptouch/themes/bauhaus/default/single.php」を開いてください。このファイルをカスタマイズすることによって、記事の上部や下部に「アドセンス広告」を表示させることができます。–><div>アドセンスの広告コード</div>上記、赤文字が追加部分です。「div:content」の次に、追加しましょう。?>上記、赤文字が追加部分です。「wptouch_the_content()」の前に、追加しましょう。これで、記事の上部と下部に、アドセンス広告を表示させることができます。Pro」という有料版があります。当章では、この「Pro(有料版)」と、無料版との違いについて、以下にまとめました。Pro」は、選択したプラグインのフックを無効にすることができる。要は、プラグインが独自に読み込んでいるモノで、無駄な「CSS」や「JS」ファイルの読みこみ・表示をカットすることができる。これによって、無料版より速い表示速度を実現できる。Pro」は、「iPad」をサポートしている。インターフェースや動きも「iPad」スタンダードになっている。「Pro(有料版)」は、カスタム投稿タイプに対応している。Cache)」が利用できる。Pro」は専用フォーラムがある。Proを買ってみました以上です。WPTouchプラグインを使わずに、テーマ・テンプレートで解決するWordPressブログを、スマホ対応させる方法は、「WPTouch」のようなプラグインを使う方法の他に、レスポンシブWebデザインに対応した「テーマ・テンプレート」を利用する方法もあります。レスポンシブWebデザインとは、サイトに訪れてきたユーザーのデバイス(PCやスマホなど)によって、表示サイズを最適化する手法のことです。昨今では、この「レスポンシブWebデザイン」に対応したテーマ・テンプレートが主流となってきていて、わざわざプラグインをインストールしなくても、「スマホ対応」しているパターンが増えてきています。当ブログでも、この方法で、スマホ対応をおこなっています。「レスポンシブWebデザイン」に対応したテーマ・テンプレートの紹介など、詳細は、下記記事にてまとめているので、参考にしてください。・wordpress(ワードプレス)のスマホ最適化!レスポンシブWebデザインでスマートフォン対応するテーマ・テンプレート以上です。コメントをキャンセルメールアドレスが公開されることはありません。~未経験者へのおすすめも。~未経験者についても。~求人情報の見方や注意点も。