Droptables : テーブルの管理
1.記事またはコンポーネントからテーブルを管理する
Droptables場合、コンポーネント エントリが表示されます(メニュー コンポーネント > Droptables エディターに表示されるエディター ボタン。 Droptablesメインビューを開きます。
テーブルマネージャーのインターフェイスがエディターからライトボックスで開かれます。
エディターにテーブルを挿入する場合は、行の空白部分をクリックし、右下のボタン[このテーブルを挿入]を使用して記事に配置します。 ここから、テーブル名をクリックして、テーブルを挿入する前にテーブルを編集できます。
次に、テーブルが青いDroptablesアイコンで実体化されます。
2. テーブルとカテゴリの管理
テーブルはカテゴリに分類されています。 カテゴリ内にはテーブルを必要な数だけ含めることができます。 テーブル カテゴリを作成するには、左上隅にある作成] > [カテゴリ] 新しいテーブルを作成するには、 作成] > [テーブル] をクリックするだけです。
マウスを置くことでカテゴリを管理でき、名前を編集したり、テーブルをコピーまたは削除したりできます。
サブカテゴリを作成するには、カーソルを一番左のカテゴリタイトルに移動し、マウスを右または左にドラッグアンドドロップして、そのカテゴリのレベルを定義します。
ダッシュボードの右上部分で、テーブルの種類をフィルターしたり、名前でテーブルを検索したり、[構成] に移動したりできます。
3. テーブル編
テーブルにデータを追加するには、スプレッドシート内にいるかのように動作する必要があります。 セルをダブルクリックするとコンテンツを更新でき、シングルクリックで 1 つまたはいくつかのセルを選択できます (たとえばスタイルを適用できます)。
行または列を追加するには、右クリックしてオプションを選択します。
セルをコピーするには、CTRL + C / CTRL + Vを使用するか、マウスをセルの右下隅に置いて、目的の方向に移動します。
右クリック メニューから、ページをリロードしてからの最新の変更をすべて元に戻すことができます。 Droptables、セル コンテンツ エディションで行った変更のバックアップを保持し、それを復元できます。
4.アドバンストコンテンツ編
HTMLセル
各セル内に WYSIWYG エディタを使用して HTML コンテンツを追加できるようになりました。 セルを選択し、ツールバーの < > アイコンをクリックします。 これで、セルを編集すると、内部に HTML エディターが表示されます。 画像とHTMLが利用可能です。
セルを結合します
セルを結合することもできます。 2 つ以上のセルを選択して右クリックすると、メニューから結合が可能になります。 ツールバーのセルの結合アイコンを使用することもできます。
フロントエンドの列を非表示にする
フロントエンドでテーブルの列を非表示にするには、列ヘッダーを右クリックし、 [フロントエンドで列を非表示にする]オプションを選択します。 オプションの最後に緑色のチェックマークが表示されます。 最後に、ユーザーはフロントエンドでその列を見ることができません。 必要な数の列を非表示にすることができます。
この機能はデータベーステーブルでも利用できます。
5. Excel およびスプレッドシートのエクスポート
専用ツールを使用して、 Droptablesのスプレッドシートをエクスポートできます これは設定から有効にする必要があります: Droptables > Configuration > Main settings。
テーブルは Excel または Open Office からインポートできます。 フォーマットは自動的に検出され、インポートされます。 Excel の最初のページのみがインポートされることに注意してください。 エクスポートは Excel 2003 または 2007 形式で実行できます。
テーブル データのみ、またはテーブル データ + スタイルをインポートまたはエクスポートすることもできます。 インポート データのみは、インポート時にレイアウトを保持するのに非常に便利です。
6. ショートコード
セルのショートコード
ユーザーは、テーブル全体ではなく、ショートコードを使用して複数の行と列を挿入できます。 まず、挿入するセルを選択する必要があります。 次に、それを右クリックし、コンテキスト メニューで[セル挿入ショートコード]
ポップアップでオプションを選択したら、[コピー] アイコンをクリックします。 次に、ショートコードを投稿/ページに貼り付けることができます。
例: [Droptable id="1" download="1" align="none" range="1,1,4,4"]