投稿

WordPressのブログをモバイル表示対応にするプラグイン

ワードプレスのサイトをiPhoneやAndroidなどでスマホ対応表示対応させる方法

 

ワードプレスで書かれたブログを何もせずにiPhoneやAndroidで見るとこうなります。
wordpressをiPhone表示にする

 

通常のブラウザ表示ですね。これでもいいと言えばいいのですが、せっかくアクセスしてくれたユーザーさんに読んでもらいやすいように、自動的にスマートフォンに対応させるよう設定しておきましょう。

 

WPtouch」というプラグインを使います。

・ワードプレス管理画面で「プラグイン」を選択し「新規追加」をクリック

ワードプレスをモバイル表示にする方法

 

・検索窓に「WPtouch」と入力し検索します。

スマートフォンでワードプレスを表示させる

 

・これです。「いますぐインストール」をクリックしてください。

ワードプレスをモバイル表示にするプラグイン

※管理人のサイトは既にインストールしていますので「インストール済み」と表示されていますが、未インストールの場合は赤枠の箇所に「いますぐインストール」と表示されます。

・最後にプラグインを有効化すればOKです。

 

◆主な設定方法

・管理画面左のメニューバーから「設定」を選択し、「WPtouch」をクリックします。

プラグイン モバイル表示

 

・地域設定

iPhoneやAndroidなどのスマホで表示される言語を選択します。また、地域設定で選択した言語は今開いている管理画面にも反映されます。
ただし、日本語設定の場合スマートフォンでの表記が崩れる場合がありますので、表示される状態によって「Japanese(日本語)」か「自動選択(英語)」を適宜選択してください。
スマホ表示のプラグイン

 

・記事一覧オプション

サムネイル表記は「記事のサムネイルまたは指定画像を投稿」にしておくことをおすすめします。該当記事内にある画像、もしくは設定したサムネイル画像が記事一覧画面に表示されます。
スマートフォン用に表示するワードプレスプラグイン

 

・詳細オプション

各種詳細設定を行います。メニュー画面で何を表記させたいかなど、公開しているコンテンツに合わせて設定してください。
「モバイルユーザが最初に (1st) 訪問したときデスクトップ版を表示する 」では、スマートフォンでアクセスしてきたユーザーにモバイル用画面を見せるのかPC用画面を見せるのかを設定できます。チェックを外しておくと自動的にスマホ用の画面が表示されます。
WPtouch 設定方法

 

・ロゴアイコン/メニュー項目&ページアイコン

ブログタイトル横のアイコンを変更するには「ロゴ&ホームスクリーンブックマークアイコン」で好みのアイコンを選択します。
スマホ表示プラグイン 設定剃る方法

ココのこと↓↓↓
WPTOUCH アイコンの変更

↓この中から選べます(クリックで拡大)
スマホ表示 選べるアイコン

 

このブログもPVの約半数がモバイルからです。あなたがワードプレスで作ったサイトやブログも早めの対応を。

田村でした。

 

【関連記事】
WordPressにGoogleドライブで作成したフォームを掲載する方法

 

管理人プロフィール

↓初心者のためのGoogle活用術をRSS登録する
田村憲孝のブログをRSS登録する

 

 

 


WordPressにFacebookのいいねボックスを置いてみた

ワードプレスのサイドバーにフェイスブックのLIKEBOXをブログパーツとして設置する方法

 

最近いじってるこのワードプレスにFacebookのいいねボックスを置いてみようと、いろいろ調べてみいました。

プラグインが便利だと聞いていろいろ試すも全然うまくいかず。どないしたもんかな、と。

で、今僕がやってる方法を。めちゃ簡単です。

 

まずFacebookページの管理画面からいいねBoxのタグを取得してください。

管理画面で「リソース」を選択し「ソーシャルプラグインを利用する」をクリック

 

Likeboxを選択

 

「Facebook Page URL」にFacebookページのURLを「https」も含めて入力→幅や掲載内容を設定し「Get Code」ボタンをクリック

 

「IFRAME」を選択→表示されたタグをコピー

 

これでFB側の準備はOK。続いてワードプレスの管理画面に移動します。

ダッシュボードから「外観」→「ウィジェット」をクリック

 

「テキスト」にコピーしたいいねBOXのタグを貼り付けて「保存」ボタンをクリック

 

するとほれ。

 

もっといい方法もあるのかも、ですが、今んとここれが一番楽ちんだったので。なんかもっといい方法があれば教えてください。

田村でした。

>>ワードプレスにGoogleドライブでタダで作った入力フォームを掲載する方法

 

 

 

WordPressにGoogleドライブで作った申込フォームを掲載する

ワードプレスに申し込みフォームを載せる

※この記事に掲載している画像はすべてクリックで拡大できます。

Googleドライブでフォームを作り、そのままWordPressに載っけてみましょう。

Googleドライブでのフォーム作成の方法はこちら。

こんなん

Googleドライブでフォームをつくったら編集画面の操作メニューから「フォーム」を選択。「ウェブページにフォームを埋め込み」をクリックします。

埋め込み用のタグが表示されますので、これをコピー。

あとは自分のワードプレスの編集ページにタグを貼り付けます

公開するとこんな感じに。

※実際の表示はこちらを御覧ください
>>公開された登録フォーム

プラグインとか使わなくても、今まで使ってたGoogleアカウントで管理するとあっちゃこっちゃにログインしなくてもいいので楽ですよ。

田村でした。

>>Gmailで送信クリックしたけどやっぱり送るの止めたいときは??

 

 

管理人プロフィール

 

↓初心者のためのGoogle活用術をRSS登録する
田村憲孝のブログをRSS登録する