ポートフォリオページを表示するには、高度に設定可能なWPBakeryポートフォリオショートコードを使用できます(図1)。
ポートフォリオ石積みとグリッド
ショートコード設定の最初の「一般」ボックスでは、表示する投稿を選択できます(図4)。
カテゴリに基づいて投稿を選択するか、すべての投稿を表示できます。このタブのその他の設定では、投稿フィードを構成できます。
- 石積みまたはグリッドモード。
- ローディング効果
- レイアウト(クラシック、ボトムオーバーラップ、サイドオーバーラップ)
- コンテンツの配置。
- 画像サイズ、パディング、アニメーション、ホバー。
- 仕切り
- 背景色とパディング
- 列設定。デバイスとブラウザの幅に応じて列数を指定できます。
- 応答性(単一列レイアウトに切り替えるタイミングを決定します)。
「プロジェクト」タブでは、訪問者がポートフォリオページで単一のプロジェクトをクリックしたときに開くリンクを指定できます。プロジェクト自体または「外部リンク」設定からのURL 。残りのオプションは、ポートフォリオページでのポートフォリオシングルポストの外観を定義します。
- 投稿タイトルのフォント、色、サイズ。
- メタ情報(投稿日、カテゴリなどを表示するかどうか)とその外観。
- テキスト、または言い換えれば、コンテンツの投稿-その量と外観。
- 「続きを読む」ボタンラベルとリンク/ボタンモード。
「アイコン」タブでは、次のことができます。
- 注目画像の上に「外部リンク」、「ズーム」、「プロジェクトページへのリンク」アイコンを表示するかどうかを決定します。
- 特定のアイコンを選択します。
- サイズ、色、背景、境界線を設定します。
ページネーションのさまざまなモードを有効にし、「ページネーションとカテゴリー」タブに表示するプロジェクトの数を調整することができます。ここでカテゴリフィルターを構成することもできます:降順/昇順、名前/日付順、フィルターボタンの外観。
ポートフォリオ両端揃え
このショートコードの設定は、「石工とグリッド」よりも少なくなっています。「一般」タブでは次のことができます。
- 表示するカテゴリを選択します(図7)。
- 表示する投稿の数を指定します。
- カテゴリフィルタを有効にします。
「外観」タブでは、以下を指定できます。
- アニメーション効果の読み込み。
- 行ターゲットの高さと画像間のギャップ。
- 特徴的な画像のプロポーション
- 埋めるのに十分な画像がない場合、最後の行を非表示にします(このような状況では、プロジェクトはこの行で引き伸ばされます。そのような効果が合わない場合、この行を非表示にできます)。
ここで決定することもできます:
- プロジェクトの説明を表示する方法:色付きの背景、暗いグラデーション、下部、または背景とアニメーション化されたラインの助けを借りる表現
- 適用するアニメーション効果。
- 画像ホバーの背景色を選択します。
- コンテンツの配置を適用します。
- プロジェクトのタイトル、抜粋、詳細/リンク/ズームアイコンのオン/オフを切り替えます。
最後に、「プロジェクトメタ」タブを使用して、プロジェクトメタ(日付、カテゴリ、作成者、コメント)を表示するかどうかを決定できます。
ポートフォリオカルーセル
ポートフォリオカルーセルの設定は、スクロールのオプションを除き、「ポートフォリオ 石積みとグリッド」とほぼ同じです。一度に1つのスライドをスクロールするか、表示されているすべてのスライドをスクロールします。さらに、矢印(図10)と箇条書きの設定:
- 有効化、無効化
- アイコン、色、背景、位置を選択します。
ページテンプレート
WPBakeryポートフォリオ要素に加えて、「ポートフォリオ-リスト」、「ポートフォリオ-石積み&グリッド」または「ポートフォリオ-両端揃え」テンプレートを使用することもできます。ただし、上記のショートコードよりも設定が少ないことを考慮してください。