『テーブルプレスで東京23区を作ってみた』というブログの説明画像です。

テーブルプレスで東京23区地図を作ってみた

Last Updated on 2022年1月09日 by webassistant

以前に書いた記事で未だに閲覧数1位になっている記事が「テーブルプレスで日本地図を作ってみた」です。
折角なので、第二弾として23区を作ってみました。

テーブルプレスは万能!

練馬区板橋区北区足立区
豊島区文京区荒川区葛飾区
杉並区中野区新宿区千代田区台東区墨田区江戸川区
世田谷区渋谷区港区中央区江東区
目黒区品川区
大田区

これはテーブルプレスです。
画像ではありません。

解説します

どうでしょうか?
CSSで色付けします。

.tablepress-id-*1 .row-*2 .column-*3 {
background-color: #*4 !important;
}

*1は、テーブルプレスの番号
*2は行数。上から何行目か、数字を入れます。
*3は列数。左から数えて何列目か数字を入れます。
*4は色番号です。

テーブルプレス 応用編

当社がある品川区のrow-5、column-4だけ色を変えてみました。

練馬区板橋区北区足立区
豊島区文京区荒川区葛飾区
杉並区中野区新宿区千代田区台東区墨田区江戸川区
世田谷区渋谷区港区中央区江東区
目黒区品川区
大田区

テーブルプレスで東京23区地図 まとめ

テーブルプレスは便利で、クライアントに納品する時も「ココを直してください」といえば納品後、ご自身で直せるので、喜ばれます。
その万能なテーブルプレスを駆使するともっと便利に使うことができます。

この記事についてのお問い合わせはこちらからご遠慮なくご連絡ください。

当社では、WordPressを用いたWebサイト制作を行っております。
お問い合わせはこちらまでお気軽にご連絡ください。

制作実績はこちらからご確認ください。
⇒【View Now!】WordPress制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

この記事についてのご質問がある方はワードプレスの学校でお願いいたします。

当社では、WordPressを用いたWebサイト制作を行っております。
ホームページの制作については、こちらからお気軽にお問い合わせください。

制作実績はこちらからご確認ください。
⇒【View Now!】当社の制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

ワードプレスの学校

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

Join our newsletter

毎週金曜日に最新のワードプレスの情報を配信しています
いつでも解読できますので、お気軽に登録してください

Check New Posts

Join Our School

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

— ワードプレスの学校でワードプレスについて一緒に学びませんか —

ブログを読むより、ユーチューブ動画を見るより、ワードプレスに精通した講師に直接聞いて問題を解決しましょう!ワードプレスの学校は、質問し放題のオンラインスクールです。