จัดทำคอลัมน์แบบกำหนดเองในแผงควบคุม (โดยเฉพาะการปรับความกว้างของคอลัมน์)

ฉันใช้ Wordpress เป็น CMS สำหรับโครงการที่ใช้ประโยชน์จากประเภทโพสต์ที่กำหนดเองอย่างกว้างขวาง ฉันต้องการแสดงคอลัมน์ในแผงควบคุมของผู้ดูแลระบบสำหรับโพสต์ที่กำหนดเองแต่ละประเภทในวิธีที่แตกต่างกัน

ฉันได้สร้างคอลัมน์ที่จำเป็นและเติมแล้ว สิ่งที่ฉันต้องทำคือปรับ CSS สักเล็กน้อย ที่สำคัญที่สุดฉันพยายามปรับแต่งความกว้างของคอลัมน์บางคอลัมน์ ตัวอย่างเช่นฉันไม่ต้องการคอลัมน์ที่แสดงรหัสโพสต์ให้กว้างเท่ากับชื่อโพสต์

ฉันลงทะเบียนสไตล์ชีทในพาเนลผู้ดูแลระบบสำหรับประเภทโพสต์ที่กำหนดเองของฉัน แต่ฉันไม่สามารถทำให้สไตล์ความกว้างคอลัมน์เหมาะสม

ฉันพยายามปรับความกว้างสูงสุดขององค์ประกอบที่ th หรือ td แต่มันไม่มีประสิทธิภาพ จาก 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>';
}

ขอบคุณ Nicusor: ทำงานได้ดี ฉันสามารถเปลี่ยนความกว้างของคอลัมน์ที่เลือกในแผงกระทู้ (เช่นชื่อผู้แต่งหมวดหมู่) ด้วยโซลูชันของคุณดังนี้:

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 นอกจากนี้คำยาวที่ไม่มีช่องว่างหรือรูปภาพขนาดใหญ่อาจบังคับให้คอลัมน์กว้างกว่าที่ระบุในเบราว์เซอร์บางตัว

คุณสามารถลองวิธีนี้แก้ไขปัญหาของคุณ:

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