使用 wpDataTables 創建的 FIFA 2022 世界杯表

已發表: 2022-11-24

2022 年國際足聯世界杯是一項國際賽事,在世界範圍內非常受歡迎,今年將於 2022 年 11 月 20 日至 12 月 18 日在卡塔爾舉行。 幾乎所有與體育、新聞等相關的網站都會嘗試通過使用世界杯的比分、統計數據等信息來吸引更多的觀眾。

使用wpDataTables ,您可以顯示和跟踪與世界杯相關的各種信息(實時比分、小組、淘汰賽階段、歷史和預選賽)。 所有這些世界杯桌的示例都非常容易製作,我們想向您展示您可以使用的各種選項。

現場比分錶

在下面的實時比分錶中,您可以跟踪 2022 年 FIFA 世界杯每天的實時結果。 每場比賽的比分將按天顯示,以及有關比賽的更多詳細信息。

  • 實時 API 數據
  • 實時數據庫數據

實時 API 數據

比賽編號體育場地點地位考勤藝名團隊 1 約會時間優勝者winner_code . . 天氣團隊 2 時間詳細時間官員團隊 1 事件團隊 2 事件1隊陣容2隊陣容團隊 1 數據團隊 2 統計最後檢查最後更改.
13 阿爾賈努布體育場沃克拉完全的39,089 第一階段24/11/2022 上午 10:00 瑞士國家= SUI
姓名 = 瑞士
目標 = 1
處罰 = 0
國家= CMR
名字=喀麥隆
目標 = 0
處罰 = 0
濕度 = 19
temp_celsius = 29
temp_farenheit = 61
風速 = 2
描述 = 晴間多雲
CMR 全職當前時間 = 0'
first_half_time =
first_half_extra_time =
second_half_time =
second_half_extra_time =
國家= SUI
戰術 = 4-5-1
國家= CMR
戰術 = 4-3-3
國家= SUI
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
國家= CMR
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
24/11/2022 下午 5:51 24/11/2022 下午 5:51
14 教育城體育場多哈完全的41,663 第一階段烏魯木齊24/11/2022 下午 1:00國家= URU
姓名 = 烏拉圭
目標 = 0
處罰 = 0
國家=韓國
名稱 = 大韓民國
目標 = 0
處罰 = 0
濕度 = 33
temp_celsius = 27
temp_farenheit = 59
風速 = 4
描述 = 晴間多雲
韓語全職當前時間 = 0'
first_half_time =
first_half_extra_time =
second_half_time =
second_half_extra_time =
國家= URU
戰術 = 4-3-3
國家=韓國
戰術 = 4-5-1
國家= URU
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
國家=韓國
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
24/11/2022 下午 5:51 24/11/2022 下午 5:51
15 體育場974 多哈進行中42,662人第一階段POR 24/11/2022 下午 04:00 國家= POR
名字=葡萄牙
目標 = 3
處罰 = 0
國家= GHA
名稱 = 加納
目標 = 2
處罰 = 0
濕度 = 39
temp_celsius = 25
temp_farenheit = 57
風速 = 1
描述 = 多雲的夜晚
全球家庭聯盟90'+1' 當前時間 = 90'+1'
first_half_time =
first_half_extra_time =
second_half_time =
second_half_extra_time =
國家= POR
戰術 = 4-3-3
國家= GHA
戰術 = 3-6-1
國家= POR
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
國家= GHA
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
24/11/2022 下午 5:48 24/11/2022 下午 5:48
16 盧賽爾體育場達延未來預定第一階段胸罩24/11/2022 07:00 下午國家= BRA
名字=巴西
目標 =
處罰 =
國家 = SRB
名稱 = 塞爾維亞
目標 =
處罰 =
濕度 =
temp_celsius =
temp_farenheit =
風速=
說明 =
SRB 國家= BRA
戰術=
starting_eleven =
替代品=
國家 = SRB
戰術=
starting_eleven =
替代品=
國家= BRA
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
國家 = SRB
attempts_on_goal =
attempts_on_goal_against =
on_target =
off_target =
阻塞 =
角落=
越位 =
num_passes =
passes_completed =
鏟球=
任意球 =
goal_kicks =
處罰 =
penalty_scored =
throw_ins =
黃牌=
紅牌=
犯規犯規 =
24/11/2022 下午 5:51 24/11/2022 下午 5:51

比賽編號:

體育場:

地點:

地位:

出席人數:

藝名:

團隊 1:

約會時間:

優勝者:

獲勝者代碼:

.:

.:

天氣:

團隊 2:

時間:

詳細時間:

官員:

團隊 1 事件:

團隊 2 事件:

1隊陣容:

2隊陣容:

團隊 1 數據:

團隊 2 統計:

最後檢查:

最後更改:

.:

實時數據庫數據

團隊 1 分數團隊 2
瑞士國旗 1 : 0 國旗 喀麥隆
烏拉圭國旗 0 : 0 國旗 韓國
葡萄牙國旗 0 : 0 國旗 加納
巴西國旗 0 : 0 國旗 塞爾維亞

如何創建實時比分錶

有幾個選項可以創建這些表。 在第一個例子Live API data中,我們使用了這個免費的 API ,它有很多關於 2022 年世界杯的有用信息。您可以使用 Nested JSON for JSON APIs 創建表,所有數據都會自動更新。 此 API 不包含標誌,因此我們通過使用圖像替換內容來使用條件格式來製作它們。 API 有更深的結構,所以我們還需要使用鉤子來獲取數據。 這是鉤子:


// return false by default
function filterWCAPI($deep, $url, $tableID){
// for specific url
if ($url == 'https://worldcupjson.net/matches/today'){
$deep = true;
}
return $deep;
}
add_filter(
'wpdatatables_get_one_level_deep_json_data_from_array_as_string',
'filterWCAPI',
10, 3);

對於Match details按鈕,我們使用了 Master-detail 插件。

在第二個示例Live DB data中,我們創建了一個包含七列(Team 1、Flag 1、Team 2、Flag 2、Score 1、Score 2 和 Date)的手動表。 然後,數據庫中的這個表被用於使用 SQL 查詢創建一個新表。 我們使用CONCAT合併 Flag 和 Team 列,並使用 %CURRENT_DATE%佔位符僅過濾當天正在進行的比賽。

可以在每個表格的自定義設置選項卡中更改顏色和其他自定義 CSS

群相表

在小組賽階段,您會看到展示世界杯小組賽的表格以及他們的統計數據。

  • 一個
  • C
  • F
  • G
  • H

一個

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個國旗 卡塔爾1個0 0 1個0 2個-2 0
1個國旗 厄瓜多爾1個1個0 0 2個0 2個3個
3個國旗 塞內加爾1個0 0 1個0 2個-2 0
2個國旗 荷蘭1個1個0 0 2個0 2個3個

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
1個國旗 英國1個1個0 0 6個2個4個3個
4個國旗 伊朗1個0 0 1個2個6個-4 0
3個國旗 美國1個0 1個0 1個1個0 1個
2個國旗 威爾士1個0 1個0 1個1個0 1個

C

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個國旗 阿根廷1個0 0 1個1個2個-1 0
1個國旗 沙特阿拉伯1個1個0 0 2個1個1個3個
3個國旗 墨西哥1個0 1個0 0 0 0 1個
2個國旗 波蘭1個0 1個0 0 0 0 1個

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
1個國旗 法國1個1個0 0 4個1個3個3個
4個國旗 澳大利亞1個0 0 1個1個4個-3 0
3個國旗 丹麥1個0 1個0 0 0 0 1個
2個國旗 突尼斯1個0 1個0 0 0 0 1個

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
1個國旗 西班牙1個1個0 0 7 0 7 3個
4個國旗 哥斯達黎加1個0 0 1個0 7 -7 0
3個國旗 德國1個0 0 1個1個2個-1 0
2個國旗 日本1個1個0 0 2個1個1個3個

F

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
1個國旗 比利時1個1個0 0 1個0 1個3個
4個國旗 加拿大1個0 0 1個0 1個-1 0
3個國旗 摩洛哥1個0 1個0 0 0 0 1個
2個國旗 克羅地亞1個0 1個0 0 0 0 1個

G

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
3個國旗 巴西0 0 0 0 0 0 0 0
2個國旗 塞爾維亞0 0 0 0 0 0 0 0
1個國旗 瑞士1個1個0 0 1個0 1個3個
4個國旗 喀麥隆1個0 0 1個0 1個-1 0

H

收銀機團隊國會議員W大號廣發集團遺傳算法廣東省積分
3個國旗 葡萄牙0 0 0 0 0 0 0 0
4個國旗 加納0 0 0 0 0 0 0 0
1個國旗 烏拉圭1個0 1個0 0 0 0 1個
2個國旗 韓國1個0 1個0 0 0 0 1個

如何創建組相表

創建這些世界杯表有很多不同的選擇。 在此示例中,我們通過導入包含七列(團隊、旗幟、比賽、獲勝、交易、失敗、目標和目標)的 CSV 文件創建了一個手動表格。 然後,數據庫中的這張表被用來創建一個帶有 SQL 查詢的新表。 我們使用 CONCAT 來合併 Flag 和 Team 列。 最後,我們創建了兩個計算淨胜球和積分的公式列。

可以在每個表格的自定義設置選項卡中更改顏色和其他自定義 CSS

消除相表

在淘汰賽階段,您可以在小組賽階段後看到兩個不同的時間表視圖——垂直視圖和水平視圖。

  • 垂直的
  • 水平的

垂直的

16強賽
星期六 12 月 3 日 12 月 4 日星期日 12 月 5 日星期一 12 月 6 日星期二
A1 0 : 0 B2 B1 0 : 0 A2 G1 0 : 0 H2 H1 0 : 0 G2
C1 0 : 0 D2 D1 0 : 0 C2 E1 0 : 0 F2 F1 0 : 0 E2
四分之一決賽
12 月 9 日星期五
W53 0 : 0 W54
12 月 10 日星期六
W49 0 : 0 W50
半決賽
12 月 13 日星期二
W57 0 : 0 W58
12 月 14 日星期三
W59 0 : 0 W60
第三名
12 月 17 日星期六
L61 0 : 0 L62
最後
12 月 18 日星期日
W61 0 : 0 W62

水平的

16強賽 四分之一決賽 半決賽 第三名 最後
星期六 12 月 3 日
A1 0 : 0 B2 12 月 9 日星期五
C1 0 : 0 D2 W53 0 : 0 W54
12 月 13 日星期二
12 月 4 日星期日 W49 0 : 0 W50 W57 0 : 0 W58
B1 0 : 0 A2
D1 0 : 0 C2 12 月 17 日星期六 12 月 18 日星期日
L61 0 : 0 L62 W61 0 : 0 W62
12 月 5 日星期一
G1 0 : 0 H2 12 月 10 日星期六 12 月 14 日星期三
E1 0 : 0 F2 W55 0 : 0 W56 W59 0 : 0 W60
12 月 6 日星期二 W51 0 : 0 W52
H1 0 : 0 G2
F1 0 : 0 E2

如何創建消除階段表

為了創建這些世界杯表,我們使用了wpDataTables 中的簡單表選項。 利用一些簡單的修改(刪除邊框、合併單元格、更改字體、背景、樣式等),您可以根據自己的需要製作這兩個表格或什至更好的表格。

歷史和統計表

歷史部分顯示了以前世界杯錦標賽的統計數據。 您可以查看所有獲獎者和最佳得分手。

  • 獲獎者
  • 最佳射手

獲獎者

主持人優勝者
1930年烏拉圭國旗 烏拉圭
1934年意大利國旗 意大利
1938年法國國旗 意大利
1942年未舉行
1946年未舉行
1950 巴西國旗 烏拉圭
1954年瑞士國旗 德國
1958年斯威登國旗 巴西
1962年智利國旗 巴西
1966年英國國旗 英國
1970 墨西哥國旗 巴西
1974年德國國旗 德國
1978年阿根廷國旗 阿根廷
1982年西班牙國旗 意大利
1986年墨西哥國旗 阿根廷
1990 意大利國旗 德國
1994 美國國旗 巴西
1998 法國國旗 法國
2002年韓國和日本國旗 巴西
2006年德國國旗 意大利
2010 南非國旗 西班牙
2014 巴西國旗 德國
2018 俄羅斯國旗 法國
2022年卡塔爾
主持人

最佳射手

播放器國家參加過的比賽目標
1個米羅斯拉夫·克洛澤國旗 德國24 16
2個羅納爾多國旗 巴西19 15
3個費爾德穆勒國旗 德國13 14
4個只是方丹國旗 法國6個13
5個貝利國旗 巴西14 12
6個桑多·科西斯國旗 匈牙利5個11
7 於爾根·克林斯曼國旗 德國17 11
8個赫爾穆特·拉赫國旗 德國10 10
9 萊因克爾國旗 英國12 10
10 加布里埃爾·巴蒂斯圖塔國旗 阿根廷12 10
11 特奧菲洛·庫比利亞斯國旗 秘魯13 10
12 托馬斯穆勒國旗 德國16 10
13 格熱戈日·拉托國旗 波蘭20 10
14 尤西比奧國旗 葡萄牙6個9
15 克里斯蒂安·維埃里國旗 意大利9 9
16 瓦瓦國旗 巴西10 9
17 大衛維拉國旗 西班牙12 9
18 保羅·羅西國旗 意大利14 9
19 雅爾齊尼奧國旗 巴西16 9
20 羅伯特·巴喬國旗 意大利16 9
21 卡爾-海因茨·魯梅尼格國旗 德國19 9
22 烏維西勒國旗 德國21 9
播放器 參加過的比賽目標

如何創建歷史表

有幾個選項可以創建這些表。 我們為此表使用嵌套 JSON和 API,但並未收到所需的所有信息。 因此,我們將此表導出到Excel文件,創建了一個新的手動表,導入了 Excel 文件,並添加了我們想要顯示的缺失列。

可以在每個表格的自定義設置選項卡中更改顏色和其他自定義 CSS

資格表

在資格賽中,您會找到每個小組的世界杯預選賽表,其中包含統計數據和晉級球隊。

歐洲預選賽表

  • 一個
  • C
  • F
  • G
  • H

一個

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個盧森堡8個3個0 5個8個18 -10 9
1個塞爾維亞8個6個2個0 18 9 9 20
3個愛爾蘭共和國8個2個3個3個11 8個3個9
2個葡萄牙8個5個2個1個17 6個11 17
5個阿塞拜疆8個0 1個7 5個18 -13 1個

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個喬治亞州8個2個1個5個6個18 -12 7
1個西班牙8個6個1個1個15 5個10 19
3個希臘8個2個4個2個8個8個0 10
2個瑞典8個5個0 3個12 6個6個15
5個科索沃8個1個2個5個5個15 -10 5個

C

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個保加利亞8個2個2個4個6個14 -8 8個
1個瑞士8個5個3個0 15 2個13 18
3個北愛爾蘭8個2個3個3個6個7 -1 9
2個意大利8個4個4個0 13 2個11 16
5個立陶宛8個1個0 7 4個19 -15 3個

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個波斯尼亞和黑塞哥維那8個1個4個3個9 12 -3 7
1個法國8個5個3個0 18 3個15 18
3個芬蘭8個3個2個3個10 10 0 11
2個烏克蘭8個2個6個0 11 8個3個12
5個哈薩克斯坦8個0 3個5個5個20 -15 3個

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個愛沙尼亞8個1個1個6個9 21 -12 4個
1個比利時8個6個2個0 25 6個19 20
3個捷克共和國8個4個2個2個14 9 5個14
2個威爾士8個4個3個1個14 9 5個15
5個白俄羅斯8個1個0 7 7 24 -17 3個

F

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個奧地利10 5個1個4個19 17 2個16
1個丹麥10 9 0 1個30 3個27 27
3個以色列10 5個1個4個23 21 2個16
2個蘇格蘭10 7 2個1個17 7 10 23
5個法羅群島10 1個1個8個7 23 -16 4個
6個摩爾多瓦10 0 1個9 5個30 -25 1個

G

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個黑山10 3個3個4個14 15 -1 12
1個荷蘭10 7 2個1個33 8個25 23
3個挪威10 5個3個2個15 8個7 18
2個火雞10 6個3個1個27 16 11 21
5個拉脫維亞10 2個3個5個11 14 -3 9
6個直布羅陀10 0 0 10 4個43 -39 0

H

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個斯洛文尼亞10 4個2個4個13 12 1個14
1個克羅地亞10 7 2個1個21 4個17 23
3個斯洛伐克10 3個5個2個17 10 7 14
2個俄羅斯足協10 7 1個2個19 6個13 22
5個塞浦路斯10 1個2個7 4個21 -17 5個
6個馬耳他10 1個2個7 9 30 -21 5個

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個匈牙利10 5個2個3個19 13 6個17
1個英國10 8個2個0 39 3個36 26
3個阿爾巴尼亞10 6個0 4個12 12 0 18
2個波蘭10 6個2個2個30 11 19 20
5個安道爾10 2個0 8個8個24 -16 6個
6個聖馬力諾10 0 0 10 1個46 -45 0

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個亞美尼亞10 3個3個4個9 20 -11 12
1個德國10 9 0 1個36 4個32 27
3個羅馬尼亞10 5個2個3個13 8個5個17
2個北馬其頓10 5個3個2個23 11 12 18
5個冰島10 2個3個5個12 18 -6 9
6個利希滕斯坦10 0 1個9 2個34 -32 1個

世界其他地區的預選賽表

  • 康卡夫
  • 大洋洲
  • 南美洲
  • 亞洲

康卡夫

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個哥斯達黎加14 7 4個3個13 8個5個25
1個加拿大14 8個4個2個23 7 16 28
3個美國14 7 4個3個21 10 11 25
2個墨西哥14 8個4個2個17 8個9 28
5個巴拿馬14 6個3個5個17 19 -2 21
6個牙買加14 2個5個7 12 22 -10 11
7 薩爾瓦多14 2個4個8個8個18 -10 10
8個洪都拉斯14 0 4個10 7 26 -19 4個

大洋洲

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個新喀裡多尼亞3個0 0 3個2個10 -8 0
1個紐西蘭3個3個0 0 12 1個11 9
3個斐濟3個1個0 2個3個7 -4 3個
2個巴布亞新幾內亞3個2個0 1個3個2個1個6個

南美洲

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個厄瓜多爾18 7 5個6個27 19 8個26
1個巴西17 14 3個0 40 5個35 45
3個烏拉圭18 8個4個6個22 22 0 28
2個阿根廷17 11 6個0 27 8個19 39
5個秘魯18 7 3個8個19 22 -3 24
6個哥倫比亞18 5個8個5個20 19 1個23
7 智利18 5個4個9 19 26 -7 19
8個巴拉圭18 3個7 8個12 26 -14 16
9 玻利維亞18 4個3個11 23 42 -19 15
10 委內瑞拉18 3個1個14 14 34 -20 10

亞洲

位置團隊國會議員W大號廣發集團遺傳算法廣東省積分
4個阿曼10 4個2個4個11 10 1個14
1個沙特阿拉伯10 7 2個1個12 6個6個23
3個澳大利亞10 4個3個3個15 9 6個15
2個日本10 7 1個2個12 4個8個22
5個中國10 1個3個6個9 19 -10 6個
6個越南10 1個1個8個8個19 -11 4個

如何創建資格表

有幾個選項可以創建這些表。 在此示例中,我們創建了一個Excel文件,其中包含我們要顯示的所有數據。 然後,我們導入該文件並創建了一個手動表。 數據庫中的這張表用於創建帶有 SQL 查詢的新表。 我們使用CONCAT合併標誌和團隊列。 然後,我們創建了兩個公式列來計算淨胜球和積分。

可以在每個表格的自定義設置選項卡中更改顏色和其他自定義 CSS

其他示例包括在不導入文件的情況下創建手動表格,例如直接在 wpDataTables 中,或者使用嵌套 JSON 創建表格,其中所有數據都會自動更改。

如果您想使用嵌套 JSON 選項,請注意世界杯的大多數 API 都需要付費。

就是這樣! 現在您也可以在自己的網站上創建它。 這不是很棒嗎?

如果您覺得這些示例有用,我們建議您查看我們展示櫃中的其他示例,您可以在其中找到許多實用且井井有條的表格,例如:

  • 響應統計表
  • 加密貨幣排名表
  • 定價表
  • 亞馬遜產品對比表
  • 財務表
  • 和更多…