কিভাবে ওয়ার্ডপ্রেস থিম তারিখ সিএসএস শৈলী লুকান? ডিভি হিডেন সিএসএস স্টাইল টিউটোরিয়াল

如何 隐藏ওয়ার্ডপ্রেসথিম তারিখ CSS শৈলী?

DIV লুকানো CSS শৈলী টিউটোরিয়াল

চেন উইলিয়াংসম্প্রতি, ওয়েবসাইট টেমপ্লেট উন্নত এবং অপ্টিমাইজ করা হয়েছে, এবং এটিও বিবেচনায় নেওয়ার জন্য করা হয়েছেএসইওব্যবহারকারীর অভিজ্ঞতা.

আছেনতুন মিডিয়ালোকেরা জিজ্ঞাসা করেছিল:আমরা যদি একটি নির্দিষ্ট আইকন, একটি ওয়ার্ডপ্রেস থিমের তারিখ লুকাতে চাই?

উত্তর হল CSS দিয়ে শৈলী লুকানো:

.r-hide {display：none;}

CSS লুকানো শৈলী অর্জন করতে পারে:

• 1) লুকানো পাঠ্য
• 2) হাইপারলিঙ্ক লুকান (কালো লিঙ্ক)
• 3) পরিসংখ্যান কোড লুকান
• 4) আইকন লুকান

প্রথমত, আমাদের CSS নির্বাচকদের খুঁজে বের করতে হবে।

CSS নির্বাচক কি?

প্রতিটি CSS শৈলীর সংজ্ঞা 2টি অংশ নিয়ে গঠিত:

选择器{样式}

• {} এর আগের অংশটি হল "নির্বাচক"।
• "নির্বাচক" {} অবজেক্টের "স্টাইল" নির্দেশ করে।
• পৃষ্ঠার কোন উপাদানের উপর মন্তব্য এই "শৈলী" কাজ করে?

কিভাবে CSS নির্বাচকদের খুঁজে বের করবেন?

কোড উদাহরণ 1

নিম্নলিখিতটি একটি GIF অ্যানিমেশনের উদাহরণ। ব্রাউজারের মাধ্যমে CSS নির্বাচক খুঁজে পাওয়ার পরে, তারিখটি লুকানো হয়▼

CSS নির্বাচক পান time.the-date এর পরে, WP থিমের style.css ফাইলে নিম্নলিখিত CSS কোড যোগ করুন:

time.the-date {
 display: none;
}

কোড উদাহরণ 2

এখানে কিভাবে class="r-hide" দিয়ে একটি উপাদান নির্বাচন এবং স্টাইল করা যায়:

.r-hide {display：none;}

যদি WP থিমের বিকল্প থাকে, আপনি উপরের CSS কোডটি যোগ করতে পারেনWP থিম বিকল্প → কাস্টমাইজ স্টাইল → কাস্টমাইজশৈলী কোড বক্স।

• CSS শৈলী ব্যবহার করুনপ্রদর্শন: কোনোটিই নয়;  নির্দিষ্ট বিষয়বস্তু লুকান,
• ব্রাউজারের মাধ্যমে অদৃশ্য, লুকানো সামগ্রী স্থান নেয় না,
• সাধারণত JS প্রভাব লুকাতে, পরিসংখ্যানগত কোডের আইকন লুকানোর জন্য ব্যবহৃত হয়।

বর্ধিত পড়া:

• " সিএসএস নির্বাচক শ্রেণী এবং আইডি মধ্যে পার্থক্য কি? এইচটিএমএল এ আইডি এবং ক্লাস ব্যবহার"