HTMLサイトにコンタクトフォームをWordPressで作成して設置する方法

こんにちは。熊の実です。

私は今でもHTMLサイトを運営しています。Wordpressに比べると機能がかなり少ないし(WordPressはプラグインがたくさんあるのでとても便利!)、更新をDreamweaver CS5を使ってやっているので面倒です。ファイルのアップロードもFTPツールを使わなければなりません(私はDreamweaver CS5を使っていますが、MacのOSの関係でいつまで使えるかわかりません)。

実際のところ、Wordpressだけを使っている場合でも、たまにサーバーの中のファイルを見るのにFTPツールを使ったりしますよね。なので、FTPツールが全くなかったら困ると思います。でも、なかった場合でもWordpressでは最低限の投稿作業はできるので、やっぱり便利ですね。

HTMLサイトでWordpressのメールフォームを使う方法

HTMLサイトを運営していて不便なことの1つにメールフォームをどうするかというのがあります。レンタルサーバー会社の無料のメールフォームもありますが、何だかサイトのデザインと合わなかったり、外せない広告が付いていたりと、何かと不便です。私はFC2フォームを使っていましたが、今はもうやめています(もっとも、FC2は私がやめる頃には広告も消えていましたが・・・)。

そこで、私が考えた方法を紹介します。それはHTMLサイトにメールフォームだけWordpressで導入する方法です。ただし、これはTCDのWordpressテーマのように1つのテーマ購入で何個でもサイトを作ることができるようなWordpressテーマをすでに持っている人でないときついです。高額なWordpressテーマをわざわざメールフォームを作成するためだけに購入するのはコスパが悪すぎるからです(それでもいいという人はそれもありですが・・・)。でも、HTMLサイトをWordpressに移行したい人にはうってつけです(部分的移行、完全移行のいずれでもOK)。

私の場合はTCDのMAG.とCOREを持っていますが、Wordpressでの投稿記事数が少ない場合はMAG.一択です。MAG.は投稿記事ページのアイキャッチ画像がトップページで大きく表示されるので、投稿記事が1記事しかなくてもトップページが見栄えがしてとても便利です。COREの方はポータルサイト的なテーマなので、投稿記事がある程度多くないと(最低5記事)、トップページが貧弱に見えてしまいます。なので、今回の目的ではCOREは適さないと思います。TCDのテーマはほかにもたくさんありますが、すべてのテーマの中でも今回の目的ではMAG.がベストだと私は思っています。

HTMLサイトのドメイン直下にWordpressをインストールする方法

この方法はHTMLファイルがずらりと並んでいる中にWordpressのファイルやフォルダをぶちまける方法なので、かなり面倒です。なので、レンタルのメールフォームでいいという人はその方がいいと思います。それでもWordpressでチャレンジしてみたい人は以下を参考にしてみてください。ただし、よく自分なりに咀嚼して、納得できた場合のみ行ってください(もちろん自己責任でお願いしますね)。

私はロリポップレンタルサーバーを使っているので、お手製HTMLサイトのドメイン直下にWordpressの簡易インストールを行いました。その手順は次のページを参照ください。

上記のページを参考にしてWordpressをインストールしたら、あとは固定ページでCONTACT FORMのページを作ります。WordpressのプラグインはContact Form 7を使います。私はContact Form 7のデフォルトに項目を足すこともなく引くこともなく、そのままでタグを固定ページに貼り付けてファイル名を「CONTACT」にして保存しました。

あとは、そのファイルネームを使ってHTMLサイトの各ページに連絡先としてCONTACTのリンク作成します。Wordpressでファイルネームをindex.htmlにして記事投稿した場合は、そのページとトップページに現れるユニバーサルメニューに固定ページとしてCONTACTを入れておいてもいいと思います。Wordpressの投稿記事を1つも使わない場合は、CONTACTも一切表面には現れないです。その場合は、HTMLサイトの各ページに連絡先としてリンクを貼っておけば、必要な時だけWordpressのメールフォームが現れることになります。ただ、Wordpressも定期的にアップデートしなければセキュリティー上の問題もあったりするので、できるだけ管理画面を開いてこまめにチェックした方がいいと思われます。よって、できればHTMLサイトのトップページだけでもWordpressに一般記事として投稿しておくべきだと思います。その際は、サーバーから必ずHTMLサイトのindex.htmlのファイルは削除しておかなければなりません。そうしないとWordpressのトップページ(index.php)が表示されないので、Wordpressのアイキャッチ画像が集まったトップページが現れません。index.htmlとindex.phpでは、読み込みはindex.htmlが優先されるからです。Wordpressのダッシュボード(管理画面)にはWordpressのindex.htmlの投稿ページからいつでも入れるようにしておくのが最も便利だと思います。そのためには、パンくずリストなどでHTMLサイトの各ページからindex.htmlにいつでも戻れるようにしておく必要があります。

それでは、また。







関連記事

  1. HTMLサイトとWordPressのハイブリッドサイトを運営してみて思ったこと

  2. HTMLサイトをWordPressサイトに換えた私の方法

  3. 既存のHTMLサイトを徐々にWordPressに移行する方法

  4. TCDのWordPressテーマAMOREを使ってみてわかったこと

  5. お手製HTMLミニサイトをWordPressに移行すべきか逡巡

  6. FC2ドメインを取得してロリポップ!レンタルサーバーで使う方法

  1. 夕方のウォーキングによる体重と体調の管理(2024年3…

  2. 夕方のウォーキングによる体重と体調の管理(2024年2…

  3. ビリルビン(Bilirubin)のIUPAC名を自分なりに付け…

  4. 夕方のウォーキングによる体重と体調の管理(2024年1…

  5. 夕焼けの太陽柱(サンピラー)

  1. 通算6匹目のすっぽんの目が新鮮な水道水で白濁してし…

  2. 観察した近所の公園のチョウトンボの観察(2022年〜2…

  3. 激しい喧嘩のあとに皮膚病になっていた2020年に観察…

  4. 2020年に観察した5匹目と6匹目の野生のスッポン

  5. 図鑑で見つけることができていなかった珍しい小鳥は…

  1. 減量におけるウォーキングの効果の検討(2021年4月)

  2. 激しい喧嘩のあとに皮膚病になっていた2020年に観察…

  3. 2020年に観察した5匹目と6匹目の野生のスッポン

  4. 40分以上喧嘩していた2020年に観察した3匹目と4匹目…

  5. ウグイスが気を失ったあとに回復していく過程の観察

アーカイブ

カテゴリー