【WP】ポートフォリオ専用テーマ「Perfect Portfolio(無料テーマ)」の使い方(導入から設定方法まで)

ポートフォリオをWordpressで作成するならポートフォリオ専用テーマ「Perfect Portfolio」はかなり使いやすいです。海外のテーマなので難しいかなと思ったのですがシンプルなので意外に簡単に使えます。しかも無料なのでコスパがいい。

デモサイト👇

https://rarathemes.com/previews/?theme=perfect-portfolio

今回はテーマの導入から基本的な設定を紹介します。

テーマをインストール

サイトからダウンロードする方法と、WP管理画面からインストールする方法があります。

サイトからダウンロードする方法

サイトにGO。

 

https://rarathemes.com

 

カテゴリーの「Themes」内の「Free WordPress Themes」をクリック。

 

 

 

一覧から「Perfect Portfolio」を選択します。

 

ダウンロードを選択します。

 

この時アカウント作成を求められるので作成しましょう。

 

これで簡単にダウンロードができます。

WordPressにインストール

ダッシュボードから「テーマ」⇒「新規追加」を選択。

 

テーマを追加から「テーマのアップロード」。

 

「ファイルを選択」からダウンロードしたテーマファイルをZIPのまま選択します。

 

インストールし有効化します。

 

管理画面からインストールする方法

WordPressダッシュボードから「外観」⇒「新規追加」をクリック。

 

検索窓から「Perfect Portfolio」と入力。

 

「インストール」を選択。

 

「有効化」を選択。

 

ここまでで下準備が完了です。

プラグインを3つ入れる

設定に必要になるプラグインを3つインストールし有効化していきます。

 

管理画面から「はじめてみよう」を選択。

 

表示されているプラグインをそれぞれ「インストールと有効化」していきます。

 

無料デモをダウンロード

先程のプラグインをインストールし有効化すると「外観」に「Rara Demo Import」が表示されるので選択します。

 

「Demo Import」内になる「documentaion」のリンクをクリック。

 

テーマが一覧されているサイトから「Perfect Portfolio Documentation」を選択します。

*結構下までスクロールしたところにあります。

 

メニュー内に「How to Demo Content?」があるのでクリック。

 

「Download Perfect Portfolio Demo File」からダウンロードします。

 

ダウンロードされます。

 

探すの面倒ならこちらがダウンロードページまでのリンクとなっています。

https://docs.rarathemes.com/docs/perfect-portfolio/theme-installation-and-activation/how-to-import-demo-content/

デモファイルをアップロードしインポートする

管理画面の「外観」⇒「Rara Demo Import」から「Demo Import」を選択し「Upload Demo File」をクリック。

 

「ファイルを選択」します。

 

先程ダウンロードしたデモファイルを選択。

 

選択されたら「Install Now」からインストールします。

「Import Demo Now!」をクリック。

 

インポートされるまで少し時間がかかります。

完了すると以下のように表示がされます。

 

これででも画面と同じ表示がされます。

あとはカスタマイズしていけばOKです。

基本的な使い方と設定

まずはメインとなる作品(ポートフォリオが表示されるページ)ページ部分の操作方法です。

 

この部分で表示されているカテゴリーや投稿記事はすべて管理画面の「Portfolios」から管理されています。

All Portfoliosすべての投稿されたポートフォリオ記事
Add New新規追加(ポートフォリオ記事)
Portfolio Categories上部で表示されているカテゴリー

 

管理画面にある通常投稿部分はブログ記事としての機能になります。

 

表示される場所はフッター部分に投稿されます。

 

ポートフォリオサイトにはブログ記事はほぼ必要ないのでこの部分は使用しません。

ポートフォリオ以外に情報を載せたい場合に使用しましょう。

不要な投稿を削除

「Portfolios」にあるDemo投稿は不要なので削除しておきます。

 

選択してゴミ箱に。

 

【必須】それぞれのリンクを自分のポートフォリオサイトのドメインにしておく

設定を変更しておくべき個所は「さらに表示」「BUTTON」「SNS」この部分のリンクがデモサイトのリンクになっているので変更します。

「さらに表示」部分の設定

「外観」⇒「カスタマイズ」をクリックします。

 

カスタマイズ中は編集できる箇所に鉛筆マークが表示されるのでクリックで編集したい個所を選択していきます。

ポートフォリオ下の「さらに表示」の鉛筆をクリック。

この部分は自分自身のドメインに変更します。

【自分のドメイン/portfolios/】のようにすれば「さらに表示」をクリックでポートフォリオがすべて表示されるようになります。

「BUTTON」部分の設定

CTA部分の鉛筆マークをクリック。

 

この部分のリンクもデモサイトリンクになっているので自分のサイトの表示させたいリンクなどに変更しておきましょう

 

CTA部分のリンクは投稿記事や投稿したポートフォリオの記事ページ下にもあるのでその部分も変更しておきましょう。

「SNS」部分の設定

 

フッター部分にあるSNSのリンクも変更、あるいは非表示にしておきましょう。

 

 

「一般設定」を選択。

 

 

「ソーシャルメディア設定」を選択。

 

リンクを変更するか「無効化」で非表示にします。

ポートフォリオサイトなので基本的にはSNSのリンクを入れなくてもOK。

 

エレガントなポートフォリオ

同じ開発者の「Elegant Portfolio」も同じ操作方法で使いやすくなっています。

好みな方を使用してみてください。

https://docs.rarathemes.com/docs/elegant-portfolio/theme-installation-and-activation/how-to-import-demo-content/

まとめ

ポートフォリオをWordpressで作成したい方はぜひ試してみてください。

【AdobeCC基礎マスター講座】

Adobe Creative Cloud(学生・教職員個人向けライセンスプログラム)を間36,346円(税込39,980円)で同時に全3ヶ月(動画閲覧 1ヶ月+課題作成 2ヶ月)基礎がしっかり学べるお得なパッケージプランです。

最新情報をチェックしよう!
>           チャンネル登録して応援お願いします。

           チャンネル登録して応援お願いします。

                  ご視聴と感想をお待ちしております。チャンネル登録・高評価もお願いします。