Weeblyはデフォルトで表/テーブルを作成することはできません。
本記事では、Weebly上で表/テーブルを作成する方法をご紹介します。
作成例
まずは先に作成した表/テーブル(以降、テーブルで表記)の例を見てみましょう。こんな感じのテーブルが作れます。
シンプルですがスタイリッシュでなかなかカッコいいですね。
後で説明しますが、背景色など多少のカスタマイズはできます。
作成方法
それではさっそく作成方法に移りましょう。
SIMPLE TABLEのインストール
デフォルトではテーブルの作成ツールはありませんが、アプリの”SIMPLE TABLE”をインストールすることで、簡単に作成できるようになります。
アプリセンターから”SIMPLE TABLE”を探してインストールしましょう。アプリセンターへは、編集画面上部の「アプリ」からいけます。
”Simple Table”をクリックして、追加ボタンを押してインストールしましょう。
接続の確認をしてくるので”接続”をクリックしてください。完了画面に移ったら×を押して閉じてください。
テーブルの追加
インストールできたらテーブルを追加してみましょう。
左メニューのインストール済みのアプリに”SIMPLE TABLE”が追加されているので、それをドラッグアンドドロップしましょう。
すると4×3のテーブルが作成されます。
このテーブルをクリックすると設定画面が開くので設定を変えてみましょう。
各設定項目の意味は下表のとおりです。
分類 | 項目 | 設定値 | 説明 |
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進数で色指定 | テーブルの線の色を指定 |
後はテーブルの中身を修正すれば完成です。
後から行と列の追加はできますが、挿入することはできません。
データを挿入するには行(列)を追加した後に、1つずつズラしていくしかありません。後から挿入する必要がないように、事前にしっかりを準備しておきましょう。
以上です。お疲れ様でした!