目次
コーディング
食品販売ECサイトトップページリニューアルコーディング
ページスピードを考慮して作成しました。
- 画像をwebpで作成
- 画像サイズを適切なサイズに調整
- ファーストビュー以外の画像に対してlazy=”loading”を指定
- imgタグ内にwidth属性とheight属性を指定
- サブセットフォントメーカーを使用してGoogleフォントの軽量化
サブセットフォントメーカーについての記事は下記で解説しています。
関連記事
サブセットフォントメーカーの基本と利点、使い方を解説しています。フォントから不要な文字を削減することでフォント自身の容量が減り、ページ速度とユーザーエクスペリエンスを向上させます。
大手飲料会社商品ブランドページリニューアルコーディング
gsapを使用してスクロールして要素が円形にはけたり、画面を固定させるアニメーションを実装。
パララックスで下の要素が上の要素と重なるように実装。
要素が横からカクカクしながら横からスライドインしてきたりする細かいアニメーションの実装。
実装・カスタマイズ
官公庁のある省の下部組織様、マイページリニューアル
下層ページを追加し、クライアント様自身で今後更新ができるように作成しました。
xserverにドメイン移管、WordPress移行、セキュリティ対策
ドメインはお名前.comで取得、メールもお名前.comのものを使用するため、Aレコードをxserverのipアドレスに変更してドメインを移管しました。
Contactform7で日本語がお問い合わせに含まれていない場合エラーを表示する機能の実装
クライアント様からロシア語のスパムメールが増えているとお聞きしたので対応をしました。
お問い合わせ内容のテキストボックス内に日本語が含まれていない場合は
「このお問い合わせ内容は送信できません。」
とエラーが表示されるようにしました。
対策後、スパムメールがピタッと止まったとのことでした。
