オーダーメイドのWeb開発・改修事例｜3D商品注文からWordPress更新まで
商品を買う方が、画面を見ながら好きな色とパーツを選び、その組み合わせのまま注文する。私がこれまでに手がけたのは、実際に販売されている商品で、そんな買い方ができるWebサイトです。
一方で、「ホームページのお知らせを、自分で一つ書き換えたい」というご依頼もあります。ITサポーター・MKでは、使う方が何をできるようになりたいかを伺って、Webサイトや業務ツールをオーダーメイドで制作・改修しています。今回は、実際に作った仕組みと、予算が限られているときのWordPressの更新方法をご紹介します。
3D商品カスタマイザーで、選んだ仕様をそのまま注文に
色見本だけを見て、組み合わせたときの仕上がりまで想像するのは難しいものです。そこで、ブラウザ上の商品を3Dで表示し、パーツごとに色や素材を変えながら、購入する仕様を決められるようにしました。
制作で特に気を配ったのは、注文を受け取る側のことです。画面では希望どおりの配色に見えても、注文内容に「青」とだけ残ったら、どの部品を青にするのか分かりません。そこで、選んだパーツと色の組み合わせを注文情報に引き継ぐようにしました。商品写真と3Dモデルで部品の分かれ方が違う場合には、実物に合わせて色を変えられる範囲も調整します。
3Dシミュレーション・Webカスタマイザーの制作実績を詳しく見る
静的HTMLのサイトに、お知らせを自分で更新できる簡易CMSを追加
トップページに新しい案内を載せるたびに、HTMLファイルを開いて日付やリンクを書き換える。更新したいのが数行でも、担当の方にとっては大きな負担です。
あるサイトでは、今のデザインを活かし、よく書き換える欄にだけ簡易CMS（管理画面から内容を編集する仕組み）を追加しました。担当の方はタイトルや日付、案内文を入力し、必要に応じてリンクやPDFを添えられます。お知らせを一件追加するために、ページのレイアウトやHTMLを触る必要がなくなりました。
WordPressとReactで、講座内容と複数の開催日程を紹介するポータルサイトを制作
複数の講座を紹介するポータルサイトを、WordPressをベースに、ReactやTypeScriptを使って制作しました。受講を考えている方は、講座一覧から気になる講座を見つけ、何を学べるのか、いつ参加できるのかを確認できます。
制作で工夫したのは、一つの講座に複数の開催日時を登録できるようにしたことです。主催者は講座内容を一度登録し、開催日ごとに開始時刻と終了時刻を入力できます。同じ内容の講座を別の日にも開くときは、その講座に日程を追加すれば案内できます。
Outlookで過去のメールを探すWindows用ツールも開発
件名が同じメールが何通もあると、一覧を見ても、探している一通かどうか判断しづらいことがあります。そこで、メールに付いている識別子「Message-ID（メッセージID）」を手掛かりに、Outlookで受信したメールを探すWindows用プログラムを作りました。
対象のフォルダーを選び、手元の一覧からIDをコピーして検索すると、該当するメールを開いて内容を確認できます。現在、お客様に実際の作業でお試しいただいています。毎日の業務で「この一手間を減らしたい」と思う操作も、ご相談いただけます。
WordPressの独自機能を、テーマ更新後も使い続けやすくする
WordPressでは、サイト固有の機能をオリジナルのプラグインとして作れます。私が制作した例の一つは、お問い合わせフォームの自動返信機能です。返信メールの件名や本文を管理画面で編集できれば、案内文を変えるたびにプログラムを修正する手間が省けます。
こうした機能をテーマから独立させておくと、テーマを更新しても、追加したプログラムが上書きされずに残ります。WordPress本体やPHPの仕様変更が動作に影響することはあるため、更新時には実際にフォームを送るなど、利用者と同じ操作で確かめます。
WordPressのPHP更新が心配なときは、調査と軽微な修正から
「PHPを上げると、今のテーマの表示が崩れそう。でも、全面リニューアルの予算を取るのは難しい」。そんなときは、今のサイトで残したいページや機能を教えてください。以前、古いテーマの処理を一部修正することで、新しいPHPでもそのテーマを使い続けられたケースがあります。更新後は、お問い合わせフォームから送ったメールが届くところまで確認しました。
最初に、どこまで調査し、どの程度の修正までを含めるかを決めて、料金をご提案します。 お見積りのご相談は無料です。個別の検証や修正は、ご依頼いただいてから進めます。
作業ではバックアップを取り、検証環境で更新前後の表示や普段お使いの機能を比べます。最初のお見積りに含まれる軽微な修正で対応できる場合は、その範囲で進めます。テーマの大幅な改修などが必要と分かった場合は、理由と追加費用をお伝えし、ご判断いただいてから着手します。
古いPHPでWordPressを運用しているときの確認ポイント
ご相談は「ここで困っている」の一言から
「商品ページで色を選べるようにしたい」「トップのお知らせだけ自分で直したい」「今のデザインのままPHPを更新できるか知りたい」。このくらいの説明からで大丈夫です。対象のページがあれば、そのURLと、何ができるようになると助かるかをお知らせください。ご予算に上限がある場合は、その範囲でどこから手を付けられるかをご提案します。
ココナラでは「ITサポーターKUMA222」の名前でご相談を受け付けています。ランサーズからもお問い合わせいただけます。