it-swarm.asia

نمط الأعمدة المخصصة في لوحات الإدارة (خاصةً لضبط عرض خلايا العمود)

أنا أستخدم Wordpress كـ CMS لمشروع يجعل الاستخدام المكثف لأنواع النشر المخصصة. أحتاج إلى عرض الأعمدة في لوحات الإدارة لكل نوع منشور مخصص بطريقة مختلفة.

لقد قمت بالفعل بإنشاء الأعمدة اللازمة وسكانها. ما أحتاجه هو ضبط CSS قليلاً. الأهم من ذلك أنني أحاول تعديل عرض بعض الأعمدة. على سبيل المثال ، لا أحتاج إلى عمود يسرد معرف المنشور ليكون عريضًا باسم الاسم المنشور.

قمت بوضع ورقة أنماط في لوحات المشرف لأنواع المنشورات المخصصة الخاصة بي ، لكن لا يمكنني الحصول عليها بطريقة صحيحة لعرض أنماط الأعمدة.

حاولت ضبط الحد الأقصى لعرض العناصر th أو td ، لكنه غير فعال. من firebug أستطيع أن أرى نمط css موجود ، لكنه لا يفعل شيئًا.

على الرغم من إمكانية العثور على الكثير من البرامج التعليمية لإضافة/تحرير أعمدة مخصصة ، إلا أنني لم أجمع الكثير من المعلومات حول كيفية تصميم هذه الأعمدة. أي تلميح؟

شكرا لكم!

14
unfulvio

لقد وجدت حلاً يناسبني!

لقد أسقطت هذا الرمز في jobs.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>';
}
25
Nicusor Dumbrava

شكرا نيكوسور: يعمل عظيم. تمكنت من تغيير عرض الأعمدة المحددة في لوحة المنشورات (مثل العنوان ، المؤلف ، الفئات) مع الحل الخاص بك على النحو التالي:

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

يمكنك تجربة هذا حل مشاكلك:

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;
}
4
Gaurang P

يجب أن تكون قادرًا على ضبط عرض العمود باستخدام CSS بسهولة تامة. يمكنك استخدام فئة .column-{name} لتطبيق الأنماط على خلايا العمود (كل من th و td). فمثلا:

.column-mycolumn { width:20%; }

تأكد من عدم امتلاكك لأنماط أخرى تتجاوز عرض العمود الخاص بك بسبب خصوصية CSS القواعد. أيضًا ، قد تؤدي الكلمات الطويلة بدون مسافات أو الصور الكبيرة إلى إجبار العمود على أن يكون أوسع من المحدد في بعض المتصفحات.

4
Geert