Mahfi Eğilmez Hocanın ekonomik göstergeler tablosunu, responsive tablo olarak düzenlemek istedim. Deneyelim.

Ref Link;

https://www.mahfiegilmez.com/p/gostergeler.html

Tablo verisi nasıl ekleriz, görüntü güzel olmalı ve mobilde de iyi görünmeli.

Tablonun küçük bir kısmını aldım. Sayfa içinde tablo eklediğimizde bu şekilde oluyor default.

Makro Gostergeler	2020	2021	2022	2023	2024	Açıklama
Reel Ekonomi						OVP Tahmin
GSYH (Milyar TL)	5.047	7.249	15.012	25.483	41.159
GSYH (Milyar $)	717	808	906	1.067	1.119
Kisi basina GSYH ($)	8.577	9.540	10.659	12.415	12.875

Burda neden script görünüyor, ben custom HTML blok içerisine style tag yazdığım kısım, tablo üzerinde görünüyor, kod işlenmiyor.??

CSS ekleme ücretsiz versionda izin verilmiyor, bu yüzden Custom HTML blokta ekleme yapmak istemiştim.

body {background-color: powderblue;} h1 {color: blue;} p {color: red;}

<Table> Responsive

Created with love by Pablo García

Sites	Views	Clicks	Average
Google	9518	6369	01:32:50
Twitter	7326	10437	00:51:22
Amazon	4162	5327	00:24:34
LinkedIn	3654	2961	00:12:10
CodePen	2002	4135	00:46:19
GitHub	4623	3486	00:31:52

Yukaridaki tabloda maalesef style tag ekleyemiyoruz. WordPress izin vermiyormus. Ben ücretsiz paket kullandığım için. Ücretli paket kullanmadığım için zaten CSS ekleme yapmaya da izin vermemişti.
Yardım, help, bölümüne baktığımda style tag izin verilmeyen taglar arasındaymış. Ekran görüntüsü aşağıdadır.

Sonuç olarak bu site için bunu yapamadık. WordPress kullanımda kendi sitemizi kendi domain ve host hizmetimizde kullansak böyle bir sorun olmayacaktı ama öğrenmiş olduk ki ücretsiz WordPress sayfasında sadece var olan tema ile idare etmek gerekir. Ben de bu çalışma sonunda bunu öğrenmiş oldum. 🙂