リッチテキストパーツでは表(表組み)を作ることができます。
「表組み」とは、ferret Oneでのページ(リッチテキストパーツ)、ブログのセクションメニューの「表組み」で使用することができる機能です。
ブログ内での表の作成方法については、関連するヘルプページからご参照ください。
このページでは、表の編集について、動画でご説明いたします。
新規作成は表のプロパティで、行や列を指定し生成できます。
設置後の編集は右クリックでメニューを開き、編集することができます。
※表の設置後は、スマートフォンでの表示もご確認ください
目次
表を設置する方法
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
表を小さくしたい場合
①表を右クリックします
②「表のプロパティ」を開き、「幅」の数値を変更することで表を小さくすることができます
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
表の枠線を消したい場合
①表を右クリックします
②「表のプロパティ」を開き、「高度な設定」を選択します
➂「スタイル」に「border:none;」を入力することで、外枠を消すことができます
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
※一部のお客様には、カスタムCSSで表に枠線がつくように設定されている影響で「border:none;」で外枠を消すことができないことがあります。その場合は、「セルのプロパティ」の「ボーターカラー」より線の色を背景色と揃える方法で外枠を消す方法をお試しください。
表の枠線を調整したい場合
①表を右クリックします
②「表のプロパティ」を開き、「高度な設定」を選択します
➂「スタイル」に「border: solid 5px #0000ff;」を入力することで、外枠の太さと色が調整できます
・5px、の部分を変更すると線の太さが変わります
・#0000ff、の部分にカラーコードを入力すると、罫線の色が変わります
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
表の内枠を消したい場合
①対象セルや行、列を選択し、右クリックします
②「セル」選択し「セルのプロパティ」を開きます
➂「ボーダーカラー」より「色の選択」をクリックし、背景色と同じ色を選択することで、
内枠を消すことができます
※動画は背景色白に合わせてボーダーカラーも白にした場合の操作になります。
小さくした表を中央寄せにしたい場合
①表を右クリックします
②「表のプロパティ」を開き、「高度な設定」を選択します
③「スタイル」に「margin:auto;」を入力することで、該当の表を中央に寄せることができます
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
小さくした表を右寄せにしたい場合
①表を右クリックします
②「表のプロパティ」を開き、「高度な設定」を選択します
③「スタイル」に「margin:auto 0 auto auto;」を入力することで、該当の表を右に寄せることができます
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
セルの幅を調整したい場合
①セルを右クリックします
②「セルのプロパティ」を開き、幅の値を設定すると調整できます
③「OK」を押して完了です
※大きさが替わらない場合は、CSS以外にセルのプロパティで個別設定されている可能性があります
※セルの幅は縦のセルいずれかに設定すれば反映されますが、縦のセルに複数のサイズが設定されていた場合、ピクセルの場合は、一番大きいサイズが優先されます。また、優先順位は、「% > ピクセル」となります。
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
セルの背景色を変更したい場合
①セルを右クリックします
②「セルのプロパティ」を開き、背景色を選択します
セルの線の色を変更したい場合
①セルを右クリックします
②「セルのプロパティ」を開き、ボーダーカラーを選択します
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
セルの結合または分割をしたい場合
①結合したいセルを選択し、表を右クリックします
②セル>セルを結合(もしくは分割)を選択します
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
行の追加/列の追加をしたい場合
①表を右クリックします
②「行を上に挿入」/「行を下に挿入」をクリックします
「列を右に挿入」/「列を左に挿入」をクリックします
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
行の削除/列の削除をしたい場合
①表を右クリックします
②「行を削除」をクリックします
「列を削除」をクリックします
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
モバイル表示で表を横スクロールにしたい場合
①表を右クリックします
②「表のプロパティ」を開き、「ヘッダ (th)」から「両方」選択します
画像をクリックして拡大表示することができます
※動画は旧契約画面になります
<表示例>
関連するヘルプページ
- リッチテキストパーツのその他の機能についてはこちら
>【機能詳細】ページ編集(LP編集)/デザインパーツ リッチテキストパーツ
- ブログ内での表の作成方法はこちら
>ブログ/項目を追加する方法「表組み」