作品掲載

Nakano Portfolio

Works

作品一覧

ツール	Visual Studio Code / Adobe XD
言語	HTML / CSS / Sass / JavaScript / jQuery
製作期間	5日
サイトURL	https://pf1.nk-pf.com/
ベーシック認証	ユーザー名　nakano パスワード　nakano
実装機能	・スライダー Swiperを使用しました。・お問い合わせ Google フォームと結びつけました。

ツール	Visual Studio Code / Adobe XD
言語	HTML / CSS / Sass / JavaScript / jQuery
製作期間	2日
サイトURL	https://pf2.nk-pf.com/
ベーシック認証	ユーザー名　nakano パスワード　nakano
実装機能	・スマホ表示時のスライダー Swiperを使用しました。
デザイン制作者様	https://twitter.com/omsss22

ツール	Visual Studio Code / Figma
言語	HTML / CSS / Sass / JavaScript / jQuery
製作期間	2日
サイトURL	https://pf3.nk-pf.com/
ベーシック認証	ユーザー名　nakano パスワード　nakano

ツール	Visual Studio Code / Figma
言語	HTML / CSS / Sass / JavaScript / jQuery
製作期間	3日
サイトURL	https://pf4.nk-pf.com/
ベーシック認証	ユーザー名　nakano パスワード　nakano
実装機能	・メニューメニューを挟んだ上下の背景を固定しました。・お問い合わせ Google フォームと結びつけました。

ツール	Visual Studio Code / Adobe XD
言語	WordPress / CSS / Sass / JavaScript / jQuery
製作期間	14日
サイトURL	https://pf5.nk-pf.com/
ベーシック認証	ユーザー名　nakano パスワード　nakano
実装機能	・スライダー Swiperを使用しました。・診療案内、スタッフ紹介、スタッフブログプラグイン「Advanced Custom Fields」「Custom Post Type UI」を使用して、管理画面で編集できるようにしました。・お問い合わせプラグイン「コンタクフォーム7」と結びつけました。・セキュリティ面「コンタクフォーム7」を「Google reCAPTCHA」と連動させてスパムメールをブロック。「SiteGuard」で管理画面のログインURLを変更し、不正ログインの防止。「Wordfence」で不正なログインや不正なファイルを検知。・SEO関連「WebSub」で検索結果に反映させる時間を短縮。「XML Sitemaps」でサイトの構造をクローラーに報告。「Googleアナリティクス」「Search Console」の登録。・サイトの表示速度「Autoptimize」でcssファイルなどを圧縮。「EWWW Image Optimizer」で画像を圧縮。

ツール	Visual Studio Code / Adobe XD
言語	WordPress / CSS / Sass / JavaScript / jQuery
製作期間	14日
サイトURL	https://pf6.nk-pf.com/
ベーシック認証	ユーザー名　nakano パスワード　nakano
実装機能	・スライダー Swiperを使用しました。・診療案内、スタッフ紹介、スタッフブログプラグイン「Advanced Custom Fields」「Custom Post Type UI」を使用して、管理画面で編集できるようにしました。・お問い合わせプラグイン「コンタクフォーム7」と結びつけました。・セキュリティ面「コンタクフォーム7」を「Google reCAPTCHA」と連動させてスパムメールをブロック。「SiteGuard」で管理画面のログインURLを変更し、不正ログインの防止。「Wordfence」で不正なログインや不正なファイルを検知。・SEO関連「WebSub」で検索結果に反映させる時間を短縮。「XML Sitemaps」でサイトの構造をクローラーに報告。「Googleアナリティクス」「Search Console」の登録。・サイトの表示速度「Autoptimize」でcssファイルなどを圧縮。「EWWW Image Optimizer」で画像を圧縮。