WordPressを使ってブログに表を掲載する際、WordPressの表機能は使いづらいためExcelで作成した表を貼り付ける方がとても楽です。

しかし、表が複雑な場合にそのまま貼り付けると枠が崩れたりします。

本記事では、そのような問題が生じた際の解決方法について紹介します。

発生した問題

以下のような表をExcelで作成しました。

210707_01

これを前処理なしで、直接Excelから貼り付けると以下のようになります。

ABC
DEF
GHI
JKL

何がおかしいかというと、3行目に配置されていたG, H, Iのセルが2行目に続いてしまっています。

D, E, Fが2行の連結で構成されているために問題が生じてしまったようです。

セルの連結をWordPressで正しく表示する方法について調べてみましたが、方法はなかなか難しいようです。

それならば、せめてG, H, Iを正しく3行目に配置したいと考えました。

問題の解決方法

この解決方法は非常に簡単です。

210707_02

1.作成した表を選択してコピーします。

210707_03

2.PowerPointへ貼り付けて、コピーします。

ABC
DEF
GHI
JKL

3.最後にWordPressへ貼り付ければ、先ほどのような枠崩れの問題は発生していません。

Excelで表を作成した際に修飾した罫線や中央揃えなどは、どれも反映されませんので、WordPressへ貼り付けた後に行う必要があります。

他の例

例1

以下の表を作成してみました。

210707_04

枠崩れの問題が発生した表では2行目と4行目が2行分の連結でしたが、この表では中央列が連結していません。

これをWordPressへ貼り付けてみると以下のようになります。

ABC
DEG
F
HIJ
KLN
M

枠崩れは発生しておらず、問題ありません。

例2

次は4行目の連結をなくしてみます。

ABC
DEG
F
HIJ
KLM

一見、問題がないように見えるのですが、4行目の下側の罫線が消えてしまっています。

この罫線の問題については「【WordPress】Excelの表を貼り付けた際に生じる罫線の不具合」をご参照ください。

【WordPress】Excelの表を貼り付けた際に生じる罫線の不具合

例3

次は4行目ではなく、2行目の連結をなくしてみます。

ABC
DEF
GHI
JKM
L

今度は最初に示した問題と結果が似ていますが、3行目が2行目より半行分だけ下がってしまっています。

以上のように連結を含めたほとんどの表は正しく表示されないようです。

本記事で示したようにせめて枠の配列だけでも維持したい場合にはPowerPointに貼り付けてからWordPressへ貼り付ける方法が有用であると考えます。

まとめ

  • Excelで作成したセル連結を含む複雑な表をWordPressへ直接貼り付けると枠崩れの問題が発生する
  • セル連結の問題を完全に解決できないが、ExcelからPowerPointへ貼り付け、画像にしてからWordPressへ貼り付けると良い。