অ্যাডমিন প্যানেলগুলিতে কাস্টম কলামগুলি স্টাইল করুন (বিশেষত কলাম সেল প্রস্থগুলি সামঞ্জস্য করতে)

Question

আমি কোনও প্রকল্পের জন্য ওয়ার্ডপ্রেসকে সিএমএস হিসাবে ব্যবহার করছি যা কাস্টম পোস্ট ধরণের ব্যাপক ব্যবহার করে। আমার প্রতিটি কাস্টম পোস্টের জন্য অ্যাডমিন প্যানেলে কলামগুলি ভিন্ন উপায়ে প্রদর্শন করতে হবে।

আমি ইতিমধ্যে প্রয়োজনীয় কলামগুলি তৈরি করেছি এবং সেগুলি জনপ্রিয় করেছি। আমার যা করা দরকার তা হ'ল সিএসএসকে কিছুটা সামঞ্জস্য করা। সর্বাধিক গুরুত্বপূর্ণ আমি কয়েকটি কলামের প্রস্থটি টুইঙ্ক করার চেষ্টা করছি। উদাহরণস্বরূপ পোস্টের নামের মতো চওড়া হওয়ার জন্য পোস্ট আইডি তালিকাভুক্ত কলামের দরকার নেই।

আমি আমার কাস্টম পোস্ট ধরণের জন্য অ্যাডমিন প্যানেলে একটি স্টাইলশিট সজ্জিত করেছিলাম তবে কলামের প্রস্থের স্টাইল করার জন্য এটি সঠিকভাবে পেতে পারি না।

আমি th বা td উপাদানগুলির সর্বাধিক প্রস্থ সামঞ্জস্য করার চেষ্টা করেছি, তবে এটি অকার্যকর। ফায়ারব্যাগ থেকে আমি দেখতে পাচ্ছি যে CSS স্টাইলটি আছে, কিন্তু এটি কিছুই করছে না।

আমি কাস্টম কলামগুলি সংযোজন / সম্পাদনা করার জন্য প্রচুর টিউটোরিয়াল পেয়েছি, তবে এই জাতীয় কলামগুলি কীভাবে স্টাইল করা যায় সে সম্পর্কে আমি সত্যিই খুব বেশি তথ্য সংগ্রহ করি নি। কোন ইঙ্গিত?

ধন্যবাদ!

Answer 1

আমি একটি সমাধান খুঁজে পেয়েছি যা আমার পক্ষে কাজ করে!

আমি এই কোডগুলি ফাংশন.এফপি-তে ফেলেছি:

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

Answer 2

ধন্যবাদ নিক্সার: দুর্দান্ত কাজ করে। আমি নিম্নলিখিত হিসাবে আপনার সমাধান সহ পোস্ট প্যানেলে নির্বাচিত কলামগুলির প্রস্থ (যেমন শিরোনাম, লেখক, বিভাগগুলি) পরিবর্তন করতে সক্ষম হয়েছি:

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

Answer 3

আপনার সিএসএস ব্যবহার করে খুব সহজেই কলামের প্রস্থ সেট করতে সক্ষম হওয়া উচিত। আপনি .column-{name}কলাম কক্ষে (উভয় thএবং উভয় td) স্টাইল প্রয়োগ করতে ক্লাসটি ব্যবহার করতে পারেন । উদাহরণ স্বরূপ:

.column-mycolumn { width:20%; }

সিএসএস নির্দিষ্টকরণের বিধিগুলির কারণে আপনার কলামের প্রস্থকে ওভাররুলিং করে অন্য শৈলী নেই বলে নিশ্চিত করুন । এছাড়াও, ফাঁকা স্থান বা বড় চিত্রবিহীন দীর্ঘ শব্দগুলি কিছু ব্রাউজারে উল্লিখিত চেয়ে কলামটি আরও বিস্তৃত করতে বাধ্য করতে পারে।

Comments

এটা কাজ করেছে! তোমাকে অনেক ধন্যবাদ! আমি আমার সিএসএস স্পষ্টতই overcomplicating ছিল

— unforvio

আমার কাছে "ক্লিক" নামে একটি কলাম রয়েছে এবং আমার কোডথের স্টাইলস.এসএস ফাইলের এই কোডটি অ্যাডমিন পোস্টের তালিকায় কোনও প্রভাব ফেলবে না! .কলাম-ক্লিকগুলি {প্রস্থ: 60px; ।

— নিকসোর ডুমব্রভা

Answer 4

এটি আপনার সমস্যার সমাধান করার চেষ্টা করতে পারেন:

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

Comments

প্রতিটি সিএসএস লাইনে কোনও সেমিকোলন নেই।

— উত্তরত্রী

এটি খুব দরকারী ছিল। কেবল যোগ করার জন্য, ওয়ার্ডপ্রেস আমাদের কয়েকটি সম্পাদক ব্যবহারকারী বড় স্ক্রিনের মোবাইলগুলিতেও ব্যবহার করেন, তাই !importantউপরের বিধিগুলির দ্বারা ডাব্লুপির অ্যাডমিন তালিকার ডিফল্ট নকশাটি ভেঙে দেওয়ার কারণে আমরা মিডিয়া প্রশ্নগুলি যুক্ত করেছি । যদিও এটি খুব সহজ পরামর্শ is ধন্যবাদ!

— পিকেহান্টার

ডিফল্টরূপে, কিছু কলামের ক্লাস থাকে .fixedযার ফলাফল হয় width: 15%; । এটি নিশ্চিত করে যে এই কলামগুলিতে অন্যদের তুলনায় তাদের আরও বেশি বরাদ্দ রয়েছে (যা একাধিক লাইন ভাঙ্গার সম্ভাবনা রয়েছে)) তবে বাস্তবে, এর ফলে কলামগুলি তাদের প্রয়োজনের চেয়ে বেশি স্থান পাবে! আপনার কম গুরুত্বপূর্ণ কলামগুলির জন্য অতিরিক্ত স্থান দেওয়া এড়াতে আপনি গৌরাঙ্গের ক্রিয়াকলাপটিকে উপরের দিকে অভিযোজিত করতে পারেন। উদাহরণ: .column-tags { width: initial !important; }।

— ফ্যাবিয়েন স্নোওয়ার্ট