使用 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 都需要付费。

就是这样! 现在您也可以在自己的网站上创建它。 这不是很棒吗?

如果您觉得这些示例有用,我们建议您查看我们展示柜中的其他示例,您可以在其中找到许多实用且井井有条的表格,例如:

  • 响应统计表
  • 加密货币排名表
  • 定价表
  • 亚马逊产品对比表
  • 财务表
  • 和更多…