Title: Proteus スキンで、セクションを3列や4列で表示するには

メモ: ここではテーブルを使ってセクションを配置させる方法を解説していますが、Forum1196 を利用することで、もっと簡単にセクションの3列や4列の表示ができるようになります。



セクション設定の幅 [小] は、Mexico スキンでは動作しますが、Proteus スキンでは動作しません。

幅の設定

セクションを 3 列や 4 列で表示するには、記事の中にテーブルを作成して記事セクションを埋め込み、その記事をダッシュボードに表示するという方法があります。以下、その設定方法を解説します。



ダッシュボードに表示する記事の作成



1. テーブルの作成



新しい記事の作成画面を表示し、［テーブルの挿入］アイコンをクリックして「テーブルの挿入/編集」画面を表示します。列に 4、行に 3 を入力します。［更新］をクリックすると本文にテーブルが挿入されます。

テーブルの作成

2. セルの設定



挿入されたテーブルの左上 8 個のセルを 2 個ずつ結合し、4 個に減らします。

まず左上のセル内をクリックし、［テーブルの挿入/編集］アイコンの右横の下向きアイコンをクリックしてメニューを表示し、セル＞セルの結合 を選択します。

セルの結合

セルの結合ダイアログが表示されます。列に 2 を入力し、［更新］をクリックします。左上の 2 つのセルが結合されます。

セルを結合する

下図で赤色のついている 3 つのセルについても同様の操作をして、2×2 の 4 個に減らします。

セルの結合　→　セルの結合

3. 記事セクションの作成



［セクションの追加］リンクをクリックして、記事内に表示するセクションを作成・登録します。

セクションの作成

記事セクションの定義

セクション設定を済ませたら［OK］をクリックして画面を閉じます。

4. セクションの挿入



作成・登録したセクションをテーブルのセルに挿入します。

セクションを挿入するセルをクリックしてカーソルを移動させ、［ウィジェットの挿入/編集］アイコンをクリックします。表示されたウィジェットの一覧で［記事セクション］を選択します。

ウィジェットでセクションを埋め込む

ドロップダウンリストに作成・登録したセクションが表示されるので、挿入するセクションを選択し［OK］をクリックします。



同様に、残りのセルにも記事セクションのウィジェットを挿入します。



5. 記事の投稿



［送信］ボタンをクリックして記事を投稿してください。記事内のテーブルにセクションが表示されます。

記事の投稿

この記事の ID（上の画面は "サンプル790"）をメモします。

ダッシュボードに登録



セクション入りの記事（上記の "サンプル790"）をフロントページなどに丸ごと表示します。

表示するページによってセットアップの場所が異なります。



対応するセットアップの［内容 タブ］を表示し、次のようにセクションを設定します。



ダッシュボードの設定

設定が終わったら［適用］をクリックして設定を確定させます。これでセクションが指定した配置で表示されます。

ダッシュボード確認



Attachments:
1-1.png
1-2.png
1-2-2.png
1-2-3.png
1-2-4.png
1-3.png
1-3-2.png
1-4.png
1-4-2.png
1-4-3.png
1-5.png
2.png
2-2.png
setting.png
関連記事
親記事に追加されている (1)
FAQ2066: セクション設定ガイド
参照されている (3)
Download2369: ダッシュボード最大 4 セクション サポート プラグインFAQ2602: 高さの異なるセクションを組み合わせてダッシュボードをレイアウトするにはFAQ2066: セクション設定ガイド
Article: FAQ2161 (permalink)
Categories: :FAQ:セクション設定, :DocJp:FAQ, :DocJp:セクション設定
Date: 2012/04/20; 16時29分41秒 JST

Author Name: TeamPage サポート
Author ID: jpbo