WPテーマ「Perth」の設定で困ったこと③プロジェクトが表示されない！

先日、会社のホームページをリニューアルしました。Wordpressの「Perth」というテーマを選んだのですが、日本語のセットアップ情報が皆無で右往左往。そこで備忘録兼ねて、一連の困ったこと３点をまとめてみました。今回で最終回です。その他の２つは以下からどうぞ。

>>第１話「WordPressのテーマ「Perth」のセットアップで困ったこと①「サービスを入力してください」ってどこによ！」を読む

>>第２話「WPテーマ「Perth」の設定で困ったこと②アイコンが表示されない！」を読む

サービス（Service）のアイコンと内容も表示され、「Perth」のテーマで見せたいコンテンツがあらかたそろって、サイト構築も終盤戦です。

Perthのダッシュボードには、Service、Employees、Testimonials、Clients、Projects　の各項目があり、それぞれ順番に入力していきます。

ダッシュボードの「Project」の設定でつまづく。

ところが、Projectのところで、再びつまづいてしまいました。

フロントページは固定ページなので、まずPage Builderでフレームをつくります。そして「ウィジットを追加」をクリックして、Projectを表示させるためのウィジットを選ぶのかなと思ったら……、Projectのプの字もありません。

フレームをつくった後、タイトルの下にある「ウィジットを追加」をクリックして、ウィジットを探すも……。

追加のプラグインが必要だった！

Projectについて記事を書いても、それを表示させる場所をウィジットでつくっておかなければ、行き場がありません。
試しに、いろいろなウィジットを選んで「更新」してみましたが、やはりダメです。。。
せっかく書いたProjectの記事がトップページに反映されません。

むむむ！！！

ふたたび、Perthの記事の説明動画も見てみましたが、該当する記述がありません。
https://athemes.com/documentation/perth/#settings

ところが、動画と動画の間にある英文の記事を見たら、書いてありました。。。

Creating projects
You can create projects from your admin area (right next to services, employees). To display them you need to download and install this plugin. This plugin creates a shortcode that you can use to display a filterable masonry portfolio.
The shortcode:

 

へぼい抄訳

Projectsをつくる
Projectsは、ダッシュボードの画面でつくることができます（ServicesやEmployeesの並びにあります）。Projectsを表示させるには、このプラグインをダウンロード＆インストールする必要があります。このプラグインは、Projectの記事をレンガ状に配置し、フィルターも可能なショートコードを作成します。

このプラグインは「Perth Portfolio」といい、インストールしたのち、下記のコードを表示させたい場所に「テキスト」ウィジットをつくり、そこへ転記するだけでOKです。

[perth-masonry posts=”8″ show_all_text=”See all” post_type=”projects” filter=”yes” include=””]

例えば、先ほどと同じフロントページに表示させたいのであれば、固定ページ内に、Page Builderでフレームをつくり、テキストのウィジットを配置した上で、そのコードをペーストすればよいでしょう。

なお、ソースコードを書き換えることで、プロジェクトを表示する際のレイアウトを変更することも可能です。
また、Projectを投稿するときは、必ず画像を指定する必要があります。
というのも、次のような記述があるからです。

Please note: your posts need featured images in order to be displayed in the masonry layout. Only one instance of the shortcode should be used per page.

再びへぼい抄訳

ご注意：Projectの投稿には、レンガ状にレイアウトするため特色ある画像が必要です。ページごとにアイキャッチ画像を１つ使用する必要があります。

アイキャッチは、投稿画面の右下で設定できる。

とあり、レンガ状に画像を配置するには、投稿画面にて、アイキャッチ画像を設定する必要があります。

レンガ状に配置された「Project」。今回、会社のサービスを紹介する場所に使いました。

ということで、Wordpressのテーマ「Perth」を使ってサイト構築をした際、つまづいた部分を３回にわけてご紹介しました。

「Perth」を使ってサイトを構築しようという人にとって、お役に立てれば幸いです。