※当サイトはアフィリエイト広告を利用しています
WordPress立上げ プラグインの説明2(はじめてのWordPressの解説)
![](https://crazynaka.com/wp-content/uploads/2019/10/326c516e2e65e626be265b4bc7fac2df.jpg)
プラグイン”Black Studio TinyMCE Widget”のインストール
前回は ”All In One SEO Pack” までインストール作業を実施しました。
引き続き ”Black Studio TinyMCE Widget” をインストールして行きます。
![BlackStudio](https://crazynaka.com/wp-content/uploads/2019/10/c7c99c6e7234522f8d949eb50cb5198c.jpg)
プラグイン新規追加から Black Studio TinyMCE Widget を探します
プラグイン新規追加から ”Black Studio TinyMCE Widget” を探して ”今すぐインストール” をクリックします。
インストール終了後 ”有効化” しておきましょう。
プラグイン ”Broken Link Checker” のインストール
続いて ”Broken Link Checker” です。
![Broken Link](https://crazynaka.com/wp-content/uploads/2019/10/aa32578bbe4f2edd3f0196fa4d3e2d89.jpg)
インストールの方法は前と一緒ですので、綴りのチェックをキッチリして行きましょう
プラグイン新規追加から ”Broken Link Checker” を探して ”今すぐインストール” をクリックします。
インストール終了後 ”有効化” しておきましょう。
プラグイン ”Classic Editor” のインストール
次の ”Classic Editor” は非常に記事投稿がやり易くなりますよ!
![ClassicEditor](https://crazynaka.com/wp-content/uploads/2019/10/f5104b843355e54303044e6b45f60bdc.jpg)
ClassicEditorはこちらです
プラグイン新規追加から ”Classic Editor” を探して ”今すぐインストール” をクリックします。
インストール終了後 ”有効化” しておきましょう。
これも設定は不要なのでインストールしたら次に行きましょう。
プラグイン”Invisible reCaptcha for WordPress”インストール
今度はインストール後に設定が必要です。
![Invisible reCaptcha for WordPress](https://crazynaka.com/wp-content/uploads/2019/10/87966916b62a443f4aee4c988d9f3280.jpg)
Invisible reCaptcha for WordPress は設定が必要です
プラグイン新規追加から ”Invisible reCaptcha for WordPress” を探して ”今すぐインストール” をクリックします。
インストール終了後 ”有効化” しておきましょう。
そして設定をして行きます。
![invisiblereCapture](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha1.jpg)
設定から Invisible reCaptcha をクリックします
すると、以下の画面になります。
赤丸囲みの2つのキーを入力する必要が有ります。
![invisiblereCapture](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha2.jpg)
キーを取得してから入力して下さい
そして、 ”Your Site Key” と ”Your Secret Key” を入力するのですが、このキーを取得する必要が有ります。
![reCapture](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha3.jpg)
GoogleのページからreCaptcha v3 を探します
URL:https://www.google.com/recaptcha/intro/v3.html から飛んで頂くと楽だと思います。
画面の文字が reCAPTCHA v3 となっているのを確認して ”admin console“ をクリックして下さい。
下の画面が出ると思いますので、 ”ラベル” と ”ドメイン” の2か所にブログのドメインを入力してください。
また、 ”reCAPTCHAv3” にチェックを入れて下さい。
![reCaptcha](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha4.jpg)
ドメインを2か所に入力してreCAPTCHAv3にチェックを入れます
下に ”reCAPTCHA 利用条件に同意する” のチェックボックスが有るのでチェックを入れてから送信をクリックします。
![利用条件に同意](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha5.jpg)
チェックボックス にチェックを入れて 送信 します
送信後、以下の画面でコードが表示されますので、それぞれコピーして貼り付けして下さい。
![キーの表示](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha6.jpg)
それぞれ間違えずにキーをコピペして下さい
サイトキー と シークレットキー を間違えずにコピペして下さい。
下の ”Lunguage” の部分を ”Japanese“ にして下さい。
![Language](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha7.jpg)
Language を Japanese に設定します
設定出来たら ”変更を保存” をクリックします。
![変更を保存](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha8.jpg)
変更を保存をします
次に、左の ”WordPress“ をクリックします。
下の図の赤丸囲みの部分です。
![WordPressをクリック](https://crazynaka.com/wp-content/uploads/2019/10/380eb5cf8d1500fc726c4e4845c2afa2.jpg)
左にある WordPress をクリックします
出て来た画面の項目全てにチェックを入れます。
![全てにチェック](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha10.jpg)
全ての項目にチェックを入れます
出来ましたら ”変更を保存” をクリックします。
![変更を保存](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-InvisiblereCaptcha11.jpg)
変更を保存 をクリックします
ここまでで ”Invisible reCaptcha for WordPress” の設定が完了しました。
プラグイン”Ninja Forms – The Easy and ~”のインストール
非常に長い名前の ”Ninja Forms – The Easy and Powerful Forms Builder” をインストールして行きます。
名前が変更になっている様です。
Ninja Forms Contact Form – The Drag and Drop Form Builder for WordPress
![NinjaForm](https://crazynaka.com/wp-content/uploads/2019/10/540b75d42a75dc311e760a45afa38df6.jpg)
NinjaForrms は忍者のマークです
前と同じように プラグインの新規追加から ”NinjaForms” を選択しインストールして下さい。
インストール終了後 ”有効化” しておいてください。
![ninjaForm設定](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya1.jpg)
NinjaForms の設定をして行きます
”NinjaForms” は設定が必要です。
”NinjaForms” の ”新規追加” から設定画面に行きましょう。
![からのフォーム](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya2.jpg)
空のフォームを選択
右の項目から必要なモノを左にドラッグして追加していきます。
![項目を選択していく](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya3.jpg)
フォームに入れたい項目をドラッグアンドドロップする
ドラッグして来たフォームにカーソルを合わせると、表示させる文字を編集することが出来ます。
![項目の編集](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya4.jpg)
項目の表示を編集する子kとが出来ます
編集する時に、 ”必須項目の設定” をすることが出来ます。
![](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya5.jpg)
表示する文字 の設定と 必須項目の設定 が可能
設定が終わったら ”終了” をクリックして下さい。
![編集終了](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya6-1.jpg)
編集が終わりましたら 終了 をクリックします
※カスタマイズの画面に戻りたい場合は 右下の ⊕ ボタンを押して下さい。
![カスタマイズ画面に戻る](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya7.jpg)
カスタマイズ画面に戻る場合は ⊕ ボタンからです
次に、フォームの ”メールとアクション” の項目を設定していきます。
![メールとアクション](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya8.jpg)
メールとアクションの設定をします
”メールとアクション” のタブをクリックします。
![メールとアクション](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya9.jpg)
メールとアクションの設定画面です
”メールとアクション” の設定画面で ”歯車マーク” をクリックして編集します。
![管理者のメール編集](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya10.jpg)
管理者のメールアドレス を編集
”宛先” に自分のメールアドレスを入力して下さい。
”返信先” の所は メール を選択して下さい
![宛先の設定](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya11.jpg)
宛先は 自分のメールアドレス 、返信先は メール に設定
”宛先” と ”返信先” の入力が完了したら ”終了” をクリックして下さい。
![設定完了](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya12.jpg)
設定終了したら 終了 をクリックして下さい
終了をクリックしたら 右下の ⊕ ボタンをクリックして下さい。
![⊕](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya13.jpg)
⊕マーククリックをします
出て来た画面で ”メール” をクリックして下さい。
![メールを追加](https://crazynaka.com/wp-content/uploads/2019/10/1d33a71742be8a4c1d7268c7ae5356eb.jpg)
メールをクリックしてメールの項目を追加します
下の方に新しく ”メール” の項目が追加されました。
![追加メールの設定](https://crazynaka.com/wp-content/uploads/2019/10/80f17fc5ca650c68cbd05c9cd5a12d2a.jpg)
歯車マークの色が変わっており、スグに編集出来るようになっています
次に、お客様への返信メールの設定をしましょう。
![](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya15.jpg)
お客様への返信メールの設定です
アクション名の所は ”自動返信メール” など、サイトから送られたメールだと分かる様にして下さい。
返信先に 自分のメールアドレス 、宛先のところは ”メール” を選択して下さい。
また、 ”件名” についても適切な内容にしておきましょう。
入力完了しましたら、 ”終了” をクリックします。
![メールフォームの入力完了](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya16.jpg)
入力が終わったら 終了 をクリックします
次に、 ”高度な設定” から ”表示設定” をクリックして下さい。
![高度な設定](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya17.jpg)
高度な設定をして行きます
”フォームタイトル” を入力して ”フォームタイトルを表示”の設定スイッチを グレー色に変更します。
![高度な設定](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya18.jpg)
フォームタイトル入力 と フォームタイトルを表示するをグレー に変更
終了ボタンを押すと
![Preview Change](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya19.jpg)
Preview Change と出て来ます
フォームのプレビューが見れますので出来栄えを確認して下さい。
よければ ”公開” をクリックします。
![公開](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya20.jpg)
公開をクリックして下さい
「もうすぐ完了します」 をのコメントの画面が出ますので、そこも ”公開” をクリックして下さい。
![もうすぐ完了](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya21-1.jpg)
もうすぐ完了 と出ている画面でも 公開 をクリック
公開 したら上の ×印 で画面を閉じて下さい。
![×で画面を閉じる](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya22.jpg)
終了したら印で画面を閉じて下さい
出て来た画面の ”問合せフォーム” の ”ショートコード” をコピーして下さい。
![ショートコード](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya23.jpg)
ショートコードをコピーします
ショートコードをコピーしたら、 ”固定ページ” の ”新規追加” をクリックします。
![固定ページ](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya24.jpg)
固定ページ の 新規追加 を選択して下さい
タイトルを追加 にコメントを記入して、下の欄に ショートコード を張り付けます。
![](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya26.jpg)
タイトルを入力します
タイトルは ”お問合せフォーム” 辺りが良いと思います。
入力したら パーマリンク の編集も忘れずにして下さい。
![タイトル入力](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya27.jpg)
パーマリンクの設定も忘れずに
パーマリンクの設定が出来たら 右側の ”公開” をクリックして下さい。
![ページを表示で確認](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya28.jpg)
ページを表示 で確認して下さい
お問合せフォームの画面表示を確認して下さい。
![設定終了](https://crazynaka.com/wp-content/uploads/2019/10/WordpressDashboard-ninjya29.jpg)
NinjaForms の設定終了
良ければこれで設定は終了です。
お疲れさまでした。
続きは次回にします。
![ネットサービスランキング](https://blog.with2.net/img/banner/c/banner_2/br_c_1055_2.gif)
ネットサービスランキング