Portfolio Template 01｜シンプルなHTML / CSSポートフォリオ
- Digital1,000 JPY
HTML / CSSで作られた、シンプルなポートフォリオサイトテンプレートです。 文章や画像を自分の内容に差し替えて、作品や活動を紹介するオリジナルのポートフォリオサイトを作成できます。 HTML / CSSに慣れていない方でも編集しやすいよう、HTML内のコメントとREADMEに編集方法を詳しく記載しています。 さらに、完成したサイトをWeb上に公開できるよう、「GitHub × Netlify サイト公開ガイド」PDFも収録。 テンプレートの編集からWeb上への公開まで、ガイドを見ながら進められます。
■ このテンプレートでできること
・名前、肩書き、キャッチコピー、プロフィールなどの変更 ・プロフィール画像の差し替え ・制作した作品の画像、タイトル、説明などの掲載 ・作品の追加・削除 ・スキルや活動内容の紹介 ・作品ページ、メール、SNSなどへのリンク設定 ・BLUE / PINK / WHITEの3種類からカラーテーマを選択 ・カラーコードを編集してオリジナルの配色にカスタマイズ ・PC / スマートフォンに対応したポートフォリオサイトの作成 ・GitHub × Netlifyを利用したWeb上への公開
■ 収録内容
・ポートフォリオサイト本体（HTML / CSS） ・プロフィール・作品用サンプル画像 ・README（編集方法・使い方ガイド） ・GitHub × Netlify サイト公開ガイド（PDF） ・カラーテーマ 3種類（BLUE / PINK / WHITE） ・利用規約 ダウンロードデータはZIP形式です。 ZIPファイルを展開し、index.html や style.css を編集してご利用いただけます。
■ カラーテーマについて
すぐに使える3種類のカラーテーマを収録しています。 ・BLUE — やわらかなブルーグレーを基調としたカラー ・PINK — 淡いローズカラーを基調としたカラー ・WHITE — ホワイトとシルバーグレーを基調としたカラー 使用したいテーマのカラー設定を style.css にコピー＆ペーストすることで、サイト全体の配色をまとめて変更できます。 カラーコードを編集すれば、お好みの配色へのカスタマイズも可能です。 ※オリジナルカラーへの変更には、CSSの基本的な編集が必要です。
■ ご利用方法
1.ダウンロードしたZIPファイルを展開します。 2.index.html をブラウザで開き、サイトを確認します。 3.VS Codeなどのテキストエディタで index.html / style.css を編集します。 4.名前・文章・画像・作品情報などを、ご自身の内容に変更します。 5.必要に応じてカラーテーマを変更します。 6.付属の「GitHub × Netlify サイト公開ガイド」を参考に、Web上へ公開します。 編集方法については付属のREADMEとHTML内のコメント、公開方法についてはサイト公開ガイドをご確認ください。
■ サイト公開ガイドについて
HTML / CSSファイルを編集したあと、GitHubとNetlifyを使ってサイトをWeb上に公開する方法を画像付きで解説したPDFを収録しています。 ・GitHubアカウントの作成 ・Repositoryの作成 ・サイトファイルのアップロード ・Netlifyアカウントの作成 ・GitHubとNetlifyの連携 ・サイトの公開 ・公開URLの変更 ・公開後のサイト更新 ・うまく表示されない場合の確認方法 など、公開から更新までの基本的な流れを確認できます。 ※GitHub・Netlifyは外部サービスです。サービスの仕様や画面は変更される場合があります。 ※各サービスの利用条件・料金等は、ご利用時に各サービスの公式情報をご確認ください。
■ 利用規約
【利用できること】 ・個人利用 / 商用利用 ・テンプレートの改変 ・文章、画像、色、レイアウト等のカスタマイズ ・購入者本人のポートフォリオサイトとしての利用 ・購入者自身の活動、ブランド、事業等を紹介するWebサイトとしての利用 クレジット表記は必要ありません。 【禁止事項】 ・テンプレートデータそのものの再配布 / 再販売 ・改変したテンプレートの再配布 / 再販売 ・第三者が利用するためのテンプレートとして提供すること ・本テンプレートを使用して第三者のWebサイトを制作・納品すること ・Webサイト制作代行、Web制作サービス等の受託制作への使用 ・購入者以外へのテンプレートファイルの共有 ・その他、本テンプレートを第三者の制作物へ使い回すこと テンプレートの著作権は制作者に帰属します。 第三者による編集補助など、詳しい条件については商品データに付属する利用規約をご確認ください。
■ ご購入前にご確認ください
・本商品はHTML / CSSで制作されたWebサイトテンプレートです。 ・ご利用にはHTML / CSSファイルの基本的な編集が必要です。 ・編集にはVS Codeなどのテキストエディタをご用意ください。 ・サーバー、ドメイン、ホスティングサービス等は商品に含まれていません。 ・GitHub、Netlifyなどの外部サービスは本商品とは別のサービスです。 ・個別のカスタマイズ、制作代行、公開作業等は商品内容に含まれていません。 ・ご利用の環境やブラウザによって表示が多少異なる場合があります。 ・サンプルとして掲載している文章・画像は、ご自身の内容に差し替えてご利用ください。 ご購入前に、商品内容・利用規約をご確認のうえご利用ください。