在WooCommerce中更改产品列表页面中的字体大小

时间：2015-04-14 作者：qbr

我想减小表中文本的字体大小，以便可以容纳更多的列。是否有一个钩子我可以使用，或者我需要修改wordpress/woocommerce的核心？在这种情况下，我需要更改哪个css或模板文件？woocommerce-products-listing-page

4 个回复
SO网友:Bainternet

另一种选择是使用current_screen 钩

add_action( \'current_screen\', \'my_admin_listing_custom_styles\' );
function my_admin_listing_custom_styles() {
    $current_screen = get_current_screen();
    if( \'edit\' == $current_screen->base && \'product\' == $current_screen->post_type) {
        // Run some code, only on the admin products listing page for e.x add css style
        ?>
        <style type="text/css">
        a.row-title {font-size: 18px !important;}
        </style>
        <?php
    }
}

SO网友:TheDeadMedic

您可以使用admin_print_styles 钩子输出自定义CSS-在本例中，我使用了后缀-edit.php （这是posts表格屏幕的唯一挂钩）。我还检查了当前的职位类型product, 否则CSS将输出页面、帖子等。

function wpse_184211_edit_products_style() {
    if ( get_current_screen()->post_type === \'product\' ) {
        ?>

<style>
    .column-purpose {
        font-size: 10px;
    }
</style>

<?php
    }
}

add_action( \'admin_print_styles-edit.php\', \'wpse_184211_edit_products_style\' );
CSS就是一个例子——只要检查/签出页面的源代码，就会看到需要使用哪些类名/选择器。

SO网友:MarkPraschan

您可以将自定义CSS表添加到您的管理中，并根据需要设置样式。

在主题文件夹中创建一个名为admin-style.css 并在此处添加规则。例如：

.wp-list-table .row-title,
.wp-list-table th,
.wp-list-table td,
.row-actions {
    font-size: 11px !important;
}
将以下代码添加到functions.php 文件：

function load_custom_wp_admin_style() {
    wp_register_style( \'custom_wp_admin_css\', get_stylesheet_directory_uri() . \'/admin-style.css\', false, \'1.0.0\' );
    wp_enqueue_style( \'custom_wp_admin_css\' );
}
add_action( \'admin_enqueue_scripts\', \'load_custom_wp_admin_style\' );
这避免了修改核心，对子主题友好，并允许您根据需要轻松修改管理员内部的其他样式。

SO网友:Stathis

您可以使用Woo Product price Styler插件自定义价格字体、价格大小、价格颜色，链接为https://codecanyon.net/item/woo-product-price-styler/15730651

结束
标签： woocommerce-offtopic   小码农  

相关推荐