【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

関連記事

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

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

記事を読む

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

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

記事を読む

Facebookビジネスアカウントでログインして「いいね!」を押したときに表示されるアイコンを変更する方法

Facebookビジネスアカウントにログインしている状態で、記事やFacebookページに「いいね!

記事を読む

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

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

記事を読む

【Chrome拡張機能】 スクリーンショットにぼかしを入れられるキャプチャーアドイン「Awesome Screenshot」

私は普段ブログ記事を書くときに画面のキャプチャー(スクリーンショット)を取り、そこにぼかしや文字を入

記事を読む

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

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

記事を読む

【便利ツール】 競合サイトを分析してくれる「SiteAlerts」

100SHIKIさんで紹介されていた便利ツール。試しに使ってみました。 「SiteAlerts

記事を読む

違う、そうじゃない

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

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

記事を読む

feedly_icon

今更だけどWordPress4.0にfeedlyのRSS登録用ボタンを設置してみた

基本めんどくさいことは後回しの男、transamです。 本当に今更ですが、当ブログにf

記事を読む

【めっちゃ簡単】YouTubeからMP3に変換するサイト

類似サイトもいくつか見ましたが、怪しい広告がペタペタ貼られていることが多かったです。 そんな中

記事を読む

PC

Message

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

PC

英語検定1級 アイコン
将来につながる資格、英検1級のレベルと試験内容、合格に向けた英語の勉強方法

英検(実用英語技能検定)は、1963年に始まったもっとも有名な

【英語学習法】 英検3級はTOEIC何点のレベル? 合格までの勉強方法をご紹介

東京オリンピックが開催予定の日本では、外国人旅行者の数が増加傾

ビットコイン アイコン
【仮想通貨】 ビットコインが流行ってるらしいけどよくわからないのでしくみを調べてみた

あけましておめでとうございます、しんこー(@yakudatsu

いしだ壱成
【クギズケ】 いしだ壱成離婚の原因のひとつとされる「7種類のドレッシング」がテレビ番組で明らかとなる

こんにちは、しんこー(@yakudatsujoho)です。

コナン ニヤけ アイコン
【名探偵コナン】 原作より先にアニメでネタバレした回3つ

今やサザエさん、ドラえもん、ポケモンなどと並んで国民的作品とな

→もっと見る

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

  • follow us in feedly





    Macintosh ブログランキングへ

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

PAGE TOP ↑