タスクの詳細

完了

エピリノ　パーツ修正

依頼者若生さん

進捗率

90%

作業完了日 2021-03-31 11:58:26

タスクタイプ通常

タグエピリノ

現状サマリー

現在「完了」、進捗 90%。

最新報告「カテゴリリンク修正」（2021-03-30 18:46:55）

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

依頼の詳細：

パーツ修正していただきたい箇所をまとめたカンプを作成しました。
カンプXD URL
https://xd.adobe.com/view/4d746516-4cfc-4c01-b2db-2baaa1d27fd7-1827/

モデルにしたページのURL
https://epilino.jp/datsumouki

修正していただきたい箇所は文章にすると以下になります。

H1下の「日付」と「ビュー数」の位置を左右入れ替え
H1下の「日付」と「ビュー数」の色変更
「H2」「H3」「H4」のデザイン変更
「H2」「H3」「H4」の上下マージン拡大
CVボタンの色変更
「＞」テキストリンクパーツの修正（ピンクの矢印アイコンは「text_link_icon.png」のデータ名でS3にアップ済です）
目次の色変更
サイドバーの「ビュー数」と「カテゴリ名」の色変更
本文テキストのフォントサイズを15pt変更
上記フォントサイズ変更に伴い、番号ボックスとCHECKボックスの中のフォントサイズも変更

また、カンプで作成しておりませんが、修正していただきたい箇所もありますので以下文章にてまとめます。

個別ページ下部の「関連記事」見出しデザインを修正お願いします。デザインのイメージはトップページの「H2」と同じでお願いします。見出しテキストは「RECOMMEND　関連記事」でお願いします。

パンくず

PC関連記事recommend_box_areaのpaddingのせいではみだしてるように見える
https://gyazo.com/b098ed49a0da42669326d8b36f1fdb7f
SPだとなぜかめり込む
https://gyazo.com/66a9373e70320df2aac6c2ef4a52ecb1

SP版ヘッダー画像の余白をコンテンツエリアと揃えたいです

https://gyazo.com/a8c4bcaf5fc90ec29b90fe99e5a6266a

口コミパーツの〇×をafterではなくbeforeにしたいです

https://gyazo.com/62746bbc18ebc4acf32a73b838d05c3a
https://epilino.jp/regina
これみたいな感じ→：https://gyazo.com/e73cbde7898385cc873823bc7af7db96

※※※本文フォントサイズを15ptに変更すると他のパーツに影響があるかもしれないのでフォントサイズ変更作業は優先度低めで、かつ問題が生じたら1つ1つ改善していく流れのイメージでお願いします。

以上、不明点ありましたらご連絡ください！
よろしくお願いします！

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

以下若生さんからデザインいただいて、作業着手

・口コミパーツの〇×をafterではなくbeforeにしたいです
https://gyazo.com/62746bbc18ebc4acf32a73b838d05c3a
https://epilino.jp/regina
これみたいな感じ→：https://gyazo.com/e73cbde7898385cc873823bc7af7db96

・文字をもう少し太めにして上書きしてほしいです
https://static.epilino.jp/img/check_box_title.png
https://gyazo.com/a0923f16d2f8d4dd1ac8c5c5f1b1e152

・見出し（h2～h4）デザイン
https://gyazo.com/9a1db2b9e9691107a35b69068bcae88b
https://gyazo.com/22d3e1265bfc732cf640776de1bf47f0
https://gyazo.com/467188c28f9f0d14606aabfd742c65a0
→コンテンツの区切りがわかりづらいのでマージンをもう少し増やしたい＆デザインも変えたいです

・文字をもう少し太めにして上書きしてほしいです
https://static.epilino.jp/img/check_box_title.png
https://gyazo.com/a0923f16d2f8d4dd1ac8c5c5f1b1e152

＃サイト全体のフォントサイズをRe:cosmeと同じサイズに変更（12.32px→15px）
▽影響ある箇所確認

参考：脱毛器カテトップ
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/datsumouki.html

パーツ置き場
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/parts_okiba.html

CSS調整、テンプレ変更作業

・関連記事デザイン
一旦サイドバーのデザインに
https://gyazo.com/214d2510ca500ebed47ebc8bf61d0dcb
→HTML、CSS変更

・サイト全体のフォントサイズをRe:cosmeと同じサイズに変更（12.32px→15px）
→CSS変更　全体的に影響及ぼす

・公開日時とPV数を逆にする、文字色を通常テキストと同じにする
https://gyazo.com/b6fd8b815ed7364de1682c20653b9da2
→テンプレ変更　動的ソース

・横カテゴリ削除
https://gyazo.com/887517407a0d08f15cdc2201aa1f44ea
→テンプレ変更　動的ソース

・パンくず
PC関連記事recommend_box_areaのpaddingのせいではみだしてるように見える
https://gyazo.com/b098ed49a0da42669326d8b36f1fdb7f
SPだとなぜかめり込む
https://gyazo.com/66a9373e70320df2aac6c2ef4a52ecb1
→テンプレ変更　CSS変更

・SP版ヘッダー画像の余白をコンテンツエリアと揃えたいです
https://gyazo.com/a8c4bcaf5fc90ec29b90fe99e5a6266a
→テンプレ変更　CSS変更

・Re:cosmeのような右寄せのリンクパーツデザイン
https://re-re.jp/cosme/lotion
https://gyazo.com/e938060ed8b9d1e256e086f9a125e7a9
→パーツ作成

このページのURLをコピーする

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

中田

カテゴリリンク修正

カテトップのみ、ヘッダーにあるカテゴリーリンク削除していたので、
他のテンプレートのカテゴリーリンクも削除しました。

https://epilino.jp/moomo.html

https://epilino.jp/ginza-calla

カテゴリーリンクがない状態で統一で修正しました。
ご確認をお願いいたします

コメントのURLコピー 2021-03-30 18:46:55

中田

タイトル部分右のカテゴリリンクが、カテトップではいなくなっているのですが、
個別ページではなぜか生き残ってしまっており・・・

お手すきの際にご確認いただきたいです;(

※カテゴリリンクがない状態で統一したいです！

カテトップ：
https://epilino.jp/cream

https://gyazo.com/7bbc065b665917550b5d06c806780e22

個別：
https://epilino.jp/moomo.html

https://gyazo.com/551572aaaf7b46776c776becb37b6c22

コメントのURLコピー 2021-03-30 18:46:16

中田

修正しました

申し訳ございませんでした
修正しました。

公開日時とPV数の位置変え

https://gyazo.com/0cc2a0cc460f7caa6d152cdbe4c51358

https://epilino.jp/datsumouki

パンくず

https://gyazo.com/a2b6bcfd142b56f1c804a3f804ca7218

https://gyazo.com/fdb985a524974119b51ff6073fabf053

口コミパーツはafterは使用しない方針なので、beforeのものを上書き

上書きしました
https://epilino.jp/parts_okiba.html

https://gyazo.com/baec808892ad1965e9def1def3ce29ad

お手数をおかけしますが、ご確認をお願いいたします

コメントのURLコピー 2021-03-30 15:22:42

中田

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

修正後再度ご連絡いたします

コメントのURLコピー 2021-03-30 14:05:29

補足です！さん

若生

https://www.chatwork.com/#!rid45929163-1428549892313206784
上記、先ほど小柳さんに確認いただいたチェック内容について補足です！

・公開日時とPV数を逆にする、文字色を通常テキストと同じにする
→こちらですが、文字色は#666666のままでOKです。公開日時とPV数の位置変えのみ反映お願いします。

・パンくず
→この前調整していただいていたテストサイトと同じ状態に合わせていただければと思います！

・口コミパーツの〇×をafterではなくbeforeにしたいです
→口コミパーツはafterは使用しない方針なので、beforeのものを上書きしていただいてOKです！

その他にも、テストサイトと本ドメインで差異があれば、テストサイトの方に合わせていただければと思います！

コピー 2021-03-30 10:44:45 対応者既読

若生さん

コーディング確認しました！

調整ありがとうございました！
バッチリです。ありがとうございました！

コピー 2021-03-30 09:05:02 対応者既読

中田

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

添付データURL
https://lifework.link/task_manage/uploads/20210329180001_check.jpg

こちら申し訳ございません
修正しました。

https://gyazo.com/b72a50cab66a1be2bc314211c3046801

https://epilino.jp/datsumouki

コメントのURLコピー 2021-03-29 18:17:30

若生さん

本ドメインの反映チェックしました！

本ドメインの反映ありがとうございました！
調整をおねがいしたい点がありますので以下ご確認お願いします！
・添付画像の表部分について。本ドメインだと表内テキストサイズが大きく表示されているので、テストサイトのように、他箇所の表と同じテキストサイズまで小さくしていただきたいです。
よろしくお願いします！

添付データURL
https://lifework.link/task_manage/uploads/20210329180001_check.jpg

コピー 2021-03-29 18:01:26 対応者既読

中田

本ドメインに反映しました

CSSの修正を本ドメインへ反映しました。

以下それぞれの作業のモデルになった確認用ページになります。

●モデルにしたページ
https://epilino.jp/datsumouki

●パーツ置き場
https://epilino.jp/parts_okiba.html

●地域のサロンクリニックページ
https://epilino.jp/area/region/160

お手数ですが、ご確認をお願いいたします

コメントのURLコピー 2021-03-29 09:08:04

中田

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

都合の良いタイミングで構いませんので本番環境へ反映お願いいたします！

かしこまりました。
反映後ご連絡いたします

コメントのURLコピー 2021-03-25 08:24:03

若生さん

MONJI修正確認しました！

エピリノで修正いただいた箇所を、小柳さんと共にチェック完了しました！
ありがとうございました。
都合の良いタイミングで構いませんので本番環境へ反映お願いいたします！

コピー 2021-03-24 15:54:45 対応者既読

中田

エピリノパーツ調整　MONJIに合わせて修正しました

以下3ページ修正しました。
ご確認をお願いいたします

●モデルにしたページの作業用
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/datsumouki.html

https://s.monji.tech/e819a

●パーツ置き場
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/parts_okiba.html

https://s.monji.tech/wajzw

●地域のサロンクリニックページ
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/area.html

https://s.monji.tech/txj1l

この内容でよろしければ本ドメインへ反映いたします

コメントのURLコピー 2021-03-18 15:20:07

中田

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

MONJIの内容に沿って修正していきます。

コメントのURLコピー 2021-03-17 18:12:19

若生さん

エピリノパーツ調整のお願い

https://lifework.link/task_manage/detail/?id=11
こちらのコーディング確認しました！
MONJIにて調整いただきたい箇所を記載しましたのでご確認おねがいします！
●モデルにしたページの作業用
https://s.monji.tech/e819a

●パーツ置き場
https://s.monji.tech/wajzw

また、今回のパーツ追加に伴って、緑のボタンを地域のサロンクリニックページのボタンにも適用していただきたくこちらもMONJIで作成しました。
●地域のサロンクリニックページ
https://s.monji.tech/txj1l
↑ボタン以外にも気になった点がありましたのでそちらも記載しております。

以上、ご確認お願いします！

コピー 2021-03-17 18:09:45 対応者既読

中田

・横カテゴリ削除
・パンくず

こちら修正し、以下の作業ページに反映しました。

http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/datsumouki.html

コメントのURLコピー 2021-03-16 11:52:26

中田

パーツ

https://gyazo.com/3b97fb002f09f52b455b6e785b97892b

口コミパーツとリンクパーツ以下のパーツ置き場に設置
（まだCSSの反映はしてないです）

https://plus-creative.xyz/nakata/epilino/wp/parts_okiba.html

https://epilino.jp/parts_okiba.html

コメントのURLコピー 2021-03-16 11:51:32

中田

フォントサイズを15pxに変更で他のパーツに影響調査

▽ パーツ置き場　調査用
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/parts_okiba.html

それぞれ、大きくなっているテキストを
フォントサイズを100%に指定での表示でOKでしょうか？

コメントのURLコピー 2021-03-15 17:44:11

中田

以下の修正を作業ページで行いました

・H1下の「日付」と「ビュー数」の位置を左右入れ替え
・H1下の「日付」と「ビュー数」の色変更
・「H2」「H3」「H4」のデザイン変更
・「H2」「H3」「H4」の上下マージン拡大
・CVボタンの色変更
・「＞」テキストリンクパーツの修正（ピンクの矢印アイコンは「text_link_icon.png」のデータ名でS3にアップ済です）
・目次の色変更
・サイドバーの「ビュー数」と「カテゴリ名」の色変更
・上記フォントサイズ変更に伴い、番号ボックスとCHECKボックスの中のフォントサイズも変更
・SP版ヘッダー画像の余白をコンテンツエリアと揃え
https://gyazo.com/46fb39789cdfc743a04e870cac422c7f

▽ 作業ページ
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/datsumouki.html

・本文テキストのフォントサイズを15pt変更
※※※本文フォントサイズを15ptに変更すると他のパーツに影響

以下パーツ置き場で検証しています。
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/parts_okiba.html

気になる箇所これから、修正・ご相談していきます

　その他以下これから行っていきます
・横カテゴリ削除
・パンくず

コメントのURLコピー 2021-03-15 17:12:49

中田

モデルにしたページの作業用(文字サイズを12.32px→15pxに設定してのテスト表示）
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/datsumouki.html

パーツ置き場(文字サイズを12.32px→15pxに設定してのテスト表示）
http://plus-creative.xyz/nakata/2021/0308/epilino_css_test/parts_okiba.html

コメントのURLコピー 2021-03-15 08:45:46

コメントフォーム

名前
タイトル
コメント	ファイルのアップロード（このエリアにドロップしてください） ※ ファイルのURLはコメント内に含めてください。 Markdown記法が使用可能 # 見出し h1 ## 見出し h2 ### 見出し h3 #### 見出し h4 ##### 見出し h5 太字水平線 --- > 引用テキスト > 引用テキスト ``` コードの表示(ブロック) コードの表示(ブロック) コードの表示(ブロック) ``` * リスト * リスト * リスト 0. 番号リスト 0. 番号リスト