制作プラス

web制作や映像制作に関する知識のアウトプット

【BiND】ブログ機能がないテンプレートにBiNDプレス(ブログ)を設置する方法

【BiND】ブログ機能がないテンプレートにBiNDプレス(ブログ)を設置する方法

BiNDプレスはページ内に投稿型のブログページが作れる機能です。

テンプレートによってはデフォルトでついているものもありますが、今回はブログ機能が実装されていないテンプレートにBiNDプレスを設置する手順を紹介していきます。

スポンサー リンク

ブログコーナーを追加する

今回は❝CHISATO Plant❞のテンプレートを使って設置手順を紹介していきます。
テンプレートを選択し、サイトの編集画面左上にある、ブログコーナーを追加を選択

BiND(バインド) ブログコーナーの追加

コーナー名➡「新着情報」。ディレクトリ名は「blog」とでもしておきましょう。

BiND(バインド) コーナー名 ディレクトリ名

新着情報(ブログ)のページが追加されました↙
記事の投稿は鉛筆アイコンから。書いた記事は、template.detailのページにはきだされる流れとなっています。

BiND(バインド) 新着情報

ヘッダー、フッター等の共通部分を反映させる

ヘッダー、フッター、ビルボード(メインビジュアル)など、ページの共通部分に関しては、新規で追加されたブログ用テンプレート(template.detail)には反映されていない部分もあるため、必要なエリアやブロック素材を他ページからコピーして持ってきます。

BiND(バインド) ビルボードコピー

template.detailページにビルボード、、ページタイトル、フッターのエリアをコピぺしました↙

先程の鉛筆アイコンから投稿した記事が↙

BiNDプレス投稿

template.detaiのページに出るという流れですね↙(赤枠エリア)

BiNDプレス

記事一覧の表示エリアを作成

せっかく投稿した記事も、記事閲覧の入口がないとサイト訪問者を誘導できません。
topページの適当な箇所にブロックエリアを追加し、❝ブログ❞の中からお好みの表示形式を選択↙

BiND ブログ 記事インデックス

作成したブロックエディタの編集画面から❝インデックス❞を選択し、プラスのアイコンから作成したブログコーナーを選択、適用↙

BiND ブログ 記事インデックス

投稿した記事の一覧エリアが作成されました↙

BiND プレス 記事一覧

ちなみに、記事の表示件数や新着マークの設定はブロックエディタの下記画面から設定可能↙

BiNDプレス 記事設定

追加で記事を投稿すると↙

BiND プレス 投稿

記事一覧のブロックに投稿した記事が追加されていきます↙

BiND プレス 投稿一覧

まとめ

BiNDプレスには投稿記事をカテゴリ別に表示分けする機能はないようなので(2018年.5月現在)カテゴリ別に投稿内容を分けたい場合はブログコーナーを複数作成する必要があるようです。今後のアプデ内容に期待!

お試しあれ。

プロフィール

kazu
新潟県越後湯沢出身
WEBデザイン・映像制作の記事を中心に日々学んだ事を記事としてアウトプットしております。
web/映像/紙媒体/デザイン全般

コメントはこちら

*
*
* (公開されません)

CAPTCHA


スポンサーリンク
Return Top