キーワード検索

テクニカルサポートからの重要なお知らせ

ブログをデザインする

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

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

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

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

「template.detail」ページを開く

デザインしたいブログコーナー内の「template.detail」を開きます。 070407-01.jpg

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


メインエリアのタグが組み込まれているブロックの〈編集〉をクリックします。
070407-02.jpg
ブロックエディタ画面が開きました。
040704-04.jpg
〈設定〉タブ、〈CSS〉タブでブロックの背景色などのデザインを行います。

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

ここでは、〈設定〉タブを選択し[1]、〈背景色〉にチェックを入れ[2]、その右隣のアイコンをクリックします[3]。 040704-05.png

カラーを選択し、〈OK〉をクリックします。

040704-06.jpg

〈適用〉をクリックし、ブロックエディタを閉じます。

040704-07.jpg

該当ブロックの背景色が設定されました。

040704-08.jpg

次に、右上のアイコンから〈サイト全体を再構築〉をクリックします。

ブログコーナーのデザインは、再構築することで他のページに反映されます。

040704-09.jpg

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

04-07-03_10.PNG

ブログコーナーを追加した際、そのコーナー内の各ページはあらかじめ決められた横幅になっています。「template.detail」で横幅の変更を行った場合、各記事ページに適応されます。

© digitalstage Inc.