首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何让自定义PHP使用Wordpress中现有的CSS样式

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

Stack Overflow用户
提问于 2019-08-01 04:48:23
回答 1查看 39关注 0票数 0

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

我是PHP新手,但不是wordpress新手。我对CSS的了解已经足够让我自己陷入麻烦了。所以,我需要ELI5的说明。

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

代码语言:javascript
运行
复制
    $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,它在其中显示,以便表格以看起来合适的格式呈现?

EN

回答 1

Stack Overflow用户

发布于 2019-08-01 05:06:56

如果您的表没有按其应有的方式设置样式,那么您的表中可能缺少idclass属性。你可以检查你的"wordpress“表的当前属性,然后将它们添加到你的表中。

示例:

代码语言:javascript
运行
复制
<table class="wp-class-table">
# OR
<table id="wp-id-table">

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57298631

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档