尝试使用Custom Taxonmy加载响应的CSS媒体查询

时间：2021-02-03 作者：Henry

@media (max-width: 768px) {
  .page-id-9334 .site-content {
    display: flex;
    flex-direction: column-reverse;
  }
}

我正在尝试将此CSS加载到自定义分类页面中。。。

我的原始问题是指一个特定的页面ID（我编辑了我的原始问题）。

无论如何，根据下面的回复，我认为这会起作用，但它会抛出一个错误，无论是否有<style> CSS打开标记。

其他人能告诉我如何才能让这个工作正常进行吗？

谢谢

add_action( \'wp_head\', function () {
    if ( is_tax(country) ) {

      <style>
      @media (max-width: 768px) {
        .site-content {
          display: flex;
          flex-direction: column-reverse;
        }
      }
      </style>

    }
} );

2 个回复

最合适的回答,由SO网友:Buttered_Toast 整理而成

似乎缺少一些元素

首先是中的引号is_tax(country), 应为is\\U税（“国家”）

其次，您缺少关闭和打开PHP标记

在处理需要html输出的操作时，可以通过以下几种方式完成。现在，我们将坚持使用您想要使用的方法。

最终结果如下

add_action( \'wp_head\', function () {
  if ( is_tax(\'country\') ) {
?>
  <style>
  @media (max-width: 768px) {
    .site-content {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  </style>
<?php
  }
} );

SO网友:Sally CJ

你说（通过评论）你通过wp_head, 因此，如果您希望仅在页面上添加代码（post类型page) ID为9334的用户可以使用is_page() 这是conditional tags 在WordPress中。

例如：

add_action( \'wp_head\', function () {
    if ( is_page( 9334 ) ) {
        // add your CSS here
    }
} );

标签： css responsive 小码农

Remove unused CSS and JS

我是从谷歌pagespeed工具得到这条建议的，我的页面在桌面上运行得很好，但在移动设备上它得到了60分。检查报告here.我从中手动删除了css和js文件https://top10appliances.com/wp-content/cache/min/1/ 但它们会再次被缓存。手机版本受此影响，如何有效解决

小码农CODE

尝试使用Custom Taxonmy加载响应的CSS媒体查询

相关推荐

Remove unused CSS and JS