【STINGER3】 Excel to HTMLでテーブルがきれいに表示されるようcssを編集してみた

公開日: : 最終更新日:2016/03/22 WEBツール, WordPress

先日下記の記事をリライトしました。
蛍光灯が点きにくくなったらグローランプを交換しよう

その際、一部を表組みに変更したのですが(下記)、
点灯管 適合表
Excel to HTMLというツールを使用しました。参考にさせて頂いたのは鈴木こあらさんの記事です。

Excel to HTML

ただ、本ブログのテンプレート、STINGER3ではデフォルトできれいに表示されなかったので、cssを一部修正しました。その方法をご紹介します。

STINGER3でテーブルがきれいに表示されるようにcssを編集する

PC用のcss「style.css」とスマホ用のcss「smart.css」の2つを修正します。

まずはPC用の「style.css」の1214行目あたりを以下のように書き換えます。
※作業前に必ずバックアップを取るようにしてください。

これでPC用はOK。
続いてスマホ用の「smart.css」の55行目を以下のように変更。

そして最下部に以下の記述を追記してください。

これでテーブルがきれいに表示されるようになりました。
スマホ画面ですがご覧ください。

■ビフォー
STINGER3 テーブル デフォルト

■アフター
STINGER3 テーブル カスタマイズ

余談ですが、エクセルからテーブル表記のhtmlに書き換えるツールはほかにもいろいろあるようです。
ブログへの表挿入に。エクセル表からHTMLテーブルを作ってくれるツールが便利すぎる

PC

最後までお読みいただきありがとうございます。

お手数でなければ記事のご紹介をしていただけると嬉しいです。

ブログの情報はこちらでも配信しています。



関連記事



個人的に撮影した写真を公開しています。

旅行先や街中で気になったものを撮影・公開しています。
ダウンロード無料、商用利用OKです。写真AC

関連記事

ドラッグするだけ! Word/Excel/パワポファイルをPDFに変換できるWEBサービス

見積書や提案資料などをクライアントに送る際、互換性の高いPDF形式にされている方も多いと思います。

記事を読む

【WordPress】 データベース バックアップ用プラグイン「WP-DBManager」使用方法

WordPressで使用するデータベースを簡単にバックアップしてくれるプラグイン「WP-DBMana

記事を読む

Google Analyticsでサイト内検索キーワードを確認する方法

こんにちは、しんこー(@yakudatsujoho)です。 サイトの規模に限らずサイト内検索機能が

記事を読む

facebookページのURLを変えてみた

facebookページを作成してちょうど1年ぐらいになりますが、いい加減デフォルトの長ったらしいUR

記事を読む

GoogleアカウントはそのままでGoogle+のみ退会する方法

Googleで自分の名前を検索するとGoogle+の登録内容と写真が出てきます。 SNS内であれば

記事を読む

WordPressに大量のコメントスパムが届くのでAkismetプラグインを有効化してみた

ブログを開設してから9ヶ月が経過し、更新頻度は低いもののおかげさまで少しずつアクセスも伸びてきま

記事を読む

wp_upgrade_icon

WordPressを最新のバージョンに更新(アップグレード)する方法

WordPressはセキュリティの改善などの理由から、高頻度でバージョンアップが行われていま

記事を読む

明日まで、セキュリティ診断完了でGoogle Driveの容量が無料で2GBアップ中

2月9日の「Safer Internet Day 2016(インターネット安心デー2016)」にちな

記事を読む

【会員登録・インストール不要】PDFのロック解除ができるwebサービス「crackmyPDF」

WEB上にアップされているPDF文書には元データ保護の為、パスワードが掛けられていることがあります。

記事を読む

いいね アイコン

FacebookビジネスアカウントでFacebookページを開設しました。

事後報告になりますが、1/10にFacebookページを開設しました。 ◆役立つ情報.com

記事を読む

PC

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PC

キャンパスライフ
採用担当者からアドバイス、楽しい大学生活を送るために必要な11のこと

こんにちは、しんこー(@yakudatsujoho)と申します

社会人になった今だから断言できる、大学生におすすめのアルバイト12選

こんにちは、社会人○○目のしんこー(@yakudatsujoh

もしもし ポリスメン
【最大報酬10万円】 身バレもなく安心、警察への匿名タレコミができる「匿名通報ダイヤル」

犯罪もしくは犯罪の可能性がありそうなシーンに出くわしたが、逆恨みが怖く

公的保障 アイコン
【公的保障】 取りっぱぐれは大損! 届け出をするだけでもらえるお金

自治体によっては届け出だけでもらえるお見舞い金や支援金などが存

【情報流出リスク】 フラグを立てられたら終わり? プライバシーを守るためには「物理的破壊」をするしかない

LINE流出はまさに新時代的事件 一昨年1月に「まだやるか!

→もっと見る

  • 名前:しんこー
    仕事:WEB関連の仕事を10年ほど。デザインからコーディング、SEOなど幅広く手掛けている為、社内では「何やってる人?」と思われている。俺にもわからん。
PAGE TOP ↑