HTML、CSSのみで書かれているホームページをWordPressに持っていけるか検討

色々やってみました

このホームページ自体はWordpressを使っていますが、事業として通常のHTML,CSSのホームページをWordpressにもっていけるか検討してみました。ターゲットにしたホームページは、業者が制作したものでスマホ対応でした。以前勉強(スマホ対応ができるか)したのは、Wordpressで制作されたスマホ対応で無いホームページでした。

スマホ対応なので、このホームページをWordpressに変更する必要があるか迷いましたが、もしお客さん維持費を安くするために「同じデザインのホームページで+α(ブログ等)」というリクエストが有った場合に対応できるか検討の必要でした。

やってみましたが、Wordpress(Lightningはスマホ対応のテーマ)とHTML+CSSのみでスマホ対応(レスポンシブ)のソースをそのままファイルにして動かしてみることは直ぐに出来ました、TOPと合わせて14ページで数時間、CSSは1つのみ、JSは3ファイルのみでした。お問い合わせ本体は、HTMLファイルでしたが、当然ながらメール送信部はPHPファイルに飛ばしてました。よって、この部分はブラックボックスになっています。

ネットで探すと、PHP部のソースがあるので引数の変数を合わせてプログラミングしないといけません。
難しくはありませんが実環境(サーバー)またはXAMPPを使ってデバッグ必要です。まぁ、面倒です。

<?php 
    // フォームのボタンが押されたら
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        // フォームから送信されたデータを各変数に格納
        $name = $_POST["name"];
        $furigana = $_POST["furigana"];
        $email = $_POST["email"];
        $tel = $_POST["tel"];
        $sex = $_POST["sex"];
        $item = $_POST["item"];
        $content  = $_POST["content"];
    }

 

僕はHTML+CSS+PHPを学んでいるので、そのまま同じデザインのホームページを制作することは出来ました。
※PHP部はまだ組んでいません...そのうち実験します。

さて、やっと本題です。Wordpressにそのままのデザインで、HTML+CSSでデザインされたスマホ対応のホームページを移植するのは難しいです。
スマホ対応にCSSに色んな仕掛けがあるので、それをいちいち修正するのが面倒です。やるんなら、スマホ対応部を削除してからWordpress(Lightning)に移植するのが簡単かもしれません。問題は、元々のデザインとは違うということです。

私感で表にするとこんな感じです。

組み合わせ  Wordpress(スマホ対応)にする
WordPress(スマホ未対応)ソース無し  難易度 20%
HTML+CSS(スマホ未対応)  難易度 30%
HTML+CSS(スマホ対応)  難易度 50%
PHP(スマホ対応)  難易度 90%
PHP(スマホ未対応)  難易度 95%

 

参考になったでしょうか....^^;

 

Follow me!

0

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です