PERSONA｜HTML 1ページ個人サイトテンプレート

PERSONA｜Minimal Profile Template

HTML / CSS / JavaScriptで構成された、1ページ完結型のWebサイトテンプレートです。

自分の活動を、ひとつの美しいページに。

SNSのプロフィールから訪れた人に、

あなたのプロフィール・作品・サービス・SNS・お問い合わせを、

シンプルに伝えられます。

一般的なリンク集ではなく、

ポートフォリオや個人ブランドの小さな公式サイトとして使えるよう、

シンプルで洗練されたデザインに仕上げています。

✦ こんな方におすすめ

・ポートフォリオサイトを作りたい

・SNSのプロフィールURLをおしゃれにしたい

・自分の活動を1つのサイトにまとめたい

・個人ブランドを作りたい

・フリーランスとして活動している

・写真家 / デザイナー / イラストレーター

・動画クリエイター / 作家 / ハンドメイド作家

・講師 / コンサルタント / 個人事業主

✦ PERSONAの特徴

スマートフォンでも美しく表示

375 / 390 / 430pxなどのスマートフォン幅を想定したレスポンシブ設計。

PCではエディトリアルな2カラムレイアウトになります。

Light / Dark 2テーマ

訪問者がLight / Darkを切り替えられる仕様です。

アクセントカラー変更

Deep Green / Muted Blue / Burgundy / Warm Beigeから選択可能。

サイト全体のアクセントが連動して変わります。

必要なセクションだけ表示

以下のセクションはON / OFF可能です。

- About

- Works

- Services

- Profile / Skills

- Links

- Contact

作品がまだない場合なども、不要なセクションを非表示にして使用できます。

✦ Works / Portfolio

作品画像・作品名・カテゴリー・説明・リンクを自由に変更できます。

写真家、デザイナー、イラストレーター、料理人、ハンドメイド作家、講師など、さまざまな用途に対応しています。

作品は3〜9個程度まで自由に増減できます。

✦ SNS・外部リンクにも対応

Instagram、X、YouTube、TikTok、Threads、Pinterest、FacebookなどのSNSリンクを設定できます。

さらに、

- Online Shop

- Portfolio

- Blog / Journal

- LINE

- note

- BASE

- STORES

- 予約ページ

など、外部サイトへのリンクにも利用できます。

✦ 編集は「CONFIG」だけ

HTMLファイルの中にあるCONFIG設定部分に、名前・プロフィール・作品・SNS・リンクなどの情報をまとめています。

基本的にはこの部分を書き換えるだけで、自分専用のサイトにできます。

詳しい編集方法は、付属のREADME.mdで解説しています。

✦ SEO / OGPにも対応

ページタイトル、description、SNSシェア用OGP、favicon、canonical URLなどを設定できます。

✦ 商品内容

PERSONA_01.zip

PERSONA_01/

├─ PERSONA.dc.html

├─ support.js

├─ README.md

└─ assets/

READMEには、編集方法・画像の差し替え・SNSリンクの変更・公開方法などをまとめています。

✦ ご利用の流れ

01｜ダウンロード

商品を購入後、ZIPファイルをダウンロード。

02｜解凍

ZIPファイルを解凍します。

03｜READMEを確認

README.mdの手順に沿って設定します。

04｜自分の情報に変更

名前、プロフィール、作品、SNS、リンクなどを変更します。

05｜公開

Netlify、Cloudflare Pages、Vercel、レンタルサーバーなどにアップロードして公開できます。

⚠ ご購入前にご確認ください

本商品はHTML Webサイトテンプレートです。

完成済みのWebサイト制作代行ではありません。

HTMLファイルを編集・アップロードしてご利用ください。

掲載されている人物名・作品名・料金・URLなどはすべてデモ用のサンプルです。

公開前に必ずご自身の情報へ変更してください。

プロフィール画像・作品画像などは、ご自身でご用意ください。

ご利用にはPCでの作業を推奨します。

テンプレートファイル自体の再配布・再販売はご遠慮ください。

詳しい利用条件については、同梱のREADME.mdをご確認ください。

✦ PERSONA

Your story, beautifully designed.

あなたの活動を、あなたらしい一つの場所へ。