いっぺい｜Web制作の「詰まった」を解く

Web制作15年・150件超。実装で詰まって半日溶かした記録を、
解決策の形で置いていきます。HTML/CSS・JS・WordPress・フォーム。
制作者向けの無料ツールも作ってます↓

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

原稿を貼るだけで、改行が <p> と <br> になります。

・段落の判定を何行の空きにするか指定できる
・空の <p> は自動削除
・エスケープも同時に

ブラウザ内で完結するので、未公開の原稿を貼っても外に出ません。

https://t.co/vKrP0IYIFB

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

天心がんばれ！

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

【知っておくと数時間ぶんの時間が浮くCSS】

display:flex の子要素が中身に引っ張られて横に伸びたら、
まず min-width:0 を疑う。

Slick / Swiper / Splide / 横スクロール、全部これで直ります。

「なぜ効くのか」の仕組みまで解説しました👇
https://t.co/uKflHCNLVw

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

見積書で「後から揉める案件」と「スムーズに進む案件」の違い、ほぼここで決まってる。

絶対に書くべき4項目
① 有効期限（「この金額は◯日まで」）
② 対応範囲の明記（「◯◯は含まない」）
③ 追加修正の単価
④ 支払い条件（前払い or 後払い・期日）
これを入れておくと、トラブルが激減。

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

フリーランスで単価上がらない人、

スキルじゃなくて
「見積の出し方」で損してるがことが多い。

・毎回バラバラ（客を見て決めてる）
・なんとなく決めてる
・根拠がない

見積って
“作業”じゃなくて“設計”

ここ変えるだけで変わる。

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

フリーランスがWeb制作の見積もりを出す時

・安く出して儲からない
・高くて断られるの怖い
・相場分からない
毎回悩んでた。
結局一番キツいのって

「これで正しいのか分からない状態」

なんだよね。

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

サイトで「料金書いてない」もしくは「料金体系が複雑」だと

・問い合わせ来ない
・離脱される

これ防ぐ方法👇

→ 見積シミュレーション置く

これだけで変わる

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

画像サイズがバラバラでレイアウト崩れる人へ

✔ 枠からはみ出さない
✔ 縦横比そのまま
✔ 最大サイズで表示
これ全部CSS1行で解決👇
object-fit: contain;

知らないと地味にハマるやつ。
覚えとくとかなり楽になる。

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

「ちょっとだけ修正お願いします」

が一番時間かかるやつ。

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

時間かけて作ったところほど
誰にも気づかれないのがWeb制作。

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

「CSS効かない…」って時の原因これ👇

・セレクタ弱い
・!important負けてる
・キャッシュ残ってる
・別CSS読み込まれてる

ほぼこのどれか

順番に潰せば解決する

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

【方向変えます】

これからこのアカウントは

・WordPress
・コーディング
・実務ノウハウ

を中心に発信していきます。

副業・案件で使える内容に絞ります。

興味ある人はフォローしてもらえると嬉しいです👍

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

Contact Form 7で「空メール」が届く原因、これでした。

・メールタグとフォームのnameが不一致
・hidden項目が未設定
・確認画面で値が消えてる

特に多いのが「nameのズレ」

これ気づくまで地獄見た😇

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@takashi69675 ストレッチャー移動も可能ですか？

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@meelonmuskusa 5

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@meelonmuskusa 56

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@ByromKaile75109 フォローありがとうございます！
よろしくお願いします！

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@MacopeninSUTABA 挨拶がhello world!

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@takerusegawa 武尊カッコよかった

[いっぺい｜Web制作の「詰まった」を解く @wp_ippei]

@dai_webp ありがとうございます！