【Weebly】表/テーブルの作成方法

Weeblyはデフォルトで表/テーブルを作成することはできません。

本記事では、Weebly上で表/テーブルを作成する方法をご紹介します。

 

作成例

まずは先に作成した表/テーブル(以降、テーブルで表記)の例を見てみましょう。こんな感じのテーブルが作れます。

 

Weebleのテーブル例

 

シンプルですがスタイリッシュでなかなかカッコいいですね。

後で説明しますが、背景色など多少のカスタマイズはできます。

 

作成方法

それではさっそく作成方法に移りましょう。

 

SIMPLE TABLEのインストール

デフォルトではテーブルの作成ツールはありませんが、アプリの”SIMPLE TABLE”をインストールすることで、簡単に作成できるようになります。

 

アプリセンターから”SIMPLE TABLE”を探してインストールしましょう。アプリセンターへは、編集画面上部の「アプリ」からいけます。

 

WeeblyアプリセンターのSIMPLE TABLEの

 

”Simple Table”をクリックして、追加ボタンを押してインストールしましょう。

 

WeeblyのSIMPLE TABLEの追加

 

接続の確認をしてくるので”接続”をクリックしてください。完了画面に移ったら×を押して閉じてください。

 

WeebleのSIMPLE TABLEと接続

 

テーブルの追加

インストールできたらテーブルを追加してみましょう。

左メニューのインストール済みのアプリに”SIMPLE TABLE”が追加されているので、それをドラッグアンドドロップしましょう。

 

テーブルの追加

テーブルの初期状態

 

すると4×3のテーブルが作成されます。

このテーブルをクリックすると設定画面が開くので設定を変えてみましょう。

 

SIMPLE TABLEの設定画面

 

各設定項目の意味は下表のとおりです。

 

分類 項目 設定値 説明
SETTINGS Columns 行数 テーブルの列(横)数を指定
  Rows 列数 テーブルの行(縦)数を指定
  Style

Basic

Title on top

Title on side

タイトルの位置を指定

Basic:なし

Title on top:上部

Title on side:左側

  Align

Left

Center

Right

文字の位置を指定
ADVANCED Title Background 16進数で色指定 タイトルの背景色を指定
  Content Background 16進数で色指定 テーブルの背景色を指定
  Border color 16進数で色指定 テーブルの線の色を指定

 

後はテーブルの中身を修正すれば完成です。

 

Weebleのテーブル例

 

 

後から行と列の追加はできますが、挿入することはできません。

データを挿入するには行(列)を追加した後に、1つずつズラしていくしかありません。後から挿入する必要がないように、事前にしっかりを準備しておきましょう。

 

 

以上です。お疲れ様でした!