中田のタスク管理

タスクの詳細

完了
ケーオーエーコア様コーポレートサイト作成
依頼者 Eijiさん
進捗率
91.666666666667%　 作業状況
現在の作業 公開テスト
作業完了日 2021-10-05 09:19:21
タスクタイプ 通常
タグ コーポレート,wordpress
確認用URL
現状サマリー

現在「完了」、進捗 70%。工程は全36件中 33件完了。

残りの工程: 公開テスト / 公開 / メールフォームの受信メールの表示名設定

最新報告「KOAさまのサーバー情報」（2021-08-20 16:10:05）

タスクの詳細情報・説明 別ウィンドウで表示

コーポレートサイト制作。
wordpressで実装。
デザインはXDで共有。

対応者メモ・コメント 別ウィンドウで表示

作業フローメモ

数値は、工数ではなく感覚的な重み付けです。

準備 - カンプ確認、作業フロー洗い出し ... 0.5
準備 - JS、CSSの確認 ... 0.5
静的HTML作成 - トップ ... 2
静的HTML作成 - 会社について ... 1
静的HTML作成 - 施工事例 ... 1
静的HTML作成 - お見積り ... 1
静的HTML作成 - お問い合わせ ... 1
静的HTML作成 - 施工事例詳細 ... 1
静的HTML作成 - スマホ ... 3
静的HTML作成 - JS(メニュー、エフェクト等） ... 1
準備 - プラグイン、初期設定 ... 0.2
準備 - テーマ反映 ... 0.2
wordpress - header.php ... 0.2
wordpress - footer.php ... 0.2
wordpress - front-page.php ... 1
wordpress - category.php(archive.php) ... 0.6
wordpress - single.php ... 0.5
wordpress - page.php ... 0.2
wordpress - index.php ... 0.1
wordpress - 404.php ... 0.2
wordpress - functioncs.php ... 0.5
PHP - お問合せフォーム ... 0.5
PHP - お見積りフォーム ... 1

デザイン

XDで共有いただいています。

以下0506時点のものをPDFでアップ
https://lifework.link/task_manage/uploads/20210506120028_KOA_20210506.pdf

最新はXDで確認。

Wordpress作業環境

確認中...

作業工程・チェックリスト

現在の進捗：33/36　91.666666666667%
準備 - カンプ確認、作業フロー洗い出し
準備 - JS、CSSの確認
静的HTML作成 - トップ
静的HTML作成 - 会社について
静的HTML作成 - 施工事例
静的HTML作成 - お見積り
静的HTML作成 - お問い合わせ
静的HTML作成 - 施工事例詳細
静的HTML作成 - スマホ、レスポンシブ
静的HTML作成 - JS(メニュー、エフェクト等）
準備 - プラグイン、初期設定
準備 - テーマ反映
wordpress - header.php
wordpress - footer.php
wordpress - front-page.php
wordpress - category.php(archive.php)
wordpress - single.php
wordpress - page.php
wordpress - index.php
wordpress - 404.php
wordpress - functioncs.php
wordpress - 会社について ページテンプレート
wordpress - 施工事例 ページテンプレート
wordpress - 施工事例詳細 ページテンプレート
wordpress - お見積り ページテンプレート
wordpress - お問い合わせ ページテンプレート
PHP - お問合せフォーム
PHP - お見積りフォーム
WPテーマ反映
CSS修正
追加修正
公開サーバセッティング待ち
公開作業
公開テスト
公開
メールフォームの受信メールの表示名設定

コメント コメントフォーム

中田
KOAさまのサーバー情報

http://koa-sum-sum.com/

http://koa-sum-sum.com/wp/wp-admin/

FTP
ホスト：110.50.213.20
ユーザー名：plusftp
パスワード：test2021

※htmlディレクトリにいまのサイトが入っている

サーバーのコンパネ
https://mt3018.secure.jp/admin/

mt3018019
ufPuNHbx

コメントのURLコピー 2021-08-20 16:10:05
中田
修正のご連絡ありがとうございます！

先方社長より確認きて1点だけ修正だそうです！

トップの文章修正しました。

https://test-p.com/koa/

koa/koatest

ご確認をお願いいたします
https://gyazo.com/7eba050c2df48bfe483fe29854d7d12b

コメントのURLコピー 2021-07-26 10:08:54
上田さん
トップの文章

先方社長より確認きて1点だけ修正だそうです！

https://lifework.link/task_manage/uploads/202172610051_KOA 修正.pdf

コピー 2021-07-26 10:01:15 対応者 既読
中田
07/10　作業

画像の方ありがとうございます。

以下修正しましたので、お手数をおかけしますが、ご確認をお願いいたします

トップページ：にあるコピーの半角スペースも削除
https://lifework.link/task_manage/uploads/202177101757_top.png

https://gyazo.com/3be58e10e0103902807963c0a60f59e8

トップ：「もっと」を「想像しよう」の天地中央に揃えたい
https://lifework.link/task_manage/uploads/202177101757_topcopy.png

https://gyazo.com/daec731e6b93206e40f9491ae96b092c

https://test-p.com/koa/

事例：画像荒いのでデザイナに差し替え依頼済み
https://lifework.link/task_manage/uploads/202177101757_
スクリーンショット 2021-07-07 10.14.08.png

https://gyazo.com/a8dc66c305fb6b38fbe22c8a88f742c7

https://test-p.com/koa/works/

オーダーフロー：「使用」→「仕様」
https://lifework.link/task_manage/uploads/202177101757_shiyou.png

オーダーフロー：パディングの調整お願いします
https://lifework.link/task_manage/uploads/202177101757_padding.png

https://gyazo.com/1ebe96c1f8db938f550481e545c0fbbe

スマホ版のみ「オーダー」で改行したいです
https://lifework.link/task_manage/uploads/20217710272_IMG_0036.PNG

https://gyazo.com/ae1dcd9126f3c69908b51dedb8fc47a7

お見積りフォーム：プルダウンマークとプレースホルダーテキストの空白
https://lifework.link/task_manage/uploads/202177101757_omitsumoriform.png

https://gyazo.com/13e3295446ccf15bb3ffb0c3865747c2

https://test-p.com/koa/quote/

会社について：余白をカンプと同じに
https://lifework.link/task_manage/uploads/202177101757_marginbottom.png

https://gyazo.com/6ad9b11ea163b71986bd042bfef6ed3c

https://test-p.com/koa/about/

コメントのURLコピー 2021-07-10 09:09:16
上田さん
施工事例ページ画像差し替え

０3の画像が解像度低かったので、カンプにて差し替えしております。
圧縮のうえ差し替えをおねがいします。

https://lifework.link/task_manage/uploads/20217916140_ スクリーンショット 2021-07-09 15.59.37.png

コピー 2021-07-09 16:01:50 対応者 既読
上田さん
スマホ版追記

すみません！先程のコメントに漏れておりました

スマホ版のみ「オーダー」で改行したいです
https://lifework.link/task_manage/uploads/20217710272_IMG_0036.PNG
オーダーフロー

※お見積りフォームのプレースホルダーのテキストの空白スマホだと顕著なのでお願いします

https://lifework.link/task_manage/uploads/202177102746_IMG_0037.PNG

コピー 2021-07-07 10:27:51 対応者 既読
上田さん
追加修正（微）

確認しました！ありがとうございます。
以下微調整お願いしたいです。

トップページ：にあるコピーの半角スペースも削除
https://lifework.link/task_manage/uploads/202177101757_top.png

トップ：「もっと」を「想像しよう」の天地中央に揃えたい
https://lifework.link/task_manage/uploads/202177101757_topcopy.png

事例：画像荒いのでデザイナに差し替え依頼済み（待機中）
https://lifework.link/task_manage/uploads/202177101757_ スクリーンショット 2021-07-07 10.14.08.png

お見積りフォーム：プルダウンマークとプレースホルダーテキストの空白
https://lifework.link/task_manage/uploads/202177101757_omitsumoriform.png

オーダーフロー：「使用」→「仕様」
https://lifework.link/task_manage/uploads/202177101757_shiyou.png

オーダーフロー：パディングの調整お願いします
https://lifework.link/task_manage/uploads/202177101757_padding.png

会社について：余白をカンプと同じに
https://lifework.link/task_manage/uploads/202177101757_marginbottom.png

コピー 2021-07-07 10:22:18 対応者 既読
中田
07/06　作業

ご確認ありがとうございます

以下の修正内容になります。

１．デザイナーの中島さんよりページタイトルのアニメーションについて要望ありますので
ご対応いただけると幸いです。

→ 以下のようなアニメーションを設定しました
https://gyazo.com/721916e664d2ea9fa9268af8aeda5670

２．ヘッダーが、上にスクロール時に消えるのですが、この設定はなしで常にヘッダーを表示していたいです。

→常時表示に設定しました

3.使用画像がおそらくすべて容量が重く読み込みまで時間がかかるので、表示している画像についてすべてこちらで圧縮、上書きお願いします


4.トップページで使用している画像mv_01.pngはpngだと1MB近くあるのでJPG配置でお願いします
添付・圧縮済み（86KB）


6.COMPANY 画像買ったので差し替え

→画像の圧縮、差し替えしました。

５．COMPANYのコンセプト見出し

→修正しました。

https://gyazo.com/b334d476f5d57ae47aea666c26bd3756

https://test-p.com/koa/about/

7.左の余白によって、1440px幅（Macbook全画面）で見た時にコンテンツが途切れて見えたり、中央からずれて見える（添付参照）
ブレークポイントをもう少し広げることで解消できるでしょうか？？

→ ブレークポイントを広げました。
(1424pxから1624px)

コメントのURLコピー 2021-07-06 18:31:51
上田さん
テストサイト確認しました！

ありがとうございます！
以下数点ご対応いただきたいです。
（Macbook,Chromeにて検証）

１．デザイナーの中島さんよりページタイトルのアニメーションについて要望ありますので
ご対応いただけると幸いです。

＞
もし余力あればでいいのですが
文字の動きをclip-pathでシェーしたいです。
イメージ：https://digipress.info/tech/revealing-text-by-clip-path/
＞

２．ヘッダーが、上にスクロール時に消えるのですが、この設定はなしで常にヘッダーを表示していたいです。

3.使用画像がおそらくすべて容量が重く読み込みまで時間がかかるので、表示している画像についてすべてこちらで圧縮、上書きお願いします
https://imagecompressor.com/ja/

4.トップページで使用している画像mv_01.pngはpngだと1MB近くあるのでJPG配置でお願いします
添付・圧縮済み（86KB）
https://lifework.link/task_manage/uploads/20217616559_mv_01.jpg

５．COMPANYのコンセプト見出し

「お客様のニーズに★多様に対応できる
柔軟な★プロフェッショナル」

★印のところに半角スペースあるので削除

6.COMPANY 画像買ったので差し替え
XD更新済です。
元画像：https://lifework.link/task_manage/uploads/202176161958_pixta_59005691_M-min.jpg

7.左の余白によって、1440px幅（Macbook全画面）で見た時にコンテンツが途切れて見えたり、中央からずれて見える（添付参照）
ブレークポイントをもう少し広げることで解消できるでしょうか？？

https://lifework.link/task_manage/uploads/202176161241_ スクリーンショット 2021-07-06 16.08.22.png
https://lifework.link/task_manage/uploads/202176161241_ スクリーンショット 2021-07-06 16.07.28.png
https://lifework.link/task_manage/uploads/202176161241_ スクリーンショット 2021-07-06 16.06.59.png
https://lifework.link/task_manage/uploads/202176161241_ スクリーンショット 2021-07-06 16.07.44.png

コピー 2021-07-06 16:21:56 対応者 既読
中田
07/05　作業

▼ フォーム関連設定

・見積もりフォーム
https://test-p.com/koa/quote/

・お問い合わせフォーム
https://test-p.com/koa/contact/

フォーム設定しました、送り先は
中田のテストアドレスになっています。

https://gyazo.com/ce44a8016fd3e8fbf978b4a5f1812783

index.php4行目の設定変更で送り先帰れます。
https://gyazo.com/e7b2d853d61300f408a5e9026107ef61

▼ プラウザ幅調整

https://gyazo.com/882d53fe3fa2368119c72e6c00558786

https://gyazo.com/cca3aced4461b5ee94206317b6c9be90

コメントのURLコピー 2021-07-05 21:21:15
中田

ご連絡ありがとうございます。

カンプで水色のガイドを引いている（コマンド＋；で表示）幅（1024px）基準で、左右に余白といったイメージにしたいです

かしこまりました。
修正します

コメントのURLコピー 2021-06-17 15:39:15
上田さん
ブラウザ幅が小さいときの見え方

今幅が小さいブラウザで見るとコンテンツがはみ出てしまうので、
カンプで水色のガイドを引いている（コマンド＋；で表示）幅（1024px）基準で、左右に余白といったイメージにしたいです
調整中でしたらすみません！！

https://lifework.link/task_manage/uploads/202161712828_ 現状の見え方.png

コピー 2021-06-17 12:09:13 対応者 既読
中田
06/14　作業

作業再開し、
Wordpressのテンプレートをローカル環境にて作成。
カンプの文言などの修正は、Wordpressのテンプレートに反映済み。

▼　作業状況は以下になります
https://lifework.link/task_manage/detail/?id=29#CHECKLIST

ワードプレス環境は杉本社長の作成待ち状態です。

コメントのURLコピー 2021-06-14 18:18:28
中田
テキスト修正

XDのカンプにピンクの付箋を貼っています。

XDの付箋確認しました。
カンプの内容に修正します

コメントのURLコピー 2021-06-10 15:35:27
上田さん
一部テキスト修正発生しました

先方からの指示でテキスト原稿の変更が発生しています。
XDのカンプにピンクの付箋を貼っています。
適用したらチェックリスト代わりにピンクの付箋は削除してOKです。
おそらくまだ各ページの構築はまだかとおもいますので、最終的にカンプのテキストがテストサイトに反映されていれば問題ないです！

静的HTMLの他、動的な部分では、フォームに電話番号のフォームが追加されています。こちらも確認お願いいたします。

よろしくおねがいします！

コピー 2021-06-10 15:11:39 対応者 既読
中田
06/03　確認

投稿ページの構成について
https://lifework.link/task_manage/comment_pickup/?id=169

この内容を杉本社長に共有済み。
サイトの構成、サイトマップがわかれば解決できそう。

→施工事例関連はサイトマップ待ち。

コメントのURLコピー 2021-06-03 09:28:42
中田
06/01　作業

作業内容を確認し、質問まとめ

施工事例ページ（work）を確認してみると、以下4つのカテゴリーが存在します。

・戸建てリフォーム
・マンションリフォーム
・ビル・マンション改修工事
・各種塗装・防水工事

▼ 施工事例ページ
https://lifework.link/task_manage/uploads/20216119937_koe_work.png

施工事例が投稿ページの扱いで、以下のカテゴリができる形になるかと思います。

▼ カテゴリースラッグ
戸建てリフォーム：detached-house
マンションリフォーム：apartment
ビル・マンション改修工事：repair-work
各種塗装・防水工事：painting-waterproofing

記事のURL例（戸建てリフォームのカテトップの場合）：
https://ドメイン/detached-house/

→ 投稿ページの扱いに関してのご確認をお願いいいたします。

コメントのURLコピー 2021-06-01 19:15:04
中田
06/01　作業進捗

作業再開しました。

進捗率15％ほどです。

静的HTML作成を行っており、
トップページをPerfectPixelを使って修正から行いました。

トップページ
https://plus-creative.xyz/nakata/koa/

plustest/plussp

お問い合わせページ
https://plus-creative.xyz/nakata/koa/contact.html

作成の流れとして、
静的HTML→WP化→問い合わせフォームの作成といった順番で作成していきます。
静的HTMLができた段階で、デザインチェックをお願いしたいです。

コメントのURLコピー 2021-06-01 18:50:21
中田

クラウドドキュメントで共有しているXDに、デザインカンプ追加していますので参考にしてください！


https://lifework.link/task_manage/uploads/202152594755_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-05-25%209.47.43.png

スクショ確認しました。
作成時、XDを参考に作業していきます
ご連絡ありがとうございます。

コメントのURLコピー 2021-05-25 10:04:11
上田さん
ページ遷移内容XDに追加しています

・確認ページ
・THXページ

クラウドドキュメントで共有しているXDに、デザインカンプ追加していますので参考にしてください！
よろしくお願いいたします！

https://lifework.link/task_manage/uploads/202152594755_ スクリーンショット 2021-05-25 9.47.43.png

コピー 2021-05-25 09:48:08 対応者 既読
中田
質問事項回答0519

▽各ページのスラッグはどうしますか？

→以下でOKです。

・会社について…about
・施工実績…works
・施工実績詳細…works/000 ページID？
・お見積り…quote
・お問い合わせ…contact

▽ 投稿ページと固定ページの使い分けはどうしますか？

→以下、OKです。

・「施工実績」を投稿ページで作成？
・カテゴリを「works」というスラッグに指定

▽ お問い合わせフォームとお見積りフォームのページ遷移内容・UI、メール送り先、メール内容のデザイン

→おといあわせのページ遷移を作成中。
→メール内容は以下の見本でOKです。
https://gyazo.com/1c0526d0f1e64f05b75a72fd2416fee3

コメントのURLコピー 2021-05-19 16:41:54
中田
質問事項0506

▽各ページのスラッグはどうしますか？

（wordpressテンプレ作成前に共有いただきたい）
以下、案になります。
・会社について…about
・施工実績…works
・施工実績詳細…works/000 ページID？
・お見積り…quote
・お問い合わせ…contact

▽ 投稿ページと固定ページの使い分けはどうしますか？

（wordpressテンプレ作成前に共有いただきたい）
以下、案になります。
・「施工実績」を投稿ページで作成？
・カテゴリを「works」というスラッグに指定？

▽ お問い合わせフォームとお見積りフォームのページ遷移内容・UI、メール送り先、メール内容のデザイン

（フォームのコーディング時にあると助かります）
・ページ遷移内容…フォーム→確認ページ→THXページ
・メール送り先...メールアドレス
・メール内容のデザイン...そんなこだわりはなくて良いと思いますがどのような表示内容かあればいただきたいです。
https://gyazo.com/1c0526d0f1e64f05b75a72fd2416fee3

↑フォームから送信のメール内容見本

コメントのURLコピー 2021-05-06 17:16:12

コメントフォーム

名前
タイトル
コメント
    ファイルのアップロード
    （このエリアにドロップしてください）
    ※ ファイルのURLはコメント内に含めてください。
    Markdown記法が使用可能 
    # 見出し h1
## 見出し h2
### 見出し h3
#### 見出し h4
##### 見出し h5

**太字**

水平線
---

> 引用テキスト
> 引用テキスト 

```
コードの表示(ブロック)
コードの表示(ブロック)
コードの表示(ブロック)
```

* リスト
* リスト
* リスト

0. 番号リスト
0. 番号リスト
    ページのトップへ