【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

関連記事

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

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

記事を読む

Google Chromeから無料でFAX送信ができるGoogle Driveの拡張アプリ「HelloFax」を使ってみた

シロクグロースハックブログで紹介されていたツールですが、実際に使ってみて本当に簡単・便利だったのでご

記事を読む

yourbrowser.is...

相手のPC環境をメールで送ってくれるツール

WEB関連の仕事をしていると、自分のPCでは問題なく動作するのに、クライアントのPCではうまく動作し

記事を読む

wordpress アイコン

WordPressのfunctions.phpがある場所について

WordPressをカスタマイズする際『functions.phpに追記』することがよくあるかと思い

記事を読む

Google AdSense icon

AdSenseのアカウントを別のGoogleアカウントに移行してみた

本ブログではGoogle AdSense広告を掲載しております。 今回、一番最初にAdSenseの

記事を読む

Google Analytics簡易結果表示プラグイン「G Analytics」の設定方法と使い方

Google Analytics(GA)は非常に便利なアクセス解析ツールですが、当然のことながら管理

記事を読む

googlebot

【Fetch as Google】修正したwebページをGoogleに再クロール依頼する方法(16/05/27追記)

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

記事を読む

blockquote icon

【WordPress】 STINGER3のblockquote(引用タグ)の背景を変えてみた

ブログで記事を書くときによそのページの本文やニュース記事の一部を引用することがあります。その場合はb

記事を読む

wordpress アイコン

【WordPress・備忘録】 記事内の文字の色や大きさを変えるときに使うタグをまとめました

こんにちは、しんこー(@yakudatsujoho)です。 このブログがWordPressで構築さ

記事を読む

WordPressにTwitterのフォローボタンを設置する方法

本当に今更ですが、Twitterを始めることにしました。 ブログ記事はもちろんのこと「かゆいところ

記事を読む

PC

Message

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

PC

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

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

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

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

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

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

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

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

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

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

→もっと見る

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