ポートフォリオ（当サイト）
| サイト説明 | ポートフォリオサイト（当サイト） |
|---|---|
| URL | https://forio.web-toru.com/ |
担当範囲
コーディング、WordPress化
構成
トップページ + 下層2ページ
使用技術
HTML、CSS(Sass)、 JavaScript(JQuery)、WordPress、gulp
概要
- 制作実績をまとめた自作サイト
- テーマカラーを決めてシンプルでクールなサイトをイメージ
- タブレット、スマホ用のレスポンシブ化
- WordPressオリジナルテーマ制作
- カスタム投稿、カスタムタクソノミー、カスタムフィールドを使用
- お問い合わせはContactForm7を使用
- JQueryではハンバーガーメニュー、スライダー(swiper)などを実装
- SEO、セキュリティ対策
- CSS設計(FLOCSS)による保守性の高いコーディングを意識
- 制作にあたり意識したことは、”最低限必要な機能を確実に実装すること”です。
- 苦労した点は、公開後のスマホでの表示時に、リンク付きボタンを2回クリックしないと遷移しないという現象への対処です。対策として、”JavaScript で <body>にontouchstart 属性を追加” することで解消できました。