时间戳

首页 > 解决方案 > 如何让自定义 PHP 在 Wordpress 中使用现有的 CSS 样式

php - 如何让自定义 PHP 在 Wordpress 中使用现有的 CSS 样式

问题描述

我正在使用木质片段插入 php 代码以进行 API 调用以返回表中的信息。如何使用我的 wordpress 主题中的默认 css 显示表格？

我是 PHP 新手，但不是 wordpress 新手。而且我知道的 CSS 足以让自己陷入困境。所以，我需要 ELI5 指令。

我的程序员提供了基本的 PHP 代码来调用 API 并在基本表中返回数据。但是，它看起来很可怕，并且没有间距或样式。


    $tableStart = "<table>";
    $tableEnd = "</table>";
    $trStart = "<tr>";
    $trEnd = "</tr>";
    $tdStart = "<td >";
    $tdEnd = "</td>";

    $fname = 'alabama_energy_data.json';

    $data = json_decode(file_get_contents($fname));

    echo $tableStart;

    foreach($data as $bill_data) 
    {
      echo $trStart;

      echo $tdStart . $bill_data->bill_id . $tdEnd . $tdStart . $bill_data->title . $tdEnd;


      echo $trEnd;
    }
    echo $tableEnd;

这将返回一个包含我需要的数据的基本表，但它没有样式。如何让它使用我们的 wordpress 网站中显示的默认 CSS，以便表格以看起来不错的格式呈现？

标签： phpcsswordpress

解决方案

如果您的表格样式不符合应有的样式，那么您的表格中可能缺少和id/或class属性。您可以检查您的“wordpress”表格具有哪些当前属性，然后将它们添加到您的表格中。

例子：

<table class="wp-class-table">
# OR
<table id="wp-id-table">

还有一件事，我个人不太喜欢你“回显”数据的方式。如果你愿意，你可以阅读这个答案。在我看来，它显示了一种更好的方法。

推荐阅读