我已经创建了一个功能，该功能将在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 code
[linestatus] [linestatus open_time="08:00:00" closed_time="17:00:00" open_text="open" closed_text="closed"]
SO网友:Maxim Sarandi
您的快捷码返回文本。将return包装成一些HTML，如<div class="status_text"></div> 并设置此块的样式。
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 = "<div class=\'status_text status_open\'>$open_text</div>";
} else {
$output = "<div class=\'status_text status_closed\'>$closed_text</div>";
}
return $output;
}
或者将脉动点添加到短代码输出。
