カスタムテンプレートの使い方

はじめに

ここでは、ページを作成する際に活用する[カステムテンプレート]について以下4点の説明をしていきます。

1、カスタムテンプレートとは

2、カスタムテンプレートの種類

3、各カスタムテンプレートの使い方

4、ブロック名の使い方

1_5.pngカスタムテンプレートとは

カスタムテンプレートとは【ページ一覧】ブロック、【スライドショー】ブロックのレイアウトやデザインを、ページの目的に合った形に表示させるデザインテンプレート(CSS)です。

▲管理画面>サイトを表示>編集 にて、ブロックをクリックすると

カスタムテンプレートを確認することができます。


2_5.pngカスタムテンプレートの種類

[ページ一覧]ブロック、[スライドショー]ブロック毎に活用できるテンプレートは12種類あります。 (※Urbanテンプレートの使用を前提としています。)

【1】[ページ一覧ブロック]に適用されるカスタムテンプレート

(1)Header Category List

(2)SideBar Blog List

(3)Footer Blog List

(4)Main New Releace

(5)Footer Blog List Category

(6)Footer New Releace

(7)Sidebar New Releace

(8)Sidebar Blog List Category

(9)Blog List

(10)Header Accordion

【2】[スライドショー]ブロックに適用されるカスタムテンプレート

(11)Urban Slider

(12)Urban Panelslider


3_5.png各カスタムテンプレートの使い方

以下、各カスタムテンプレートの使い方を説明していきます。

(1)Header Category List

ヘッダー部分に[カテゴリー一覧]を表示させたい際に使うテンプレートです。

(2)SideBar Blog List

サイドバー部分に[ブログタイトルのリスト]を表示させたい時に使うテンプレートです。

(3)Footer Blog List

フッター部分に[ブログタイトルのリスト]を表示させたい時に使うテンプレートです。

(4)Main New Releace

メインの部分に[お知らせの一覧]を表示させたい時に使うテンプレートです。

(5)Footer Blog List Category

フッター部分に[ブログカテゴリーのリスト]を表示させたい時に使うテンプレートです。

(6)Footer New Releace

フッター部分に[お知らせの一覧]を表示させたいときに使うテンプレートです。

(7)Sidebar New Releace

サイドバー部分に[お知らせの一覧]を表示させたいときに使うテンプレートです。



(8)Sidebar Blog List Category

サイドバー部分に[ブログカテゴリーのリスト]を表示させたいときに使うテンプレートです。


(9)Blog List

メイン部分に[ブログ記事の一覧]を表示させたいときに使うテンプレートです。

(10)Header Accordion

スマートフォンでサイトを見た際、ハンバーガーメニューをクリック後、サイト上部にメニューが表示されるテンプレートです。


(11)Urban Slider

[スライドショー]ブロックにて、以下のようにスライドを表示させるテンプレートです。

(12)Urban Panelslider

[スライドショー]ブロックにて、以下のようにスライドを表示させるテンプレートです。

4_5.pngブロック名の使い方

ブロックに見出しを付けたい場合は、以下のように[カスタムテンプレート]の[ブロック名]から設定が可能です。

※ただし、“Header Category List”、“Header Accordion”といったヘッダー部分に適用されるカスタムテンプレートを除きます。


▲[カスタムテンプレート]の[ブロック名]に付けたい見出し名を記述します。



▲このようにブロックに見出しをつけることができます。



以上で説明を終わります。


関連記事