【问题标题】:How can I add CSS to a PHP script?如何将 CSS 添加到 PHP 脚本?
【发布时间】:2016-03-01 14:40:01
【问题描述】:

这是我想添加一些 CSS 的脚本:

// Download URLs
        if ( $show_download_links && $_product->exists() && $_product->is_downloadable() ) {
            $download_files = $order->get_item_downloads( $item );
            $i              = 0;
            foreach ( $download_files as $download_id => $file ) {
                $i++;
                if ( count( $download_files ) > 1 ) {
                    $prefix = sprintf( __( 'Download %d', 'woocommerce' ), $i );
                } elseif ( $i == 1 ) {
                    $prefix = __( 'Download', 'woocommerce' );
                }
                echo "\n" . $prefix . '(' . esc_html( $file['name'] ) . '): ' . esc_url( $file['download_url'] );
            }
        }
        // allow other plugins to add additional product information here
        do_action( 'woocommerce_order_item_meta_end', $item_id, $item, $order );
    }

它是 Woocommerce 电子邮件(已完成订单)的一部分。我想在那里添加一些 CSS,我该怎么做?

【问题讨论】:

  • 将其添加到位于主题中的 style.css...

标签: php html css wordpress woocommerce


【解决方案1】:

根据 Woocommerce 文档,自定义订单电子邮件的更强大(和高级)方法是覆盖电子邮件模板文件。 WooCommerce 使用方便的模板系统,允许您通过将相关模板文件复制到您的主题中并在其中修改代码来自定义网站(或电子邮件)的部分内容。每种电子邮件类型都有其内容的模板文件

你能检查 woocommerce 文档here

【讨论】:

  • 谢谢!该脚本来自我复制到我的主题中的模板。但是,我无法移动电子邮件模板中的“下载链接”。
【解决方案2】:

请检查以下代码

第一个解决方案

<?php
  $css = file_get_contents('CSS/main.css');
  echo $css;
?>

第二个解决方案

<style>
  <?php include 'CSS/styles.css'; ?>
</style>

第三个解决方案

<link rel="stylesheet" href="CSS/styles.css" type="text/css">

【讨论】:

    【解决方案3】:

    如果您想在下载中添加一些内容,请执行以下操作:

    $prefix = sprintf( __( '<strong>Download</strong> <span style="padding-top:10px;>"%d</span>', 'woocommerce' ), $i );
    

    否则,正如其他人在这里所说,file_get_contents(foo.css)&lt;? echo "&lt;style&gt;{something;}&lt;/style&gt;";

    【讨论】:

      【解决方案4】:

      这很简单。 就这样做吧:

      <?php if($page=='page'): ?> 
        <style>.container{width:100%}</style>
      <?php else: ?>
          ...
      <?php endif;?>
      

      【讨论】:

        猜你喜欢
        • 2011-04-26
        • 1970-01-01
        • 1970-01-01
        • 2015-02-10
        • 1970-01-01
        • 1970-01-01
        • 2014-04-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多