月別アーカイブ: 2016年7月

123_WordPressで表のセルに色を塗るには

WordPressのビジュアルエディタで作成した表のセルに色を塗る方法をご紹介します。

「セルに色を塗る」 = 「セルの背景の色を指定する 」ということになりますので、ボタンを探すときは「背景の色」で覚えておくとよいでしょう。

色を指定する方法はいくつかありますが、慣れないうちは「既定の色」から選ぶとよいでしょう。

それでは確認していきましょう。
023_001
今回も3×3の表を例に説明します。
まずは背景色を変更したいセルを選択し【テーブル】にマウスのカーソルを合わせます。

 

023_002
【セル】→【セルのプロパティ】をクリックします。

 

023_003
タブが最初は【一般】が選ばれた状態なので【詳細】をクリックします。

 

023_004
【背景色】の右に【■】があるのでクリックします。

 

023_005
パレットが出てくるので自分の好きな色をクリックで選びましょう。

 

023_006
選び終わったら【OK】をクリックします。

 

023_007
セルの背景色を変更することが出来ました。

いかがでしたか?

背景の色の指定はパレットで選ぶ以外にも「#000000」といった具合に、16進数で指定することも可能です。
色使いに慣れてきたらチャレンジをしてみてください。

セルに背景色を指定するだけで、表をグッと見やすくすることもできますが、むやみに色を塗ると逆に見づらくなるケースもありますので、注意が必要です。

122_WordPressで表のセル内の文字の配置を変更するには

WordPressのビジュアルエディタで表を作成すると文字の高さは全て「中央揃え」に設定されています。

常に中央に表示され見栄えが良いのですが、時には「上揃え」や「下揃え」にしたい時があります。

今回はセル内での文字列の配置を、縦方向に「上揃え」する方法をご紹介します。

それでは確認していきましょう。
022_001
今回は3×3の表を例に説明します。
まずは変更したいセルを選択し【テーブル】にマウスカーソルを合わせます。

 

022_002
【セル】→【セルのプロパティ】をクリックします。

 

022_003
【縦配置】が【なし】になっているのでクリックします。

 

022_004
ここで高さを調整することが出来るので今回は【上】をクリックします。

 

022_005
セル内の文字の高さを上揃えにすることが出来ました。

いかがでしたか?

この方法で編集をすれば、表の扱いはとても楽になるはずです。

今までなかなか表の作成に手が出しにくかった方も、ぜひこれを機にチャレンジしてみてください!

121_WordPressで表をドラッグ操作で調整するには

WordPressのビジュアルエディタで表の横幅と高さを変更する方法は「120_表の横幅と高さを変更するには」でご紹介しました。

ここでは出来るだけ簡単に表を扱うために、ドラッグ操作で表の横幅や高さを変更する方法をご紹介します。

それでは確認していきましょう。
019_002
今回も5×5の表を例に説明します。

 

021_001
表にカーソルを合わせ四隅にある【□】をドラッグで引っ張ります。
この時531×207となっているのが横幅と高さになります。

 

021_002
ドロップすることで横幅と高さが決まります。
納得がいかなければ何度でもドラッグ&ドロップで横幅と高さを変更しましょう。

いかがでしたか?

この方法で編集をすれば、表の扱いはとても楽になるはずです。

今までなかなか表の作成に手が出しにくかった方も、ぜひこれを機にチャレンジしてみてください!