Wordでテーブルを作り、セル内に斜めの罫線を引く方法 

列項目と行項目の表題を一つのセルに斜線で分けて表示

セル内に斜線を引く方法はいくつかありますが、売り上げ表などの計算が必要なときは、「Excel」で作ると自動的に合計してくれるので楽です。

 

一番簡単なのはパワーポイントで作るのが簡単だが、ブログに貼る場合はキャプチャーして「画像」として貼らないとブログに貼ることはできません。

 

そこで、今回はワード(Word)で表を作る方法を紹介したい。

 

これはWordPressの機能拡張をして、TinyMCE Advancedというプラグインが入っていれば、「テーブル(表)」表を作ることができますが、斜線を引くことはできません。

 

Wordの表でセルに斜線を引く方法

WordPressの機能拡張をしてTinyMCE Advancedというプラグインが入っていれば、それで作れば問題ないのですが、行と列のタイトルに「斜めの罫線を引」いてタイトルを入れる場合それができません。

 

もし入ってない場合は新規プラグイン→TinyMCE Advancedと打って探してください。スグインストールできます。

 

TinyMCE Advanced

 

 

テーブル(表)の作り方

最初に Microsoft Wordを開きます。持ってない場合はフリーのoffice Wordでも問題ないです。

 

新規から→白紙の文章をダブルタップします。

スクリーンショット 2019 06 23 10 55 11

新規から白紙が開いたら・・・挿入をタップします。

スクリーンショット 2019 06 23 10 55 32

ほしい数のボックスを選びタップします。

スクリーンショット 2019 06 23 10 55 53

ほしい数のテーブルが表示されます。自分がほしいデザインの「テーブルカラー」を選びます。僕はグレーを選びました。

 

スクリーンショット 2019 06 23 10 56 43

まずは先にタイトルなど入れたい文字を先に入れます。

 

予め罫線を入れたいセルは、文字を入れて改行して入れときます。Wordの場合「セル」内で簡単に改行ができるので作成しやすいです。

 

入れたら、斜めの罫線を引きたい「セル」を選択し、右上の「罫線」をタップして斜めの罫線を選びます。

 

あとは文字の位置をスペースキーで、スペース入れて任意の位置に収めます。

スクリーンショット 2019 06 23 11 00 59

その後、文字の位置や大きさを変えて見やすくレアウとします。

スクリーンショット 2019 06 23 11 02 01

文字を大きくすることでセルの高さが自動で変更します。

スクリーンショット 2019 06 23 11 01 30

レアウトができましたら、「罫線」のところをタップしてその中の「田んぼ枠」をタップしその後外枠もタップして入れます。各ボックスに枠が付いたところで完成です。

 

スクリーンショット 2019 06 23 11 03 02

 

WordPressのブログに貼り付ける方法

作成した表を全選択して、ファイルより→名前を付けて保存をタップします。

スクリーンショット 2019 06 23 11 03 21

名前を付けて→保存場所を指定→ファイル形式をタップし→Webページ(htm)」を選びます。

スクリーンショット 2019 06 23 18 07 49

Webページ(htm)を選んだら→保存をタップします。

 

Webページに貼り付けます。

まずは「CotEditor(コードエディター)」を使います。

 

「CotEditor(コードエディター)とは・・・?
パソコン上でメモやプログラムを書くことのできるソフトです。基本的には無料のソフトが多く、Windowsでは「メモ帳」、Macでは「テキストエディット」という名前のアプリケーションがデフォルトで入っているかと思います。

 

僕は、CotEditor(コードエディター)が使いやすく、気に入っています。フォントや色なども自分好みに合わせることができるので、プログラミングをする人は、専用のテキストエディタをインストールすることをおすすめします。

情報ダウンロードサイト

 

 

スクリーンショット 2019 06 23 18 19 08

 

CotEditorを開いたら、シンタックスを「Plain text」になっているか確認します。

 

ファイルより→開くをタップし、先程保存した「デスクトップ」より「htmファイル」を選択し開きます。

 

スクリーンショット 2019 06 23 11 05 16

ファイルを開くと「html」で表示されます。これをコピー&ペーストします。

スクリーンショット 2019 06 23 11 05 52

 

WordPressのブログ投稿画面に行き貼り付けます。

WordPressのブログ投稿画面の任意のページに「テキスト」表示にして、貼り付けます。貼り付けたら、下書きとして保存をタップします。

スクリーンショット 2019 06 23 11 17 19

ビジュアル表示にして確かめます。すると、斜めの罫線が消えています。これは、Excel、Word、PowerPoint、にしても「斜めの罫線」は消えます。

スクリーンショット 2019 06 23 11 17 53

ですの、作った表は、「キャプチャーして画像」として処理してWordPressのブログ投稿画面に貼り付ければ、斜めの罫線が残ります。

 

その他の方法

「斜めの罫線を引」きたいところのセルだけキャプチャー画像として・・・Skitch等で「斜めの罫線を引」きその部分だけ画像を貼り付けます。

スクリーンショット 2019 06 23 11 17 53 1

Skitch等で「斜めの罫線を引」きます。

スクリーンショット 2019 06 23 18 17 38

 

このテーブル作成の利点は・・・?

その他の部分に、商品紹介などの時にリンクを貼ることができます。またビジュアルのテーブル設定を使って後で編集することができます。

スクリーンショット 2019 06 23 19 04 25

まとめ

Wordで、「テーブル表を作る、斜めの罫線を引く」 方法を説明しましたが・・・・・Excel、Word、PowerPoint、で作成しても結果的に、WordPressのブログ投稿画面では「斜めの罫」は表示できません。

 

表示したい場合は作成した「テーブル(表)」を画像として貼り付ければ「斜めの罫」は残ります。Excelで表を作るときには計算に強いということが利点と言えます。

 

PowerPointで作成した場合は、作るのに色々なテーブルが揃っていますので、作りやすと言えますが、あくまでプレゼン様に使用するか、画像として貼り付ける場合は良いと思います。

 

Wordでの作成を紹介したのは、WordPressのブログ投稿画面のTinyMCE Advancedというプラグインの中にテーブル作成が入っているので、作成方法が似ているてんと、編集もできる利点があります。

 

また、テーブルカラー見本も多くあり「行」を多くする表などは白、グレーなど行ごとに色分けして、見やすくするのが、簡単にできるところです。

 

いずれにしても・・・TinyMCE Advancedというプラグインのテーブルで、後から編集することもできるので便利です。

TinyMCE Advancedプラグインをインストール

TinyMCE Advanced

 

 

 

スポンサーリンク

この記事を読んだなら、以下記事もおすすめ!

   

ー 商品 リンク ー

健康に良い食材商品リンク
完全無欠朝食バター コーヒーで使用 健康に良い 食用油オイル 体に良いハチミツ 食品に関する 書籍
HARIO (ハリオ) ハリオール ブライト コーヒー & ティー フレンチ プレス 4杯用 THJ-4SV

バージンココナッツ オイル

マヌカハニーMGO400+ 500g ジョコビッチの生まれ変わる食事
HARIO (ハリオ) ミルク 泡立て器 クリーマーゼット CZ-1  ブラウンシュガーファースト 有機エキストラバージンココナッツオイル  マヌカハニー バイオアクティブ 20+(UMF20+) 500g マヌカドクター【海外直送】 (1個) [並行輸入品] シリコンバレー式 最強の食事
業務用5kg フォンテラ社グラスフェッドバター バージン オリーブオイル エキストラバージン オリーブオイル 酸度0.3%以下 250ml ココナッツ癒しパワー 健康で、美く
ニュージランド産 グラスフェットバター無塩1kg 冷凍 安全ですばらしい 亜麻仁油 フジッコ カスピ海 ヨーグルト 「腸の力」であなたは変わる: 一生病気にならない、脳と体が強くなる食事法 (単行本)
ギー・イージー 100g  MCTオイル グルテンフリー食品 はじめてのオーガニック手帖
コーヒー豆 プレミアムブレンド 100g レインフォレスト  ココナッツオイル100% ココヤシの泉 ナチュレオ 912g 【生活科学研究会】 オーガニック ココナッツ&ギー(グラスフェッドバター)325ml混ぜるだけでバターコーヒー(完全無欠コーヒー)にEU有機認証 

からだの中から若返るグリーンスムージー健康法

携帯出来る MCTオイル (20g×10包)  グルテンフリーパン 

あなたは半年前に食べたものでできている 実践編

 マウントハーゲン オーガニック フェアトレード インスタントコーヒー100g 携帯用日本製粉 アマニ油 ミニパック 5g 30袋  グルテンフリーパスタ