タスクの詳細
現在「完了」、進捗 90%。工程は全21件中 18件完了。
残りの工程: 画像・カンプ待ち / 画像・カンプ必要な修正 / ご確認いただく
最新報告「画像・カンプ必要な修正について」（2021-08-02 09:50:32）
タスクの詳細情報・説明 別ウィンドウで表示
依頼の詳細
chrome拡張の「perfectpixcel」を活用してのベースB修正
対応者メモ・コメント 別ウィンドウで表示
【テンプレートB-Type】基本設定まとめ
https://www.evernote.com/l/Aep_UxziO7pGD4wJBIqNklXFWMwjS9LMNTk
【テンプレートB-Type】 設定系の依頼の設定方法まとめ
https://www.evernote.com/l/AeqctwI4rwNBl6ve0oR3blDCceXMC5Xpka0
【テンプレートB-Type】ウィジェットの設定
https://www.evernote.com/l/Aep_y0uAf6pNI5HuXKKa1sMdD98MoauKunA
【テンプレートB-Type】画像の設定
https://www.evernote.com/l/AerUT6Rdc-2ahH_FYf-SfIpE6lttwWcCq_0
「perfectpixcel」使用メモ
1.XDをPDF化
「書き出し」→「すべてのアートボード」
2.PDFをPNG化
https://pdf2png.com/ja/
3.「perfectpixcel」に画像を設定、サイズ感そのままでは合わない。
https://gyazo.com/0a39d6938c33b838b68bed0ce82c53a5
今回の場合、画像の倍率
PCの場合：
0.361%
スマホの場合:
0.4%
ページリンク一覧
記事ページ
https://test-p.com/base-b/categoryname/hello-world/
base-b-test / plus0511
カテトップページ
https://test-p.com/base-b/categoryname/
タグページ
https://test-p.com/base-b/categoryname/
トップページ
404ページ
作業工程・チェックリスト
コメント コメントフォーム
中田
作成いただいたカンプで見出し、まとめパーツ作成しました。
その他修正した内容を以下のスプレッドシートで記述しています。
https://docs.google.com/spreadsheets/d/1FuSy9mZLMkwY9rBD-h9D3G9ps7i7Mh_xTlVsTawb_o4/edit#gid=1678329844
・4行目までがローンチまで修正です。
・それ以降は、曖昧な表現部分の修正で、J列にコメント記述しております。
以下のスプレッドシートにも修正分チェックをいれています。
https://docs.google.com/spreadsheets/d/1FuSy9mZLMkwY9rBD-h9D3G9ps7i7Mh_xTlVsTawb_o4/edit#gid=1678329844
中田
ピックアップいただき修正中
https://docs.google.com/spreadsheets/d/1FuSy9mZLMkwY9rBD-h9D3G9ps7i7Mh_xTlVsTawb_o4/edit#gid=1678329844
1)スプレッドシート2行〜14行目優先対応
2)15行目以降の表現が曖昧なもの対応→明日若生さんにご相談、チェックさせていただく
3) その他対応していきます。
14行目までの「ローンチまでに修正」は、明日には対応可能で、
44行目までを7日16時予定ですすめていきます。
中田
修正箇所ピックアップ待ち
▼ 以下のスプレッドシートの内容合わせて修正
https://docs.google.com/spreadsheets/d/1FuSy9mZLMkwY9rBD-h9D3G9ps7i7Mh_xTlVsTawb_o4/edit#gid=1678329844
中田
杉田さんに週末修正いただいた内容と
以下の内容をご対応いただいているかチェック
https://docs.google.com/spreadsheets/d/1ELjEHy7BVm-fsAlfShl2-gYecIOBvk0gDdGIRfIdU7o/edit?usp=sharing
中田
入力するショートコードは以下になります。
見本：
https://gyazo.com/4dda869ef4775801318bee0c3a6bb12f
▼ 記事のリンクのショートコード
[related_article_box_slug slug="hairtonic-chapup"]
slugに表示したい記事のスラッグを設定、複数の場合カンマ区切りになります。
▼ カテゴリーページのショートコード
[related_cat_article_box_id cat_id="4" img="https://placehold.jp/150x150.png"
]
cat_idにカテゴリーのIDを設定。
imgに表示したいサムネイル画像のURLを設定。
中田
【パーツ表示不具合系の依頼】
・パーツ置き場で表示されていないコンテンツがあるので表示されるようにお願いします
https://gyazo.com/37865709165e0a198cc861ee25c4e873
＿＿＿＿＿＿＿＿＿＿＿＿＿＿
【パーツがメインカラムからはみ出てる系の依頼】
https://gyazo.com/f0c013553f8e47e4048b481871e06a34
https://gyazo.com/404ec8d985cab68708c68963edfb598d
https://gyazo.com/391c34eb3d1389e503fd327268825255
https://gyazo.com/e27e31c72bcef30d46b075a520e1c769
→メインカラム幅におさまるように修正お願いします
＿＿＿＿＿＿＿＿＿＿＿＿＿＿
【パーツの余白が広いので狭くして欲しい系の依頼】
https://gyazo.com/de421127ac891671347b8ed3dfb5ca24
→ https://s.monji.tech/8iwwz
（修正詳細）
https://gyazo.com/71c44f4f9b4bd048ac5c6985fd90ae95
→ こちらPC版は現状のままでオッケーですが、スマホ版のみに上下左右のpaddingを狭くする設定を適用してほしいです。現状の65%のサイズまで余白（padding）を小さくしてほしいです。中途半端な小数点は切り捨てて構いません。
https://gyazo.com/2c7ea1c9975c7b032d40acb6a1696c55
→ こちら上下左右のpaddingを20pxにしてほしいです
https://gyazo.com/b8e58f9bcba451793b087770561d1557
→ こちら上下左右のpaddingを20pxにしてほしいです。加えて各番号毎の文章の余白（marginbottom）を18pxにしてほしいです。また、最後に位置する文章のmarginbottomはゼロになるようにお願いします（このgyazoでいうと３番の文章）
https://gyazo.com/fab97ba3b6bf749e01595bbb989fe6c0
→ こちら上下左右のpaddingを20pxにしてほしいです。
見出しボックスの見出しのフォントサイズを16pxにしてほしいです。
見出しと横長バーの間、横長バーと文章の間の余白をそれぞれ18pxにしてほしいです。
https://gyazo.com/f0e11c39749ef6257bed36f07ab8c4bf
→「質問文の下側」と「回答文の上側」の余白を現状の65%のサイズまで余白（padding）を小さくしてほしいです。中途半端な小数点は切り捨てて構いません。
確認元記事：https://test-p.com/usuge/2021/05/25/hairtonic-chapup/
https://test-p.com/usuge/2021/05/19/usuge-tsumuzihage/
・ランク 商品タイプパーツで文字数によって表が崩れる？ので修正お願いします！
https://gyazo.com/458330bcb33e1d6834c9dd675de3551e
記事例：https://test-p.com/usuge/2021/05/26/hairtonic-polypure/
❶チェックマークが表示されない
→若生のPC環境では表示されるが、志賀さんのPCや若生のiphone6だと表示されなかった
❷ランキングパーツのナンバリング部分（カラー＆ナンバリング部のずれ）
→若生のPC環境では問題なかったが、志賀さんのPCや若生のiphone6だとずれていた
→画像で対応した方が確実？
❸あわせて読みたいのリンク横も表示されていない？
→若生のPC環境では表示されるが、志賀さんのPCや若生のiphone6だと表示されなかった
❹サイドバーに画像がはみ出る
→若生の方でWP記事編集画面にて で画像タグをくくったらなおったけどそれでだいじょうぶか？
ちなみにURLは https://test-p.com/usuge/2021/05/24/hair-tonic-mji/
iphoneだとなぜか画像が表示されなかった
追記】スマホ表示になると、表示くずれが起きたり画像が表示されなくなるかも？
中田
リストパーツ
オーダーリストのナンバリングの色を
ea8994 → 004BB1 に変更
アンオーダーリストの文頭の「・」の色を
ea8994 → 004BB1 に変更
こちら修正しました
https://gyazo.com/0d16c8559e456e6fcad0f1dcb44ba90c
https://test-p.com/usuge/parts-2
ご確認をお願いいたします
中田
ランキングアイコンPNG修正しました。
https://gyazo.com/c6c7a6e0b9d60c4c723b901e488f579f
https://test-p.com/usuge/hairtonic.html
この内容でもずれている場合、ご連絡をお願いいたします
若生さん
https://test-p.com/usuge/parts-2
リストパーツ
オーダーリストのナンバリングの色を
ea8994 → #004BB1 に変更
アンオーダーリストの文頭の「・」の色を
ea8994 → #004BB1 に変更
以上お願いいたします！
こちらはなるべく今日中であればありがたいですが無理でしたらご連絡ください！
また、対応可能な期日わかりましたらおしえてください！
中田
②OGPの設定
→添付するZIPの中にある「ogp-usuge.jpg」をOGP画像に設定していただけますでしょうか？（←すいませんこちら知識浅くて中田さんに画像設定依頼す
▼ OGP画像設定しました
https://gyazo.com/d3c1320c0f0c9a3555fbd5adcc5359ae
https://test-p.com/usuge/wp/wp-content/themes/plus-b/img/ogp-usuge.jpg
▼ 本ドメインのfavicon設定しました
https://usuge-hedge.jp/
若生さん
ランキングパーツですが、添付するpngデータに置き換えお願いいたします！
https://lifework.link/task_manage/uploads/2021531112553_rank_icon.zip
中田
追加依頼の件ご連絡ありがとうございます。
午前中に設定可能で、OGP以外設定しました
①ファビコン の設定
③TOPページのヘッダー画像拡張子設定
④TOPページのスマホ版のヘッダー画像表示について
⑤スマホアプリアイコンの設定
②OGPの設定
→添付するZIPの中にある「ogp-usuge.jpg」をOGP画像に設定していただけますでしょうか？
11時半までには設定できると思いますので、設定しましたらご連絡いたします
若生さん
先ほどチャットにてお話しした追加の依頼になります！
①ファビコン の設定
→添付するZIPの中にある「favicon.ico」をファビコン に設定していただけますでしょうか？
②OGPの設定
→添付するZIPの中にある「ogp-usuge.jpg」をOGP画像に設定していただけますでしょうか？（←すいませんこちら知識浅くて中田さんに画像設定依頼すること自体がもし間違ってたらご連絡ください！）
③TOPページのヘッダー画像拡張子設定
→現状「top_img_pc.png」「top_img_sp.png」が表示される設定にしていただいておりますが、「top_img_pc.jpg」「top_img_sp.jpg」が表示されるように設定お願いできますでしょうか？こちらもZIPに画像データ入れております！
④TOPページのスマホ版のヘッダー画像表示について
→現状スマホ版のヘッダー画像をアップすると横に引き伸ばされた状態で表示されますので、修正いただけますでしょうか？（PC版は問題ありません！）
⑤スマホアプリアイコンの設定
→スマホの待ち受け画面に表示されるアプリアイコンを添付するZIPの中にある「apple-touch-icon.png」を設定していただけますでしょうか？
以上になります！お忙しい中大変恐れ入りますが、こちらも本日https://lifework.link/task_manage/uploads/202153195412_usuge_0531.zip 午前中に対応可能でしょうか？難しければご相談ください！ローンチ前にバタバタして申し訳ありません。よろしくお願いいたします！
ZIPのURL
https://lifework.link/task_manage/uploads/202153195412_usuge_0531.zip
中田
設定系の設定方法まとめ：
今回設定系の内容のまとめになります。
Notion版
https://www.notion.so/B-Type-3e864713eb4742e09434a22d542325e2
evernote版：
https://www.evernote.com/l/AeqctwI4rwNBl6ve0oR3blDCceXMC5Xpka0
テンプレートB-Type初期設定方法まとめ：
こちらはベーステンプレートB作成時共有したものになります。
Notion版:
https://www.notion.so/B-Type-2f58c6532922446db0311f07dc20e484
evernote版：
https://www.evernote.com/l/Aep_UxziO7pGD4wJBIqNklXFWMwjS9LMNTk
中田
【設定系の依頼】
・ローンチ時は一旦ハンバーガーメニューなしでいきたいので外していただきたいです。
・各記事のスクエアアイキャッチを設定する場所を追加して欲しいです！
・カテTOP＆関連記事に表示されるスクエア画像の設定場所の追加依頼してほしいです！！！
・サイトマップで指定した記事IDの記事を表示させないようにする設定も欲しいです（恋活、Re参考）
・すいません、GTMタグ入れるためにBodyの記述があるファイル名も知りたいです…
上記の設定を行いました。
ご確認をお願いいたします
GTMタグ設定
管理画面の一般設定から設定可能です。
https://test-p.com/usuge/wp/wp-admin/options-general.php
https://gyazo.com/07205c0a05cfb59db6d14e48f5ca4354
サイトマップ
以下のショートコードで表示可能です。
[sitemap exclude="0000,0000"]
excludeでカンマ区切りで除外記事設定可能です。
各記事のスクエアアイキャッチを設定
スクウェアアイキャッチの設定フィールド追加しました。
https://gyazo.com/9118b3a0574e68a62652d0cd89f9c19f
こちらに追加すると、記事一覧や関連記事などで表示可能です。
ご確認をお願いいたします
中田
追加修正かしこまりました。
順次対応していきます
確認したところ、別のテンプレートのパーツを使用しているようでした。
ベーステンプレートB
のパーツは以下のページのものをご使用ください。
https://test-p.com/usuge/parts_okiba/
こちらのパーツ置き場は、
ベースBテンプレートのテスト環境から
ウスゲのテスト環境に貼り付けましたので、こちらのパーツをお使いください。
若生さん
今後もコンテンツチームよりご連絡いただきしだい五月雨でご依頼させていただきます
・ランク 商品タイプパーツで文字数によって表が崩れる？ので修正お願いします！
https://gyazo.com/458330bcb33e1d6834c9dd675de3551e
記事例：https://test-p.com/usuge/2021/05/26/hairtonic-polypure/
若生さん
すいません！現在カンプに合わせて絶賛修正中かと思いますが、追加で依頼をいただきましたので共有させていただきます！
その依頼の中にはカンプからさらにテンプレB用に余白を狭くしてほしいなどの要望もありますので、せっかくカンプに合わせていただいている中申し訳ないのですが、以下の該当箇所のみカンプではなく記載内容を参考にして修正していただけますでしょうか？
【設定系の依頼】
・ローンチ時は一旦ハンバーガーメニューなしでいきたいので外していただきたいです。
・各記事のスクエアアイキャッチを設定する場所を追加して欲しいです！
・カテTOP＆関連記事に表示されるスクエア画像の設定場所の追加依頼してほしいです！！！
・サイトマップで指定した記事IDの記事を表示させないようにする設定も欲しいです（恋活、Re参考）
・すいません、GTMタグ入れるためにBodyの記述があるファイル名も知りたいです…
【パーツ表示不具合系の依頼】
・この記事を書いた人がうまく出ない（指定ユーザーIDのプロフィール部分は適当に文字を入れてる）
https://gyazo.com/f4e3e1404b2a6bf9a9ee5973a8b68885
→志賀さんより追記コメント
"こちら本サイトでつながれば問題ないやつなので、月曜日本サイトにテンプレ移管後対応でも大丈夫かもです。
phpで参照場所指定してるっぽいし、今なおしても本サイトに持ってった時同じエラー出そうな予感がします・・とりあえず相談だけ挙げてもらえると！"
・パーツ置き場で表示されていないコンテンツがあるので表示されるようにお願いします
https://gyazo.com/37865709165e0a198cc861ee25c4e873
＿＿＿＿＿＿＿＿＿＿＿＿＿＿
【パーツがメインカラムからはみ出てる系の依頼】
https://gyazo.com/f0c013553f8e47e4048b481871e06a34
https://gyazo.com/404ec8d985cab68708c68963edfb598d
https://gyazo.com/391c34eb3d1389e503fd327268825255
https://gyazo.com/e27e31c72bcef30d46b075a520e1c769
→メインカラム幅におさまるように修正お願いします
＿＿＿＿＿＿＿＿＿＿＿＿＿＿
【パーツの余白が広いので狭くして欲しい系の依頼】
https://gyazo.com/de421127ac891671347b8ed3dfb5ca24
→ https://s.monji.tech/8iwwz （修正詳細）
https://gyazo.com/71c44f4f9b4bd048ac5c6985fd90ae95
→ こちらPC版は現状のままでオッケーですが、スマホ版のみに上下左右のpaddingを狭くする設定を適用してほしいです。現状の65%のサイズまで余白（padding）を小さくしてほしいです。中途半端な小数点は切り捨てて構いません。
https://gyazo.com/2c7ea1c9975c7b032d40acb6a1696c55
→ こちら上下左右のpaddingを20pxにしてほしいです
https://gyazo.com/b8e58f9bcba451793b087770561d1557
→ こちら上下左右のpaddingを20pxにしてほしいです。加えて各番号毎の文章の余白（marginbottom）を18pxにしてほしいです。また、最後に位置する文章のmarginbottomはゼロになるようにお願いします（このgyazoでいうと３番の文章）
https://gyazo.com/fab97ba3b6bf749e01595bbb989fe6c0
→ こちら上下左右のpaddingを20pxにしてほしいです。
見出しボックスの見出しのフォントサイズを16pxにしてほしいです。
見出しと横長バーの間、横長バーと文章の間の余白をそれぞれ18pxにしてほしいです。
https://gyazo.com/f0e11c39749ef6257bed36f07ab8c4bf
→「質問文の下側」と「回答文の上側」の余白を現状の65%のサイズまで余白（padding）を小さくしてほしいです。中途半端な小数点は切り捨てて構いません。
確認元記事：https://test-p.com/usuge/2021/05/25/hairtonic-chapup/
https://test-p.com/usuge/2021/05/19/usuge-tsumuzihage/
すいません長くなりましたがご確認お願いいたします！！！！
中田
以下確認します。
内容的に検証も必要なので、パーツ修正しつつ検証していきます。
17時にはご連絡できるかと思います。
▼ 確認内容
❶チェックマークが表示されない
→若生のPC環境では表示されるが、志賀さんのPCや若生のiphone6だと表示されなかった
❷ランキングパーツのナンバリング部分（カラー＆ナンバリング部のずれ）
→若生のPC環境では問題なかったが、志賀さんのPCや若生のiphone6だとずれていた
→画像で対応した方が確実？
❸あわせて読みたいのリンク横も表示されていない？
→若生のPC環境では表示されるが、志賀さんのPCや若生のiphone6だと表示されなかった
❹サイドバーに画像がはみ出る
→若生の方でWP記事編集画面にて で画像タグをくくったらなおったけどそれでだいじょうぶか？
ちなみにURLは https://test-p.com/usuge/2021/05/24/hair-tonic-mji/
iphoneだとなぜか画像が表示されなかった
追記】スマホ表示になると、表示くずれが起きたり画像が表示されなくなるかも？
❷ランキングパーツのナンバリング部分（カラー＆ナンバリング部のずれ）
https://gyazo.com/aa140a0b70a74766d7bed2b7b079c827
❸あわせて読みたいのリンク横も表示されていない？
https://gyazo.com/805a0a70e6c6c50a1c658aff113fbcc1
❹サイドバーに画像がはみ出る
https://gyazo.com/d32b634c50ac47e732c9638b3a8f324b
▼ 画像・カンプ必要な修正
https://docs.google.com/spreadsheets/d/1FuSy9mZLMkwY9rBD-h9D3G9ps7i7Mh_xTlVsTawb_o4/edit#gid=1678329844
17,21,30,42,45行目の修正内容。
画像・デザイン指示書待ち。