როგორ დავმალოთ WordPress თემის თარიღი CSS სტილი? div დამალული css სტილის გაკვეთილი

როგორ დავმალოთ თარიღის CSS სტილი WordPress თემაში?

DIV დამალული CSS სტილის გაკვეთილი

ჩენ ვეილიანგი ბოლო დროს ვებსაიტის შაბლონის დახვეწასა და ოპტიმიზაციას ახდენს SEO-სა და მომხმარებლის გამოცდილების გათვალისწინებით.

ახალმა მედია სპეციალისტმა იკითხა: როგორ შეგვიძლია WordPress თემაში კონკრეტული ხატულას ან თარიღის დამალვა?

პასუხი არის სტილის დამალვა CSS-ით:

.r-hide {display：none;}

CSS დამალულ სტილებს შეუძლიათ მიაღწიონ:

• 1) ფარული ტექსტი
• 2) ჰიპერბმულების დამალვა (შავი ბმულები)
• 3) სტატისტიკური კოდის დამალვა
• 4) ხატის დამალვა

პირველ რიგში, ჩვენ უნდა ვიპოვოთ CSS სელექტორები.

რა არის CSS სელექტორები?

თითოეული CSS სტილის განმარტება შედგება 2 ნაწილისგან:

选择器{样式}

• ნაწილი {}-მდე არის "სელექტორი".
• "სელექტორი" მიუთითებს {} ობიექტის "სტილს".
• კომენტარები გვერდის რომელ ელემენტზე მუშაობს ეს "სტილი"?

როგორ მოვძებნოთ CSS სელექტორები?

კოდის მაგალითი 1

ქვემოთ მოცემულია GIF ანიმაციის მაგალითი. ბრაუზერის საშუალებით CSS სელექტორის პოვნის შემდეგ, თარიღი დამალულია ▼

მიიღეთ CSS სელექტორები time.the-date ამის შემდეგ, დაამატეთ შემდეგი CSS კოდი WP თემის style.css ფაილში:

time.the-date {
 display: none;
}

კოდის მაგალითი 2

აი, როგორ ავირჩიოთ და დაასტირიოთ ელემენტი class="r-hide"-ით:

.r-hide {display：none;}

თუ თქვენს WP თემას აქვს ოფციის ფუნქცია, შეგიძლიათ დაამატოთ ზემოთ მოცემული CSS კოდი კოდის ველში WP თემის პარამეტრები → სტილის მორგება → სტილის მორგება.

• გამოიყენეთ CSS სტილებიჩვენება: არცერთი;  მითითებული შინაარსის დამალვა,
• უხილავი ბრაუზერის საშუალებით, ფარული შინაარსი არ იკავებს ადგილს,
• ჩვეულებრივ გამოიყენება JS ეფექტების დასამალად, სტატისტიკური კოდების ხატების დასამალად და ა.შ.

გაფართოებული კითხვა:

• " რა განსხვავებაა CSS სელექტორის კლასსა და id-ს შორის? id და კლასის გამოყენება HTML-ში"