প্লাগইন সিএসএস ওভারাইড করার সেরা উপায়?


36

বর্তমানে, আমি প্লাগইন স্টাইলগুলিকে ওভাররাইড করতে সিএসএসের নির্দিষ্টতা ব্যবহার করি। প্লাগিনটি সম্পাদনা করার জন্য আমি এটি পছন্দ করি কারণ আপনি আপডেট করার সময় এটি মাথা ব্যথা কম করে।

আমার স্টাইল শীটটি প্লাগইনগুলির পরে লোড করা ভাল লাগবে, যাতে আমাকে কেবল নির্দিষ্ট হিসাবে থাকতে হবে, আরও বেশি নয়। এটি আমার স্টাইলশিটগুলিকে অনেক সুন্দর করে তুলবে।


1
সিএসএস স্পেসিফিকেশন সম্পর্কে আমাকে শেখানোর জন্য আপভোট করুন, আপনার প্রশ্নের আগে এর আগে কখনও শুনিনি এবং এটি আমাকে একগুচ্ছ সাহায্য করেছিল!
luke_mclachlan

উত্তর:


21

আপনার পরামর্শ অনুসারে, আপনার সিএসএস ওভাররাইডগুলি প্লাগিনগুলি দ্বারা ইনজেকশনের পরে সিএসএসের পরে লোড করা হলে সর্বাধিক মার্জিত পন্থা। এটি অর্জন করা বেশ সহজ - আপনার স্টাইল শিটটি উল্লেখ header.phpকরার wp_head()আগে আপনার কলগুলি নিশ্চিত করা দরকার :

<head>
    <!-- all the usual preamble stuff goes here -->

    <?php wp_head(); ?>

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
</head>

এবং যদি আমি একটি শিশু থিম ব্যবহার করছি? আমি আমার পিতামাতার থিমের হেডার.এফপি ওভাররাইড করতে পছন্দ করি না।
জুলাই 10

19

প্লাগইনগুলি সিএসএস পরিচালনা করতে পারে এমন বেশ কয়েকটি উপায় রয়েছে।

  • সেরা কেস: প্লাগইন সিএসএস সারি করে এবং এটি অক্ষম করার বিকল্প সরবরাহ করে (এটি অক্ষম করুন, আপনার স্টাইলশীটে সিএসএস কোডটি অনুলিপি করুন এবং খুশি হন);
  • ভাল কেস: প্লাগইন হুক্স ফাংশন যা সারি স্টাইল (আনহুক ফাংশন, আপনার নিজের প্রয়োজন মোডগুলি দিয়ে হুক করুন);
  • সাধারণ ক্ষেত্রে: প্লাগইন সরাসরি সিএসএসের সারি। দেখুন কিভাবে একটি স্ক্রিপ্ট dequeue কিভাবে? (স্টাইলগুলিতেও প্রযোজ্য)। সংক্ষিপ্ত সংস্করণ - ভবিষ্যতের ডাব্লুপি রিলিজে ডিউকু ফাংশন থাকবে, আপাতত এটি কাজ করতে পারেwp_deregister_*
  • খারাপ কেস: প্লাগইন সিএসএস প্রতিধ্বনিত করে অন্যান্য জিনিসগুলির মধ্যে। কেস কেস কেস ...

সামগ্রিকভাবে আমার মতে পৃথক স্টাইলশিটগুলি অক্ষম করা এবং সমস্যাগুলি হ্রাস করতে এবং কর্মক্ষমতা উন্নত করতে (কম ফাইল আনার জন্য) এগুলি আপনার নিজের মধ্যে অন্তর্ভুক্ত করা আরও ভাল এবং সহজ।


আমি কীভাবে জানব এটি কোনটি?
আইয়ানইডিংটন

1
বেশিরভাগ কোড দেখে। :)
প্রথম

2

আর একটি বেশ মার্জিত উপায় হ'ল সিএসএসের নির্দিষ্টতা ব্যবহার করা।

সুতরাং যদি প্লাগইনের সিএসএস বলে:

div.product div.images img {
  ......
}

আপনি আপনার সিএসএস এ সংজ্ঞা দিন:

body div.product div.images img {
  ......
}

একই রকম প্রশ্নের জন্য মাইকেল র্যাডারের উত্তরও দেখুন ।


ঠিক আছে, অনেক ধন্যবাদ তোমাকে. এটি আমার কাছে গ্রহণযোগ্য উত্তর হবে। কেবল সাধারণ স্টাইল। সিএসএস ব্যবহার করুন এবং স্পষ্টতার সাথে শাইনের মতো কাজ করে!
লুকা রেজেলিন

1

আমি থিম ফোল্ডারে "ইচ্ছুক নয়" প্লাগইন সিএসএসের একটি অনুলিপি সংরক্ষণ করি এবং এটি যুক্ত করে থিম সিএসএসে আমদানি করি

@import url('name-of-the-plugin-css.css');

এটিতে (অবশ্যই, আমি ইনজেক্ট করছি তার দ্বারা .css নামটি প্রতিস্থাপন করা) তারপরে আমি থিম ফোল্ডারে সিএসএস অনুলিপিটি পরিবর্তন করেছি এবং অন্যান্য ফাইলগুলির মতো করে এটি সার্ভারে সংরক্ষণ করি save ওহ, হ্যাঁ, কখনও কখনও আইডি বা ক্লাসগুলিকে "গুরুত্বপূর্ণ" নিয়োগের মাধ্যমে পরিবর্তিত "পেরেক" লাগতে পারে।

আমি জানি না যে এটি শিল্পের রাজ্য কিনা, তবে এটি কোনও ক্ষতি করে না এবং ঠিক কাজ করে।


0

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

আপনি তাত্ত্বিক বৈশিষ্ট্য নির্বাচনকারীদেরও ব্যবহার করতে পারেন। যাইহোক, আমি এখনও সেই তত্ত্বটি পরীক্ষার জন্য রেখেছি।


0

আমি আমার কাস্টম সিএসএসের জন্য গুরুত্বপূর্ণ এবং সেই প্লাগইনটির জন্য স্টাইলিংটিকে ওভাররাইড করে যা আমি সমস্যায় পড়ছিলাম using প্লাগইনটির বিকাশকারী সিএসএস জুড়ে গুরুত্বপূর্ণ ব্যবহার করছিল এবং সে কারণেই আমি এটিকে ওভাররাইট করতে পারি না! গুরুত্বপূর্ণ।

body {
font-family: "Open Sans", Arial, sans-serif !important;
font-weight: 300 !important;    
}

-1

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

আপনি তাত্ত্বিক বৈশিষ্ট্য নির্বাচনকারীদেরও ব্যবহার করতে পারেন। যাইহোক, আমি এখনও সেই তত্ত্বটি পরীক্ষার জন্য রেখেছি।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.