就労継続支援B型「じゆうじざい」では、
利用者が就職活動をするためのポートフォリオを作成する際、
事業所としての基礎的な書式を準備しようと考えていたものの、なかなか着手できずにいました。
そんな中、利用者さんから「作りたい」という声があり、検討を始めました。
弊所内でも制作は可能ですが、手っ取り早く実現させるために、外部の無料テンプレートを試してみました。
試したのは、無料で配布されているポートフォリオテンプレートです。
特定の環境での構築に依存しないように、ファイルのみが配布されているところを探してみました。
今回、試したのはこちらです↓
「未経験からWebデザイナーへ！」さんが配布している
【無料】ポートフォリオHTMLテンプレート（ベーシック）
https://webdesigner-go.com/template/portfolio-02/
利用者にも、どのようなものか見てもらえるように、
GitHub Pages（無料のウェブサイト）に設置しました。
そのままの設置ではなく、少しだけカスタマイズしています。
具体的なカスタマイズ内容は以下の通りです↓
今回設置したページはシングルページWebサイト（ワンページサイト）構成です。
各コンテンツが別ページ（リンク先）を持つ場合には、ヘッダーナビのメニューを追加する必要があります。
主に［Works］セクション内のリンクは、ページ遷移をしないように変更しました。
具体的には、Fancybox（jQueryプラグイン）を使って他ページをiframe化しています。
少し分かりづらいかもしれませんが、
リンクをクリックしても別ページには遷移せず（メインのページはスクロールのみ）に、
ポップアップ形式で、リンクをクリックするとページが開き、［×］で閉じるようになっています。
デモページも設置しましたので、実際に操作してもらうと理解しやすいと思います。
［Works］のリンクをクリックしてみてください。
設置したポートフォリオのデモはこちらです↓
オリジナルのポートフォリオ（ウェブサイト）
https://jj-blog.github.io/portfolio/webdesigner-go.com/template-basic/origin/
カスタマイズしたポートフォリオ（ウェブサイト）
https://jj-blog.github.io/portfolio/webdesigner-go.com/template-basic/custom/
設置方法（手順）は下記URLに記載していますので、
ポートフォリオ作成に挑戦してみたい方は、弊所の職業指導員までお申し出ください。
弊所の利用者でなくても、自由にご利用いただけます！
ポートフォリオ無料HTMLテンプレート Fancybox化
https://jj-blog.github.io/portfolio/webdesigner-go.com/template-basic/
以上、ポートフォリオに関する投稿でした。