WordPress 管理面板中的樣式自定義列 (特別是調整列單元格寬度)

問題描述

我正在使用 Wordpress 作為一個專案的 CMS，廣泛使用自定義的職位型別。我需要在管理面板中以不同的方式顯示每個自定義帖子型別的列。

我已經建立了必要的列並填充它們。我需要做的是調整 CSS 一點。最重要的是我試圖調整某些列的寬度。例如，我不需要列出與標題一樣寬的列的列。

我在管理面板中為我的自定義帖子型別排隊了一個樣式表，但是我無法正確地對列寬進行樣式化。

我試圖調整 th 或 td 元素的 max-width，但它是無效的。從 firebug 我可以看到 css 風格在那裡，但它什麼都不做。

雖然我可以找到很多教程來新增/編輯自定義列，但我並沒有真正收集有關如何對這些列進行樣式的資訊。任何提示？

謝謝！

最佳解決方案

我找到了一個適合我的解決方案！

我把這個程式碼放在 functions.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>';
}

次佳解決方案

謝謝尼科斯：工作很棒。我可以使用您的解決方案更改「帖子」面板上的所選列的寬度 (例如標題，作者，類別)，如下所示：

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>';
}

第三種解決方案

您應該可以很容易地使用 CSS 設定列寬。您可以使用.column-{name}類將樣式應用於列單元格 (th 和 td) 。例如：

.column-mycolumn { width:20%; }

由於 CSS specificity 規則，請確保您沒有其他樣式會推翻您的列寬。而且，沒有空格或大影像的長字可能會迫使列比某些瀏覽器中的列寬。

參考文獻

Style custom columns in admin panels (especially to adjust column cell widths)

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。

WordPress 管理面板中的樣式自定義列 (特別是調整列單元格寬度)