個人用ツール
表示

Table

出典: Jimdo Help

「表」機能を利用すると、サイト上に表を追加できます。

Contents

表を追加するには

  1. 設置したいページ上で、+ボタン(新項目を追加)をクリックし「表」項目をクリックします。
  2. ページ上に、サンプルとなる表が設置されます。
  3. 文章は直接セル(マス目)をクリックして入力します。行や列の追加、色の変更等は、上部に並ぶアイコンから行ってください(下記参照)。
  4. 作業が終わったら[保存]ボタンをクリックします。




表の編集画面(アイコン)について

「表」の編集画面の上部には、表機能で利用できるアイコンが並んでいます。各アイコンの機能は以下のとおりです。

アイコンの色が薄くなって押せないときや、クリックしても何も変化がないときは、まず表のどこかをクリックしたり、文字を選択してみてください。



1) 文字列を選択し、アイコンをクリックすると、太字になります。
2) 文字列を選択し、アイコンをクリックすると、斜体になります。
3) 左のアイコンから順に、文字列の左揃え、中央揃え、右揃え、均等割り付けを行います。
4) 複数行の文字列を選択してアイコンをクリックすると、マークが先頭に挿入され箇条書きになります。
5) 複数行の文字列を選択してアイコンをクリックすると、行の先頭に連番の数字が挿入されます。
6) 左のアイコンから順に、インデント(字下げ)の解除/インデント(字下げ)の挿入を行います。
7) 文字色が変更できます。
8) リンクを設定するときに使います。鎖が離れたアイコンをクリックすると設定済みのリンクが解除されます。

リンクの設定方法:

  1. リンクを設定したい文字列(「続きはこちら」等)やURLなどをドラッグして選択します。
  2. アイコンをクリックします。
  3. リンク先(ジャンプ先)を指定します。
    • 「内部リンク」・・・サイト内の別ページをリンク先に指定するときに使います。
    • 「ブログリンク」・・・サイト内のブログの記事をリンク先に指定するときに使います。
    • 「外部リンクまたはメールアドレス」・・・自分のサイト以外のサイトをリンク先として指定するときに使います。また、メールアドレスを設定すると、リンクの文字をクリックしたときにパソコン内のメールソフトが起動し、送信先に入力したメールアドレスがセットされます。
  4. 「保存」をクリックします。

9) テキストとして貼り付けるときに使います。たとえばWordで作成した文章をコピーする場合、元の書式を引き継ぐと不具合が発生しますので、こちらをクリックしてペーストします。
10) 文字を選択してクリックすると、文字列に設定した色やフォントが解除されます。
11) 左のアイコンから、1つ前に行った操作が元に戻ります。元に戻す操作をやり直します。
12) 表のHTML(ソースコード)が表示されます。直接ソースコードを編集したいときに使います。

13) 新規の表が挿入されます。また、既にある表全体を選択してクリックすると、表全体の設定画面が表示されます。
14) 行のプロパティが表示されます。
15) セルのプロパティが表示されます。
16) 上に行が挿入されます。
17) 下に行が挿入されます。
18) 行をクリックし、アイコンをクリックすると、行が削除されます。
19) 左側に列が挿入されます。
20) 右側に列が挿入されます。
21) 列をクリックし、アイコンをクリックすると、列が削除されます。
22) 結合したセルを元に戻します。
23) 結合させたいセルを反転させてからクリックすると、セルが結合されます。



表の罫線に色をつけたい

Jimdoの表は、挿入した最初の状態では罫線に色がついていません。 表に罫線を付ける方法は以下の手順です。

  1. 表の編集画面の上部にある「表を挿入」アイコンをクリックします。
    画像:jp_table01_1.PNG
  2. [表の挿入/編集画面]が表示されます。
  3. [一般]タブにある[枠線]欄で1以上を入力します。
  4. [上級者向け]タブをクリックし、「セル枠線」欄で「上下左右(border)」、「セルの枠線」欄で「全て」、「枠線の色」欄でお好きな色を設定します。
  5. [更新]ボタンをクリックします。
  6. 表を保存します。




セルに色をつけたい

  1. 表の編集画面を表示します。
  2. 色を変更したいセルをクリックします。複数のセルに対してまとめて変更するときは、変更したいセルをすべてドラッグして選択(色を反転)してください。
    例)1行目の3つのセルを選択している状態
    画像:jp_table06.PNG
  3. 編集画面上部にある[セルのプロパティ]アイコンをクリックします。
    画像:jp_table05.PNG
  4. [上級者向け]のタブをクリックします。
  5. [背景色]の右にある■(参照)をクリックします。
    画像:jp_table04.png
  6. 表示された画面(カラーピッカー、パレット、既定色から選べるのでタブで切り替えてください)で色を指定し、[適用]をクリックします。
  7. [更新]ボタンをクリックすると、色が反映されます。画像:jp_table07.PNG
  8. 表を保存します。




表全体の横幅を調整したい 

  1. 表をクリックしたあと、「表を挿入」アイコンをクリックします。
    画像:jp_table01_1.PNG
  2. [幅]で、設定したい幅を入力します。
  3. [更新]をクリックします。
  4. 表を保存します。




列の幅を調整したい 

1つのセルに多くの文字を入力すると、自動的にセルの横幅が広がります。ほかのセルの横幅と合わせたい場合は、入力を行ったあと調整を行ってください。

  1. 調整したい列を選択します。複数の列をまとめて同じ幅にしたいときは、変更したい列をすべてドラッグして選択(色を反転)してください。
  2. 編集画面上部にある[セルのプロパティ]アイコンをクリックします。
    画像:jp_table05.PNG
  3. [幅]で、設定したい幅を入力します。
  4. [更新]をクリックします。
  5. 表を保存します。




表に画像を挿入したい

Jimdoの表機能には、画像をアップロードする機能がございません。

  • 画像を横に並べて掲載したいときは、+ボタン(新項目)から「フォトギャラリー」の項目を選択し、写真を掲載してください。または、+ボタン(新項目)から「カラム」項目を使うと、文章と写真を並べての掲載が可能となります。
    参考:カラム機能に関するお知らせ

  • 表の[HTML]アイコンをクリックし、ソースコードを直接編集することにより、画像URLの直接指定は可能です。その場合、参照される画像ファイルは、Jimdo外のフォトストレージサービス等をご利用いただき、そちらにアップロードした画像ファイルのURLを参照してください。Jimdoの「写真」や「写真付き文章」項目でアップロードされた画像URLは変動しますので、直接参照するとリンク切れが発生する可能性があります。




表機能を使ってカレンダーを作るには

ここではカレンダーの作成方法を例に説明します。
完成例)

  1. ページ上に+ボタン(新項目を追加)をクリックし[表]項目をクリックして表を追加します。
  2. [行を下に挿入]アイコンを使って行を増やし、[列を右に追加]アイコンを使って列を増やします。
    画像:jp_table_cal000.png
  3. 1行目のセルをドラッグしてすべて選択し、[セルを結合]アイコンをクリックして1つのセルにします。
    画像:jp_table_cal001.png
  4. 1行目のセルをクリックして、[セルのプロパティ]で背景に色をつけます。
    画像:jp_table_cal003.png
  5. 数字や文字を入力し、文字を中央揃えや太字にして整えます。
  6. 「表を挿入」アイコン、[セルのプロパティ]アイコンから表とセルのすべての罫線に色をつけます。
  7. 表を保存します。