制作実績
WORK

旅館サイトリニューアル WordPress

全体像

リンク

制作情報

作業範囲

コーディング、WordPress化

時期

24年05月

日数

3週間

使用技術

HTML / SCSS(FLOCSS/BEM) / GSAP / javaScript / PHP / WordPress

概要

11Pのコーポレートサイトです。

旅館サイトのリニューアル案件にて
コーダーとして参加し、納品まで対応しました。

【コーディング時間内約】

約14日 4/22~5/7、下層まで一旦完了。
当初の納期は少し超えてしまいましたが、
終わりまで責任持って進めました。

WordPress機能実装時間
約7日 5/8~5/15

■トップ:4日
■下層11P:10日
記事・記事一覧・お問い合わせFAQ・完了ページ・404・規約

■機能

お問い合わせContactForm7で実装
投稿に装飾反映
ブロックエディタ上でCSSの変化確認可能
カスタム投稿:料理プラン
料理プランの説明文や関連URLを変更可能にしました
「よくある質問」のブロックエディタ編集
ノーコードの様にビジュアル編集可能にしました
「規約」「プライバシーポリシー」ブロックエディタ編集
ノーコードの様にビジュアル編集可能にしました
「サイト内URL」の管理ページ
SNSや予約サイトのリンクを固定ページから編集可能して管理。
PDFをメディアから選択し変更できるUIを作成。
管理画面ログインURL変更
function.phpからプラグインを使用せず、セキュリティ対策を強化しました。

【デザイン】

figmaカンプありの状態からコーディングしました。

【ブラウザチェック】

■レスポンシブ確認
320px~1920px、50%縮小確認、~6000px

■ブラウザ確認:
[windows]Chrome/Firefox/Edge
[Android]Chrome/Firefox/Edge
[iPhone]Chrome/Firefox/Safari
[Macbook]Chrome/Firefox/Safari

【WordPress実装】

・ブラグイン調整
(ContactForm7 / reCAPTCHAの不要な場所読み込み停止)

【管理画面調整】

【投稿】記事にCSS反映

ブロックエディタ上で投稿記事のCSS変化を確認可能

【カスタム投稿】料理プラン

説明文やURLを管理可能にしました。

【「よくある質問」のブロックエディタ編集】

ブロックエディタ上で、ノーコードの様にビジュアル編集可能にしました。
details、summaryにCSSをあてています。

画像に alt 属性が指定されていません。ファイル名: image-1.png
【「規約」「プライバシーポリシー」ブロックエディタ編集】

ノーコードの様にビジュアル編集可能にしました。
第x条、x-y は自動的にカウントする処理を施しています。

【「サイト内URL」の管理ページ】

SNSや予約サイトのリンクを、固定ページから編集可能にして管理。
PDFをメディアから選択し変更できるUIを作成。

【管理画面ログインURL変更】

function.phpからプラグインを使用せず、セキュリティ対策を強化しました

お問い合わせCONTACT

コーディング依頼やお見積り、
その他ご質問など
こちらからお気軽に
お問い合わせください。