当ページのリンクには広告が含まれています。"@osaboo_Bot"【2024年2月20日】記事が読みやすくなるように調整しました。今回は、WordPressブログサイトの固定ページにGoogleフォームを埋め込んで『お問い合わせフォーム』を設置する方法をご紹介します。『お問い合わせフォーム』は、プラグインを使って作成するのが一般的?(多い)と思いますが...WordPressブログサイトのスピードを下げてしまうデメリットがあります。「プラグイン無し(当サイト実施)で『お問い合わせフォーム』を作ることが簡単に出来る!」をご紹介して、ご覧いただいた方のお役に立てる情報になれば幸いです。「初めてGoogleフォームを使う」という方にもわかりやすく具体的に画像を入れて説明していきます。初心者目線で説明していきます。^^")「是非参考にしてください。」それでは『お問い合わせフォーム』を作っていきましょう!こんな方におすすめ!「お問い合わせ」のページ(サイトに必要な固定ページ)を簡単に作りたい。増え続ける当サイトオリジナル特典付!-購入方法で迷ったら...こちらで確認【特典付きを購入しよう!】Googleフォームを使ったお問い合わせフォームの作り方Googleフォームを使って「お問い合わせフォーム」を作っていきましょう。『Googleフォーム』にアクセスします。以下の画面が表示されます。『Googleフォームに移動』をクリックします。フォームに移動する』以下の画面が表示された場合は、ログインまたはアカウントを作成してください。Googleフォームの最初の画面が表示されます。Googleにログインが完了するとGoogleフォームの最初の画面「下の画面」が表示されます。『フォームに移動』をクリックします。(トップ画面です)「新しいフォームを作成」画面が表示されます。左端の『空白のフォーム』をクリックします。『無題のフォーム』が表示されます。「お問い合わせのフォーム」を作っていきましょう。手順は以下の通りです。^^手順は以下の通りです。『+』をクリックして次へ下に空ブロックが追加されたら、同じ要領で記入と変更をします。手順は以下の通りです。『+』をクリックして次へ下に空ブロックが追加されたら、同じ要領で記入と変更をします。手順は以下の通りです。『+』をクリックして次へ下に空ブロックが追加されたら、同じ要領で記入と変更をします。手順は以下の通りです。下に空ブロックが追加されたら、同じ要領で記入と変更をします。ここまで作った『Googleフォーム』を確認してみましょう。osaboo上記で作ったGoogleフォームここまではこんな感じ!!お問い合わせに必要な項目の追記が完了したら、色変更等のデザインを選んでお好みのスタイルに変更してみましょう。右上の赤枠『テーマをカスタマイズ』をクリックします。手順は以下の通りです。テーマをカスタマイズを開く→『テーマをカスタマイズアイコン』(クリック)色・フォントの変更→『ヘッダー』『テーマの色』『背景色』『フォントスタイル』等(お好みで設定)送信→『送信』(クリック)『テーマオプションタブ』メニューをお好みで選択して、色・テキストなどの設定をしましょう。送信をクリックすると下の画面が表示されます。赤枠の『コードアイコン』をクリックします。以下のように切り替わります。コピーが完了したら、固定ページに埋め込みます。次のセクションに進みましょう。WordPressブログサイトにGoogleフォームを埋め込む方法WordPressブログサイトの固定ページにコピーした『HTML』を埋め込んでいきましょう。WordPress管理画面>固定ページ>新規追加』のメニューを選んで固定ページを用意してください。タイトルh1は、『お問い合わせ』(お好みで...)準備画面は以下として進めます。❶『クラシック』を選択して❷『クラシック』をクリックします。以下の手順で『HTML』を貼り付ける準備画面を呼び出します。(❶→❷)Googleフォームでコピーした『HTML』を赤枠の様に貼り付け(ペースト)します。以上でGooglrフォームの埋め込みは完了です。固定ページの表示を確認をしてみましょう。画面上方の『プレビュー>新しいタブでプレビュー』で確認します。確認画面が下の画面の様になっていれば『OK』です。次にスクロールバーが邪魔なので表示させないように設定していきます。Googleフォームの幅と高さ調整(スクロールバーを隠す!)スクロールバーが出てしまって画面が微妙に上下するのはカッコ悪い(私見)ので隠します。そのままでも問題ないですが...コピーした『HTML』の末尾に以下を挿入します。frameborder="no"挿入前はこちら!スクロールバーの表示をOFFにした形の『HTML』は下記の様になります。(黄色マーカー赤字部が追加した部分です。frameborder="no">読み込んでいます...</iframe></p>上記のように『HTML』に追加すると以下の様にスクロールが隠れた表示になります。height="1054"上記の数値を変更する事で「表示幅と高さ」の調整ができます。サイトの表示幅に合わせて調整してみてください。以上で、Googleフォームを使った、お問い合わせフォームの固定ページが完成しました。実際にお問い合わせフォームにテスト入力して、mailとコメントが届くか確認しましょう。Form7』に変更しました。7」を使った「お問い合わせページ」の作り方をご紹介。7」の導入・設定から固定ページをお問い合わせページにするまでの手順を初心者さん向けに解説。メニューやウィジェットへの設置方法も合わせてご紹介します。あわせて読みたい!まとめ!お問い合わせフォーム【WordPressにGoogleフォームで設置!】お問い合わせフォームをプラグイン無しで簡単に作成する方法をご紹介しました。当サイトでも、もちろん採用しています。自分のサイトにログインする事なく、「Googleフォーム」を変更するだけで、複数のサイトに埋め込まれたフォームデザインがまとめて変更できるのも魅力だと思います。是非!導入してみてください。「最後まで、ご観覧いただきありがとうございました。」また、次の記事で...お会いしましょう。WordPressテーマ】AFFINGER6とSWELL徹底比較「どっちにする?」両方使ってみた!WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。本音レビュー!メリット・デメリットを徹底解説AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを徹底解説。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意しました。初心者がオススメする購入方法【特典付きを購入しよう!】WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。初心者向けにWordPressブログの記事作成から投稿方法までを徹底解説!記事構成、執筆のコツ、SEO対策、画像挿入、カテゴリー設定まで、すぐに使える実践的な手順を詳しくご紹介します。WordPressブログの始め方完全ガイド【準備編】ブログを始めるためのステップWordPressブログの始め方を初心者向けに解説!ドメイン取得やサーバー設定、テーマ選びなど、ブログ開設に必要な準備をステップごとに紹介します。この完全ガイドでスムーズにブログを始めましょう。WordPressブログのアイキャッチ画像【作り方・適正サイズ・画像編集ソフト】調べてみた!!初めてでも10分でできるアイキャッチ画像の作り方をご紹介。おすすめな無料画像の検索サイトや無料で使える画像編集ソフトをご紹介。WordPressを使ったブログ記事への貼り付け手順を"1"から解説。見出しタグ(hタグ)の書き方【徹底的に調べてみた!】SEOに強い!見出しタグ(hタグ)の書き方をご紹介します。読者に対する効果と検索エンジンに対する効果をそれぞれ解説。h1〜h6まである見出しタグ(hタグ)のSEOに強い書き方について簡素に!的確に!ご紹介します。ブログ初心者必見です。Sitemapで2種!サイトマップの作り方をご紹介。手間の掛からないサイトマップはこれ!自動で更新してくれるので基礎を作って仕舞えば後は手間なしです。注)サイトマップは2種類作る必要がある!につて軽くご紹介。Sitemap』でセットアップ!WordPress!ブログ初心者が知っておきたい基本的な記事の書き方WordPressを使ったブログ記事の基本的な書き方をブログ初心者向けに解説。記事の構成を図解でわかりやすく解説。文頭のNGワードや見出しタグの書き方など初心者がわかりずらいポイントを押さえ、基本的なWordPressブログの書き方をまとめてご紹介します。徹底した初心者目線でお届け!!\\お役立ち情報を発信しています。原則リンクフリーです。リンクを行う場合の許可や連絡は不要です。リンクである旨を明示ください。引用についても、出典元の明記とリンクをしていただければ問題ありません。見出しタグのカスタマイズ!キャッチコピーを使う。