7のWordPressへの設置について書いておきます。7」を検索まず、WordPressに、ContactForm7をプラグインとして追加します。7」が出てくるので、今すぐインストールして、有効化します。confirm」も検索して、インストールして有効化させておくと良いでしょう。7」がWordPressにプラグインとしてインストールされました。7」でのメールフォーム、お問い合わせフォーム作成の大まかな流れは、以下のような感じです。新しいフォームを作成。ショートコードをコピー。7」でフォームを作成し、ショートコードというものをコピーします。次に、固定ページに、コピーした「ショートコード」を貼り付けます。あとは、フォームの内容などをカスタマイズします。これで、メールフォーム、お問い合わせフォームは完成しますね。お問い合わせフォームを設定していく:左メニューの「お問い合わせ」インストールができていれば、左メニューに、「お問い合わせ」というのが出てきているはずです。「新規追加」で、新しいフォームを作成そうすると以下のような、コンタクトフォームという画面になるはずです。ここで、「新規追加」を押すと、新しいフォームを作ることができます。お問い合わせフォームを作成:タイトルをつける次に、以下のような画面になるので、コンタクトフォームに、タイトルをつけてあげましょう。「お問い合わせフォーム」といったわかる名前をつけると良いですね。これで「保存」を押します。ショートコードをコピーする保存すると、「ショートコード」というのができるので、これをコピーします。下の画像で、赤で囲われたところですね。この「ショートコード」を、投稿や固定ページ、テキストウィジェットに貼ると、問い合わせフォームができます。細かいところの修正がありますが、とりあえずの問い合わせフォームはできています。固定ページに、お問い合わせフォームを作成するということで、この「ショートコード」を、固定ページに貼って、お問い合わせフォームを作成します。上に書いたように、記事でも作成できますが、固定ページがわかりやすいので、固定ページに、お問い合わせフォームを作成しておきます。固定ページを、新規追加まずは、固定ページを、新規追加で作成します。次に、「タイトル」を入力し、「ショートコード」を貼り付ける次に、固定ページに、「お問い合わせ」といった「タイトル」を入力します。以下のような感じで、書き込んで、「ショートコード」を貼り付けます。これで、固定ページを「公開」すれば、お問い合わせフォームは、一応の完成です。カスタマイズしたいという人もいると思います。いうことで、さらにカスタマイズをしてみると良いですね。以下は、その参考です。7」のカスタマイズ・修正について書いておきます。フォームのカスタマイズ・修正フォームの内容のカスタマイズです。フォームの上のボタン「テキスト」「メールアドレス」などを押すと、それがフォームに追加されます。「*」アスタリスクを追加すると、それは入力必須の項目になりますね。下のフォームでは、お名前とメールアドレスが必須になっています。「*」を外せば、入力が必須にはなりません。ここに、こちらのメールアドレスを、画像で貼り付けるように、わたしはしていますね。迷惑メールになってしまうこともあるようなので。いう場合は、メールで直接連絡してもらえば良いかなと思うので。7は、入力して、送信と押すと、お問い合わせが送信されます。入力内容を確認するということができません。confirm」というプラグインも必要です。この機能をつけたいなら、インストールすると良いですね。このプラグインをインストールすると、「確認ボタン」「戻って編集ボタン」が追加可能になります。このボタンを2つを押して、フォームに設置してあげると、確認したり、戻って編集することが可能になります。以下のようになります。7を使った、メールフォーム、お問い合わせフォームでも、送信内容を確認も可能になりますね。メールの設定メールはこんな感じですね。わたしは、こんな設定にしています。送信先には、こちら・自分のメールアドレスと問い合わせされている人・相手のメールアドレスを、「,」で区切って入れています。しておくと、自分にもメールが届きますし、相手にもメールが届きますね。送信元には、”名前”と<自分のメールアドレス>を入れています。ここでは、日頃使っているGmailを入れているので、このブログ「シンカツブログ」のドメインのメールアドレスではないので、エラーと表示されていますが、これまでは問題なく使えています。Gmailが、迷惑メールにしてしまうかもしれないので、レンタルサーバーでメールを新しく作って、そこからGmailに転送するほうが良いかもしれません。なっていて、お問い合わせした人の名前と、サイトのメールになっています。それでも良いかもしれませんが、こんな感じにしていますね。メッセージ本文などに、メールアドレスも入れています。問い合わせのメールが、迷惑メールに入ってしまうこともあるようなので、フォームのところやこのメールにもメールアドレスは書いています。「私はロボットではありません」というものですね。これを押すと、写真が出てきて選ぶようになったりするものです。「お問い合わせ」から、「インテグレーション」を押します。以下のGoogleのサイトから「サイトキー」と「シークレットキー」を取得して、上のところに入力しします。reCAPTCHA」を押します。Googleアカウントでログインします。したら、Labelに、自分のブログのドメインなどを入力します。V2を選択し、reCAPTCHAを使いたいドメイン(自分のブログのドメイン)を入力します。Serviceにチェックを入れます。ownersは、アラートを送るようにするかどうかなので、必要ならチェックで、不要ならチェックを外します。これで、青い「Register」を押します。7」のインテグレーションにコピぺします。reCAPTHAを使えるようになりました。フォームに[recatcha]を入れるそれから、フォームに[recatcha]を入れれば使えますね。「reCAPTCHA」ボタンがあるので、それを押せば、フォームに入れられます。あとは、テストを!ここまでやれば、このブログ「シンカツブログ」と同じようなメールフォーム、お問い合わせフォームを設置できるはずです。あとは、実際、動作しているのか、テストをしてみると良いですね。メールアドレスを2つ持っておいて、それで、お問い合わせフォームから、自分のメールアドレスに届くのかをテストする。これで、自分のメールアドレスに、お問い合わせメールが届くようなら、うまく設置できています。うまく届かないとしたら、設定がどこかおかしいと思われます。再度、チェックしてみて、またテストしてみてください。この繰り返しで、メールフォーム、お問い合わせフォームを、WordPressに設置できるはずです。WordPressにメールフォーム、お問い合わせフォームを設置このように行えば、WordPressにメールフォーム・お問い合わせフォームを設置することができます。実際に行ってみると、そこまで大変ではないかもしれませんが、初めて行うには面倒かもしれませんね。いう場合は、メールアドレスを画像にして、それを貼り付けるとかすると良いでしょう。画像かというとスパム対策ですね。それもできないという人は、コメント欄をお問い合わせにしても良いでしょう。向こうから連絡しやすくなる。ブログの読者からの連絡が来る可能性が高まるいずれにしても、WordPressブログには、こんなふうにして、メールフォーム、お問い合わせフォームを設置できます。これで、ブログを見た人が、何かアクションをしたいと思ったときに、連絡を受け取れるようにできました。しておくと、ブログを読んだ人がアクションを取りやすくなるようです。メールアドレスだけだと、どうも連絡を取りにくいようですね。いうことで、ワードプレスに、お問い合わせフォーム、メールフォームを設置したい方は、こんなふうにやってみると、いい感じにできると思います。@twitterTwitterのフォローも、ぜひ!こばやしただあきビジネスコーチ、ウェブコンサルタント。15年ほどブログを毎日更新している。著書に、『1つのことを長く続けられる技術』(サンマーク出版)、『仕事のムダを削る技術』(ソフトバンククリエイティブ)、『10倍ラクするスマートフォン仕事術』(技術評論社)がある。Advancedを使うWordPressの投稿エディタでは、HTMLの編集もできますね。投稿エディタの「テキスト」タブでHTMLで編集ができます。Navigation」WordPressで記事の編集などをする際に、前の記事や次の記事に移動したい時があります。ブログの記事で、前の記事、次の記事となるよ...記事を読むブログの設定・カスタマイズ予定リストまとめ。これだけやれば、一応WordPressのブログとして運営できるこのブログをここから、カスタマイズしていく予定です。どこをどうカスタマイズしていくのか。リストとして書いておきます。これだけ...記事を読むWordPressのテーマ・外観を変える方法、手順このブログの見た目、WordPressの見た目を、テーマを変えることで変えられます。WordPressには、テーマというものがあり、これを変...記事を読むWordPressでプロフィールを表示させるプラグインや方法などまとめ。どれがいい?WordPressで、自分のプロフィールを表示させたい。そんなときに、どうすると良いでしょうか。いくつか方法があると思います...記事を読むiPhone版のWordPressアプリで、見出しなどを編集できるようにiPhone版のWordPressアプリで、見出しなどを編集できるようになりました。ベータ版ですが、アップデートで、バージョン8で、よう...記事を読む「はてなブログカード」のiframeなしの使い方などはてなブログでは、はてなブログカードという機能を使えます。リンクを貼ると、記事のタイトルにリンクしたカードのようなものが表示されます。...記事を読むトップメニュー、グローバルメニューをWordPressブログで設定する方法WordPressなどでブログを作ったら、トップメニュー、グローバルメニューも設定しておきたいですね。以下の画像の、赤枠で囲った部分...記事を読むJetpackの便利な機能やメリットまとめ。統計情報、パブリサイズ共有、コメント、プラグインの自動更新の設定などWordPressのプラグインには、Jetpackという、WordPressを作っている「Automattic」が出しているプラグインがあり...記事を読むこのブログ「シンカツ」を開始。このブログをまずは、今日(2017年3月28日)、開始しました。WordPessをとりあえずイ...記事を読むFeedlyとは?RSSとは?ブロガーは、Feedlyを使ったほうがいい理由3つ。Pro、iMacの使い分け。どんな感じで使っているのか?iPadとMacBook、どっちがいい?比較、違い。できること、できないこと。11インチ、12.9インチどっちがいい?比較、スペック。使い分けなどiMacにオススメの周辺機器。CapsuleLinkTouchサポートページLinkTouch。Page問題を「環境のせいにしない」。5Kを購入して良かった。人気記事Macの良いところまとめ15個。Macは快適に使える。ところもiPadとMacBook、どっちがいい?比較、違い。できること、できないこと。Pro13インチ、どちらがいいか。どちらがいい?6ヶ月ほど使っての感想。使い分けなどWordPressアプリ(Windows/Mac)は無料で便利。5Kを購入して良かった。11インチ、12.9インチどっちがいい?比較、スペック。