Tạo cột tùy chỉnh trong bảng quản trị (đặc biệt là để điều chỉnh độ rộng của cột)

Tôi đang sử dụng Wordpress như một CMS cho một dự án sử dụng rộng rãi các loại bài đăng tùy chỉnh. Tôi cần hiển thị các cột trong bảng quản trị cho mỗi loại bài đăng tùy chỉnh theo một cách khác nhau.

Tôi đã tạo các cột cần thiết và điền chúng. Điều tôi cần làm là điều chỉnh CSS một chút. Quan trọng nhất là tôi đang cố gắng điều chỉnh độ rộng của các cột nhất định. Ví dụ: tôi không cần một cột liệt kê ID bài đăng phải rộng bằng tên bài đăng.

Tôi đã yêu cầu một bản định kiểu trong bảng quản trị cho các loại bài đăng tùy chỉnh của mình nhưng tôi không thể hiểu đúng về kiểu chiều rộng của cột.

Tôi đã cố gắng điều chỉnh độ rộng tối đa của các phần tử th hoặc td, nhưng nó không hiệu quả. Từ con bọ lửa tôi có thể thấy phong cách css ở đó, nhưng nó chẳng làm gì cả.

Mặc dù tôi có thể tìm thấy rất nhiều hướng dẫn để thêm / chỉnh sửa các cột tùy chỉnh, tôi thực sự không thu thập được nhiều thông tin về cách tạo kiểu cho các cột đó. Có gợi ý nào không?

Cảm ơn bạn!

Tôi tìm thấy một giải pháp hiệu quả cho tôi!

Tôi đã bỏ mã này trong Hàm.php:

add_action('admin_head', 'my_column_width');

function my_column_width() {
    echo '<style type="text/css">';
    echo '.column-mycolumn { text-align: center; width:60px !important; overflow:hidden }';
    echo '</style>';
}

Cảm ơn Nicusor: Hoạt động tuyệt vời. Tôi đã có thể thay đổi độ rộng của các cột được chọn trên bảng Bài viết (ví dụ: Tiêu đề, Tác giả, Danh mục) với giải pháp của bạn như sau:

add_action('admin_head', 'my_admin_column_width');
function my_admin_column_width() {
    echo '<style type="text/css">
        .column-title { text-align: left; width:200px !important; overflow:hidden }
        .column-author { text-align: left; width:100px !important; overflow:hidden }
        .column-categories { text-align: left; width:100px !important; overflow:hidden }
    </style>';
}

Bạn có thể đặt chiều rộng cột bằng CSS khá dễ dàng. Bạn có thể sử dụng .column-{name}lớp để áp dụng các kiểu cho các ô cột (cả thvà td). Ví dụ:

.column-mycolumn { width:20%; }

Hãy chắc chắn rằng bạn không có các kiểu khác ghi đè chiều rộng cột của bạn vì các quy tắc cụ thể của CSS . Ngoài ra, các từ dài không có khoảng trắng hoặc hình ảnh lớn có thể buộc cột phải rộng hơn chỉ định trong một số trình duyệt.

Bạn có thể thử điều này giải quyết vấn đề của bạn:

add_action('admin_head', 'my_admin_custom_styles');
function my_admin_custom_styles() {
    $output_css = '<style type="text/css">
        .column-date { display: none }
        .column-tags { display: none }
        .column-author { width:30px !important; overflow:hidden }
        .column-categories { width:30px !important; overflow:hidden }
        .column-title a { font-size:30px !important }
    </style>';
    echo $output_css;
}