php - IF 语句需要以一定的宽度显示文本并且只在主页上显示

Question

我想知道是否有一个我可以使用的 if 语句 a.) 只在网站的首页上显示一些文本(我已经实现了)但是 b.) 只显示这个文本到一定宽度(1126 像素)。

这是我到目前为止在 header.php 中得到的...

<div class="contact-details">

<?php if ( is_front_page() ) {
            echo '020 1234 1234 <span>|</span> <a href="">test</a>';
}

?>

</div>

注意:这是一个 WordPress 网站。

Answer 1

现在解决这个问题 :) - 删除了 PHP if 语句并只使用了 CSS。

.contact-details {
display: block; /* other styles were above this line */
}

body.home .contact-details {
    display: block;
}

@media (max-width: 1024px) {
    .contact-details {
        display: none;
}
}