Rotate your phone

YOSHISUGA My Portfolio

Works

yoshiyukisuganuma.comの写真

yoshiyukisuganuma.com

私、個人のポートフォリオサイトになります。 お問い合わせフォームにreCAPTCHAを導入し、フロントで認証後に送信ボタンのロックを解除、さらにサーバー側でチェック後、認証が成功すればフォームで入力されたデータを受信、リザルト画面で表示する仕組みになっています。また、LINEアプリを使用して気軽にお問い合わせできるように、私のアカウントへの友達登録ボタン、QRコードを埋め込みました。一部のテキストにベクター画像を使用した筆記体のハンドライティング風アニメーションを実装しました。instagram graph APIを使用してサイト内にinstagramを埋め込み、各データを取得して表示しています。

wordpress化

学習中だったwordpressのアウトプットのために、静的なサイトだった本サイトをwordpress化しました。localbyflywheelを使用してローカル環境で制作後、All-in-One WP Migrationを用いて本番環境へエクスポートしました。見た目は全く変わっていませんが、ヘッダーとフッター、ハンバーガーメニューはモジュール化し、ロゴはカスタムロゴ、worksの部分はカスタム投稿、グローバルナビゲーション、フッターメニューはカスタムメニューに置き換えています。お問い合わせフォームやクローラー向けのxmlサイトマップはプラグインを使用しています。その他のページは固定ページに置き換えています。

Works一覧へ戻る