My Portfolio

歯科クリニックサイトを制作しました。（PC/SP）
※画像をクリックしていただくとページ遷移します。
ベーシック認証をかけておりますので、お手数ですが、下記のユーザーIDとパスワードを入力してご覧ください。
ユーザーID：work
パスワード：work03

Contents

1 【目的】
2 【ルールセット】
3 【使用プラグイン】
4 【工夫した点・気をつけた点】
5 【参考URL】

【目的】

・コーディングスキルアップのため

・実案件のレベルに慣れる

・デザインカンプからのコーディングのスピードを向上させる

【ルールセット】

【使用プラグイン】

・Advanced Custom Fields (カスタムフィールドの拡張)
・Custom Post Type UI (カスタム投稿タイプの追加)
・Contact Form7(お問い合わせフォームの設置)
・Breadcrumb NavXT(パンくずリストの設置)
・SEO SIMPLE PACK(タイトルタグ、ディスクリション、OGPの設置)
・WP MultibytePatch(日本圏でWordPressを使用する際に利用)

【工夫した点・気をつけた点】

・タブレットサイズや大画面ブラウザなど、カンプで指定した以外の画面幅でも最低限デザイン崩れなく表示できているか。

・ユーザビリティ向上のため、カンプには指定がなかったが、現在開いているページのヘッダー部分のカラーをメインカラーに変更するよう実装した。

・各ボタンのホバー時にアニメーションをつけることでユーザビリティを向上させた。

【学んだこと】
・カスタム投稿、カスタムタクソノミー、カスタムフィールドを用いて、指定箇所を管理画面から簡単に変更できるようになった。

・サイドバーに、現在開いている記事以外の記事を取得する。

・投稿日から3日以内の記事にだけ「NEW」タグをつける。

・ページャーの実装の復習を行うことができた。

【参考URL】

・診療メニューを参考
https://kikuchi-shika.info/

・アットホームな雰囲気
https://www.suzushiroshika.com/