*开启/关闭功能之前

Question

我已经创建了一个功能，将显示在wordpress网站上的业务是否开放或关闭取决于那里的时间。

现在，我试图在文本之前添加一些CSS，这些文本将显示一个红色或绿色的块，指示我们是打开还是关闭。

下面是我想要应用的css，但我不太确定做它的最佳方式是什么？我以前尝试将变量输出添加到标记中，但失败了。有人能帮我解决这个问题吗？

https://codepen.io/vram1980/pen/Kyaie

PHP

add_shortcode( 'linestatus', 'line_status_handler' );
function line_status_handler( $atts ) { 
    extract( shortcode_atts( array( 
        'open_time' => '09:00:00', 
        'closed_time' => '17:00:00', 
        'open_text' => 'our lines are open', 
        'closed_text' => 'our lines are closed', 
    ), $atts ) ); 

    if ( time() >= strtotime( $open_time ) && time() <= strtotime( $closed_time ) ) { 
        $output = $open_text; 
    } else { 
        $output = $closed_text; 
    } 
    return $output; 

Short代码

[linestatus] [linestatus open_time="08:00:00" closed_time="17:00:00" open_text="open" closed_text="closed"]

Answer 1

您的短代码返回文本。包装返回到一些HTML中，比如

和样式这个块。

add_shortcode( 'linestatus', 'line_status_handler' );
function line_status_handler( $atts ) {
    extract( shortcode_atts( array(
        'open_time'   => '09:00:00',
        'closed_time' => '17:00:00',
        'open_text'   => 'our lines are open',
        'closed_text' => 'our lines are closed',
    ), $atts ) );

    if ( time() >= strtotime( $open_time ) && time() <= strtotime( $closed_time ) ) {
        $output = "$open_text";
    } else {
        $output = "$closed_text";
    }

    return $output;
}

或者将脉动点添加到短代码输出中。