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

Question

我正在使用 woody 片段插入 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，以便表格以看起来不错的格式呈现？

Answer 1

如果您的表格没有按应有的样式设置，那么您的表格可能缺少 id 或 class 属性。您可以检查您的“wordpress”表格的当前属性，然后将它们添加到您的表格中。

例子:

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

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