WordPressのwoocommerceメールテンプレートでテーブルのスタイルを調整するにはどうすればよいですか?

hnkk

woocommerceメールテンプレートのレイアウトとスタイルを変更しようとしています。メインのテンプレートファイルに、注文情報用に次の行を追加しました。

<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="20" cellspacing="0">
  <tr>
    <?php do_action( 'woocommerce_email_order_details', $order, $sent_to_admin, $plain_text, $email ); ?>
  </tr>
</table>

だから私はそれが私が次のように変更したwoocommerce_email_order_details.phpから情報を取得することを理解しています:

<div>
    <table class="td" cellspacing="0" cellpadding="6" style="width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;">
        <tbody>
            <?php echo wc_get_email_order_items( $order, array(
                'show_sku'      => $sent_to_admin,
                'show_image'    => true,
                'image_size'    => array( 100, 100 ),
                'plain_text'    => $plain_text,
                'sent_to_admin' => $sent_to_admin,
            ) ); ?>
        </tbody>
        <tfoot>
        </tfoot>
    </table>
</div>

そのphpドキュメントのテーブルのスタイルを調整する方法について私は本当に混乱しています。そのテーブルにスタイルを追加するたびに、実際には機能しません。出力はまだフォーマットされていないテーブルです。

テーブルのカスタムレイアウトを作成し、woocommerce_email_order_details.phpからの情報を入力したいだけです。それ、どうやったら出来るの?

Zaheer Abbas

アクティブなテーマのfunctions.phpファイルに次のコードを追加することで、メールテンプレートのスタイルを設定できます。

add_filter( 'woocommerce_email_styles', 'zah_woocommerce_email_styles' );
function zah_woocommerce_email_styles( $css ) {
    $css .= "#template_header { background-color: #231f20; }";
    return $css;
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Wordpressの子テーマfunctions.phpを介してWooCommerceメールテンプレートを編集するにはどうすればよいですか?

分類Dev

テーブルセルの境界線のスタイルを調整するにはどうすればよいですか?

分類Dev

このPHPテーブルのレイアウトを調整するにはどうすればよいですか?

分類Dev

単純なupdateステートメントでテーブル内のVARRAYタイプを更新するにはどうすればよいですか?

分類Dev

ステータスバー(トップパネル)の透明度を調整するにはどうすればよいですか?

分類Dev

ステータスバー(トップパネル)の透明度を調整するにはどうすればよいですか?

分類Dev

テンプレートから別のドキュメントにスタイルをコピーするにはどうすればよいですか

分類Dev

Xcodeファイルテンプレートの構文強調表示をアクティブにするにはどうすればよいですか?

分類Dev

Matplotlibを使用して、インタラクティブズームツールを使用して軸の制限(ホストプロットに追加)を再調整するにはどうすればよいですか?

分類Dev

ブートストラップ4でfont-awesomeアイコンを使用するときにテーブルの行の高さを調整するにはどうすればよいですか?

分類Dev

データテーブルの各列のサイズを調整するにはどうすればよいですか?

分類Dev

NavigationViewでアイコンとタイトルの間のスペースを調整するにはどうすればよいですか?

分類Dev

別のスタイルシートからテンプレートをインポートするにはどうすればよいですか?

分類Dev

VBAでWebサイトテーブルスクレイプのテーブルを正しく参照するにはどうすればよいですか?

分類Dev

分類タスクでラベルのグレーディングバイアスを調整するにはどうすればよいですか?

分類Dev

すべてのテンプレートのflask_adminスタイルをオーバーライドするにはどうすればよいですか?

分類Dev

Drupal 8のTWIGでノードのタイトルをプレーンテキストで表示するにはどうすればよいですか?

分類Dev

アンドロイドスタジオのタブ付きアクティビティテンプレートから円形のピンクのメールボックスアイコンを削除するにはどうすればよいですか?

分類Dev

AzureリソースグループテンプレートでApplicationInsightsインスタンスのインストルメンテーションキーを取得するにはどうすればよいですか?

分類Dev

GridLayoutを使用してテーブルの高さをSWTのアイテム数に調整するにはどうすればよいですか?

分類Dev

UITableViewのプロトタイプセルの左マージンを調整するにはどうすればよいですか?

分類Dev

メールテンプレートにWoocommerceの出荷追跡をエコーするにはどうすればよいですか?

分類Dev

WordpressでWooCommerceのセンター製品カテゴリを調整するにはどうすればよいですか?

分類Dev

UIVisualEffectViewブラーのレベルを調整するにはどうすればよいですか

分類Dev

C ++テンプレート-テンプレート引数のタプルのタプルを解凍するにはどうすればよいですか?

分類Dev

ラテックステンプレートを使用してpandocでタイトルの色を指定するにはどうすればよいですか?

分類Dev

このtxtファイルをSqlLiteStudioのデータベーステーブルにインポートするにはどうすればよいですか

分類Dev

フルページコンテナを調整してカバーせずに、Woocommerceブランドのページヘッダー画像を実際のサイズで表示するにはどうすればよいですか?

分類Dev

Wordpressページテンプレートで、あるスタイルシートを別のスタイルシートよりも優先するにはどうすればよいですか?

Related 関連記事

  1. 1

    Wordpressの子テーマfunctions.phpを介してWooCommerceメールテンプレートを編集するにはどうすればよいですか?

  2. 2

    テーブルセルの境界線のスタイルを調整するにはどうすればよいですか?

  3. 3

    このPHPテーブルのレイアウトを調整するにはどうすればよいですか?

  4. 4

    単純なupdateステートメントでテーブル内のVARRAYタイプを更新するにはどうすればよいですか?

  5. 5

    ステータスバー(トップパネル)の透明度を調整するにはどうすればよいですか?

  6. 6

    ステータスバー(トップパネル)の透明度を調整するにはどうすればよいですか?

  7. 7

    テンプレートから別のドキュメントにスタイルをコピーするにはどうすればよいですか

  8. 8

    Xcodeファイルテンプレートの構文強調表示をアクティブにするにはどうすればよいですか?

  9. 9

    Matplotlibを使用して、インタラクティブズームツールを使用して軸の制限(ホストプロットに追加)を再調整するにはどうすればよいですか?

  10. 10

    ブートストラップ4でfont-awesomeアイコンを使用するときにテーブルの行の高さを調整するにはどうすればよいですか?

  11. 11

    データテーブルの各列のサイズを調整するにはどうすればよいですか?

  12. 12

    NavigationViewでアイコンとタイトルの間のスペースを調整するにはどうすればよいですか?

  13. 13

    別のスタイルシートからテンプレートをインポートするにはどうすればよいですか?

  14. 14

    VBAでWebサイトテーブルスクレイプのテーブルを正しく参照するにはどうすればよいですか?

  15. 15

    分類タスクでラベルのグレーディングバイアスを調整するにはどうすればよいですか?

  16. 16

    すべてのテンプレートのflask_adminスタイルをオーバーライドするにはどうすればよいですか?

  17. 17

    Drupal 8のTWIGでノードのタイトルをプレーンテキストで表示するにはどうすればよいですか?

  18. 18

    アンドロイドスタジオのタブ付きアクティビティテンプレートから円形のピンクのメールボックスアイコンを削除するにはどうすればよいですか?

  19. 19

    AzureリソースグループテンプレートでApplicationInsightsインスタンスのインストルメンテーションキーを取得するにはどうすればよいですか?

  20. 20

    GridLayoutを使用してテーブルの高さをSWTのアイテム数に調整するにはどうすればよいですか?

  21. 21

    UITableViewのプロトタイプセルの左マージンを調整するにはどうすればよいですか?

  22. 22

    メールテンプレートにWoocommerceの出荷追跡をエコーするにはどうすればよいですか?

  23. 23

    WordpressでWooCommerceのセンター製品カテゴリを調整するにはどうすればよいですか?

  24. 24

    UIVisualEffectViewブラーのレベルを調整するにはどうすればよいですか

  25. 25

    C ++テンプレート-テンプレート引数のタプルのタプルを解凍するにはどうすればよいですか?

  26. 26

    ラテックステンプレートを使用してpandocでタイトルの色を指定するにはどうすればよいですか?

  27. 27

    このtxtファイルをSqlLiteStudioのデータベーステーブルにインポートするにはどうすればよいですか

  28. 28

    フルページコンテナを調整してカバーせずに、Woocommerceブランドのページヘッダー画像を実際のサイズで表示するにはどうすればよいですか?

  29. 29

    Wordpressページテンプレートで、あるスタイルシートを別のスタイルシートよりも優先するにはどうすればよいですか?

ホットタグ

アーカイブ