こんにちは、chieです(^^)

今回は、簡単にTwitterなどのSNSをサイドバーに設置する事ができるプラグイン、【Jetpack by WordPress.com】の導入と使い方について解説します。

・ブログのアクセスを増やしたい
・メルマガの集客をしたい

という方は積極的にTwitterなどのSNSを利用しましょう♪

Jetpack by WordPress.comのインストール

ワードプレスのダッシュボードから、【プラグイン】→【新規追加】をクリックします。

①検索窓に【Jetpack by WordPress.com】と打ち込みます。

②今すぐインストールをクリック。

有効化をクリックします。

WordPress.comと連携をクリック。

↑この画面ですが、①WordPress.comのアカウントを持っていない場合はアドレス、ユーザーネームなどの必要事項を記入して、Sign Up and Connect jetpackをクリックします。(アカウント作成)

※ワードプレスログインに使うアカウントとは違うので注意

Akismetなどのプラグイン設定時にすでにWordPress.comのアカウントを作っている場合は、②をクリック。

メールアドレスとパスワードを入力してLog Inをクリックします。

エラーが出る場合

Log Inをクリックしてエラーが出る場合、WordPress.comのアカウント作成時に送られてきた
メールをクリックしてない事が原因として考えられます。

以前WordPress.comのアカウントを作成した方は、その時に送られてきたメールを確認してください。

クリックするとこのような画面に切り替わるので、再び先ほどの画面からLog Inします。

Approve(承認)する

Approve(承認)をクリックします。

これでワードプレスで設定を使えるようになりました(^^)

このような画面が表示された場合

この画面は、有料の設定を使用したい方向けなので特に何も操作をしないままページを閉じて大丈夫です。

無料で使用できる機能は、Freeに記載されている項目のものです。

ワードプレスで設定

さっそくTwitterの設定をしていきましょう(^^)

ワードプレスのダッシュボードから【外観】→【ウィジェット】をクリック。

左側のウィジェットの中にTwitterタイムライン(Jetpack)というウィジェットが追加されているのでクリックします。

サイドバーウィジェット(もしくはサイドバー)が選択されている事を確認して、ウィジェットを追加をクリックします。

設定をしていきます。

①には、表示させたいメッセージを記入します。

②では、表示させたいツイートの数が設定できます。

③には、自分のアカウント名を記入します。(@～～～の＠以降)

④では、表示させるデザインが変更できます。

⑤では、表示画面の色を選択できます。

元々記入されているものに関しては、いじらなくて大丈夫です(^^)

設定が完了したら、保存をクリック。

細かい設定ができますので、お好きに設定してみて下さい♪

サイドバーを確認

最後に、サイドバーを確認します。

設定完了です♪

まとめ

これでツイッターが無事設置されましたね。

記事更新についてのツイートや、個人的なツイートなどを発信して自分なりに活用してみてください^^

こんにちは、chieです(^^)

今回は、WordPressでサイドバーにお問い合わせフォームを設置する方法について図解入りで詳しく解説します。

・ついでにウィジェットの使い方も知りたい
・お問い合わせ用の記事をすでに作成している
・contactform7(プラグイン)をインストールしている

という方向けの内容になります。

お問い合わせフォームを設置するには、先に固定ページでお問い合わせ用の記事を作成しておく必要があります。

先にこちらの記事を参考に固定ページで記事を作ってみて下さいね。

WordPressの固定ページにコンタクトフォームを設置するプラグイン【ContactForm7】

では早速取り掛かりましょう♪

WordPressでサイドバーにお問い合わせフォームを設置

まずはワードプレスにログインして、ブログの管理ページに入りましょう。

このページはブックマークしておきましょう。

よく見るサイトをブックマークに登録する方法【GoogleChrome】

今ログインしている画面の左側に、黒い背景の項目がずらーっと並んでいますね。

ダッシュボード、ホーム、更新などと文字の書いてある部分です。

今後、この項目を利用して記事を書いたり編集したりしていく事になります^^

外観→ウィジェット

サイドバーにお問い合わせフォームを設置するには、ダッシュボードから【外観】→【ウィジェット】をクリック。

青色の線を付けている場所が、今回設定に使っていく場所です。
(これと全く同じ項目が並んでいる必要はありませんので、自分の画面と違っていても大丈夫です^^)

緑色の線を付けている場所も、使用しているワードプレスのテーマによって変わってきます。
同じ項目がなくても気にしなくてOKです。

ちなみに、私が今使用しているテーマはSimplicity2 です。(現在は変更しています)
カスタマイズしやすい無料テーマでSEO的にも強いのでおススメです。

【WordPress】Simplicityの無料で利用できるテンプレートのテーマ導入で簡単にSEO対策♪

サイドバーにお問い合わせフォームを付けるには、上の画像の青色の線を付けている部分に【テキスト】という項目を追加する必要があります。

テキストを追加

ウィジェットのサイドバーに【テキスト】を追加していきましょう。

利用できるウィジェットと書いてある下にあるのが利用できるウィジェットです。

この中のどこかに【テキスト】というウィジェットがあるので、画像のように下にスクロールして探します。

【テキスト】のウィジェットが見つかりましたか？

任意のテキストやHTMLという表記がありますが、これは、このウィジェットを使えば自分の好きな言葉で項目を追加できるという事です。

文字の色を変えたりする事もできます。

【WordPress】タグの知識は必要なし♪簡単にテキストウィジェットの文字に装飾を付ける方法

次に、テキストの文字をクリック。

クリックすると、このような項目が出てきます。

一番上のサイドバーウィジェット
(サイドバーという文字があればOK)
が選択されている事を確かめましょう。

選択されていなかったら、サイドバーと文字がある項目をクリックして選択して下さい。

そして、ウィジェットを追加をクリック。

これで、サイドバーのウィジェットに【テキスト】というウィジェットが追加されました。

ここまで来ればもう少しで設定は完了です♪

上の画像で解説していきます。

①この部分にはタイトルを書き込みます。

お問い合わせやお問い合わせフォームなどと記入すればOKです。

②ここが少し分かりづらいですね。
ただ文章を入れるだけでは、お問い合わせフォームへのリンクをつける事が出来ません。
そこで、HTMLを使ってリンクを作成します。

←先ほどの【テキスト】をウィジェットに
追加するという手順での画像です。

ここに、任意のテキストやHTMLとありましたよね。

HTMLは、リンクを入れたり文字を強調したりなどの、文章を整理する為のものだという風に理解できれば良いと思います。

【WordPress】タグの知識は必要なし♪簡単にテキストウィジェットの文字に装飾を付ける方法

②で使用するHTMLはこちらです。

<a href=”リンク先のURLを入れる“></a><br>
<a href=”リンク先のURLを入れる“>お問い合わせはこちら</a>

分かりやすいように色分けをしています。

まずは、リンク先のURLを入れると書いてある部分が二か所ありますね。

この二か所に、固定ページで作成したお問い合わせ用の記事のURLを入れましょう。

WordPressの記事や画像のURLの確認方法とリンクの設定方法

上記のHTMLの青色でマークしているお問い合わせはこちらという文字は、この部分をクリックするとお問い合わせ用の記事へと移動する事になります。

この部分には、リンクをクリックする為の誘導の文章を自分なりに入れてみて下さい。

そして最後に、④の保存をクリック。

これであなたのブログのサイドバーにお問い合わせフォームを設置する事が出来ました^^

設定の確認とまとめ

ちゃんとサイドバーに設定が反映されたかどうかの確認をしてみましょう。

ウィジェットの使い方についても触れたので、自分なりに色々とウィジェットを設定してみて下さいね^^

サイドバーはブログ訪問者の目につきやすい場所です。

画像を設定したりしてオリジナルのサイドバーを作成してみましょう♪