丸吉通商様
- 担当範囲
- 全ページコーディング
- 使用ツール
- Visual Studio Code / Local / Illustrator
- 制作環境
- HTML/CSS / Gulp / WordPress / PHP / jQuery / GitHub
- 実装機能
- 多言語対応 / 投稿機能 / 絞り込み・並び替え / お問い合わせ
- 制作期間
- 3か月
- サイトURL
- https://marukichi.com/
サイト紹介
株式会社丸吉通商様のコーポレートサイトのコーディングを担当しました。全デバイスでデザインが崩れないよう、改行位置や文字サイズを慎重に調整し、レスポンシブ対応に注力しました。同社が国内外で事業展開をされていることから、多言語対応サイトの制作が必要となり、適切なプラグインの選定から実装まで行いました。 また、これまで取引した船舶の船種絞り込み機能に加え、各船舶の特徴による並び替え機能の実装を担当しました。絞り込み機能については過去の経験を活かしスムーズに対応できましたが、並び替え機能は初めての実装となり、様々なアプローチを試行錯誤しながら完成させました。これらの機能が完成した際には大きな達成感を得ることができ、自信につながる重要な案件となりました。
主な実装機能
- 多言語対応
- 海外展開を行う企業様のニーズに合わせ、多言語対応機能を実装。プラグインの選定から設定、翻訳コンテンツの管理システム構築まで一貫して担当しました。各言語でのナビゲーション表示やURL構造の最適化も行い、グローバルなユーザーにとって使いやすいサイト環境を構築しています。
- ACF
- 固定ページ、通常投稿など、サイト運営に関わるコンテンツを、WordPressやコーディングの知識をお客様でも直感的に更新できるよう、ほぼ全ページにACFを実装しました。
- お問い合わせ
- WordPressのプラグイン「contact form 7」を使用しています。