ブログ記事のデザインを編集する

ブログコーナー内の「template.detail」に設定したブログ連携用のブロックは、同じブログコーナー内のすべてのページに反映されます。

「template.detail」は編集用のページのため、サイトをアップロードしても非公開の状態です。

ページ名「template.detail」を変更すると、ブログテンプレートが認識されず、ブログの編集ができません。ページ名は変更されないようご注意ください。

ここでは、「template.detail」内のブログ連携用ブロックの背景色を変更し、同じブログコーナー内のすべてのブログページにする手順を案内します。

2018年9月のBiNDupリリース以降、BiND PressはBiNDpress2としてバージョンアップしました。
既存のBiND Pressをプロパティ設定で「BiND press2」に切り替えることで、新しい「BiND press2」をご利用いただけます。
詳しくは、こちらを参照してください。
本記事の内容はBiND press2でも同様です。また、新たに作成可能となった「リストページ」も同様に「template.list」を編集し、デザイン編集することが可能です。

「template.detail」ページを開く

デザインしたいブログコーナー内の「template.detail」を開きます。
ブログ記事のデザインを編集する

メインブロックを編集する

メインエリアのタグが組み込まれているブロックの〈編集〉をクリックします。
ブログ記事のデザインを編集する

ブロックエディタ画面が開きました。
ブログ記事のデザインを編集する
〈設定〉タブ、〈CSS〉タブでブロックの背景色などのデザインを行います。

〈編集〉タブは、ブログ記事連携用のタグが組み込まれているため基本的には編集できませんが、ブロックをエディタモードに切り替えることで編集することも可能です。タグを調整することで、ブログ記事のレイアウトなどを調整することができます。
高度な内容となるため、あらかじめサイトを複製するなど、バックアップデータをお取りください。

ブログ記事のデザインを編集する詳しくはこちらを参照してください。

ここでは、〈設定〉タブを選択し[1]、〈背景色〉にチェックを入れ[2]、その右隣のアイコンをクリックします[3]。
ブログ記事のデザインを編集する
カラーを選択し、〈OK〉をクリックします。
ブログ記事のデザインを編集する
〈適用〉をクリックし、ブロックエディタを閉じます。
ブログ記事のデザインを編集する
該当ブロックの背景色が設定されました。
ブログ記事のデザインを編集する
次に、右上のアイコンから〈サイト全体を再構築〉をクリックします。

ブログコーナーのデザインは、再構築することでコーナー内の全記事に反映されます。必ず再構築を行なっていただけますでしょうか。

ブログ記事のデザインを編集する
設定内容が、同じブログコーナー内のすべての記事表示部分に反映されました。
ブログ記事のデザインを編集する

ブログコーナーを追加した際、そのコーナー内の各ページはあらかじめ決められた横幅になっています。横幅を変更される場合は、ブログ内のページごとに横幅の編集を行ってください。