WordPressでポートフォリオの作り方の流れ

2024年3月12日

この連載は、2021年12月〜2022年6月に開催されたWebクリエイターズスクールの勉強会の内容をまとめたものです。

この連載が動画講座になりました！
↓ こちらから無料登録できます ↓

以下に【連載】WordPressでポートフォリオの作り方を開始するのに必要な確認事項、作り方の流れを説明しています。

この連載の通りに進めれば、ポートフォリオを作りながらWordPressの基本を学ぶことができます。
図解をふんだんに使い、できるだけわかりやすく説明していますので、ぜひ挑戦してみて下さい。

WordPressでポートフォリオ連載の目的

目的意識を持って進めよう！

目次 [ close ]

ポートフォリオ内容の整理をする

ポートフォリオの制作に入る前に、ある程度、内容を整理し、カテゴリー分けをしておくとスムーズに進めます。

とはいえ、WordPress初心者にとっては、内容の整理と言われても、なかなか難しく、ここで止まってしまう人も少なくないと思います。

なので、ある程度でOKです。
ここで止まってしまうよりも、まずはWordPressに慣れることが先決。

進めていくと必要な改善点が見えてくるので、また作り直す。
そうやってWordPressのスキルは磨かれていくものです。

今回、ポートフォリオの例として作成するのは「Webデザイナーのポートフォリオ」という前提で以下のような整理をしています。
あなたの職業に置き換えてカテゴリー分けを考えてみて下さいね。

WordPressテーマは次で紹介しているyStandardが初心者向けにおすすめです。

WordPress初心者がポートフォリオを作るのにおすすめのテーマがyStandard。

yStandardテーマがおすすめの理由

WordPress初心者はシンプルなテーマから始めるのがおすすめ！

下記がyStandardテーマを利用して作ったポートフォリオの例です。

この連載では、前半はトップページに新着で投稿が並ぶタイプの「ブログ型」で作成していきます。

後半はトップページは自分の表示させたい項目をレイアウトして記事一覧ページは別に作成する、いわゆる「Webサイト型」に変更する作り方に挑戦していきます。

WordPressでのポートフォリオのサイト構成を階層にした例です。

ブログ型のトップページはyStandardテーマで用意されたデザインそのままです。

Webサイト型は固定ページで自由にレイアウトしていきますので作り甲斐がありますよ。

今回作成するポートフォリオの例となるデモサイトはこちらから確認できます。
参考にされてください。

これからポートフォリオ作成を始めるにあたり、下記が完了している前提で始めていきます。

レンタルサーバー契約・独自ドメイン設定・WordPressのインストールが完了している。: ⇒ WordPress始めに準備するもの｜レンタルサーバーとドメイン
WordPressインストール直後に必要な確認場所と初期設定が完了している。: ⇒ インストール直後に必要な確認場所と初期設定
WordPressの投稿に必要な知識がある。: ⇒ 投稿に必要な知識カテゴリー一覧
今回利用するyStandardテーマのインストールが完了している。: ⇒ WordPressテーマのインストール・変更・削除の方法

ポートフォリオ内容の整理、WordPressやテーマの準備ができたら【ステップ 1】yStandardテーマのページ表示の確認から始めていきましょう。