【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

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

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

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



follow us in feedly








関連記事



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

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

関連記事

yourbrowser.is...

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

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

記事を読む

googlebot

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

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

記事を読む

【WordPress】効果的なping送信先一覧と設定方法

一昔前までは、ブログのアクセスアップにping送信が効果的といわれていましたが、現在ではその効果につ

記事を読む

ブロガー必須ツール 画像を一括でリサイズしてくれる「Bulk Resize Photos」

もうすでにいくつかのブログで紹介されているツールですが、ほんとうに便利だったので使ってみた感想を書い

記事を読む

違う、そうじゃない

Akismetプラグインを有効化したところスパムコメントが全く来なくなった件

8月の下旬にWordPressのスパム対策プラグイン「Akismet」を有効化し、 WordPre

記事を読む

【簡単・無料】 スマホのブラウザチェック用FireFoxアドオン「User Agent Switcher」

先日下記記事 蛍光灯が点きにくくなったらグローランプを交換しよう をリライトするときに使用した便

記事を読む

1周年記念アイコン

[いつかバズる日を夢見て] ブログリニューアルから1年で月6000PV・ユーザー数4000に到達。個人のブログとしては良い方じゃないでしょうか

おかげさまで本ブログ『役立つ情報.com』がリニューアル(※後述)して1年が経ちました。 これ

記事を読む

WordPress用アクセス解析設置プラグイン「Ultimate Google Analytics」

WordPressのプラグイン「Ultimate Google Analytics」は簡単にGAのア

記事を読む

Crayon Syntax Highlighter icon

WordPress記事内にソースコードを表示させるプラグイン [Crayon Syntax Highlighter]使用方法

Crayon Syntax Highlighterは、WordPress記事内にhtmlやcssなど

記事を読む

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

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

記事を読む

PC

Message

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

PC

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

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

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

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

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

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

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

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

ドラえもん in 3COINS
【3COINSとドラえもんがコラボ】 3COINS HEP FIVE店に限定グッズを買いに行ってきました

ドラえもんはもとより、藤子不二雄作品をこよなく愛するしんこー(

→もっと見る

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

  • follow us in feedly





    Macintosh ブログランキングへ

    ブログランキング・にほんブログ村へ

PAGE TOP ↑