Maitiro ekuviga WordPress theme zuva CSS maitiro? div yakavanzika css maitiro tutori

Maitiro ekuvanza date CSS style mu WordPress theme?

DIV yakavanzika CSS chimiro chidzidzo

Chen Weiliang achangobva kugadzirisa nekugadzirisa template yewebhusaiti, achiita izvi kuitira kuti afunge nezve SEO uye ruzivo rwevashandisi.

Nyanzvi itsva yezvenhau yakabvunza kuti: Tingavanza sei chiratidzo kana zuva mumusoro weWordPress?

Mhinduro ndeyekuvanza masitaera neCSS:

.r-hide {display：none;}

CSS yakavanzika masitaera anogona kuwana:

• 1) Mavara akavanzika
• 2) Viga hyperlink (black links)
• 3) Viga nhamba yekodhi
• 4) Viga chiratidzo

Chekutanga, isu tinofanirwa kutsvaga CSS selectors.

Chii chinonzi CSS selectors?

Tsanangudzo yemhando yega yega yeCSS ine zvikamu zviviri:

选择器{样式}

• Chikamu chiri pamberi pe {} ndicho "sarudzi".
• "Sector" inoratidza "maitiro" echinhu {}.
• Maonero echinhu chipi chepeji chinoshanda "maitiro" aya?

Nzira yekuwana sei CSS selectors?

Code Muenzaniso 1

Unotevera muenzaniso weGIF animation. Mushure mekutsvaga CSS selector kuburikidza nebrowser, zuva rakavigwa▼

Wana CSS selectors time.the-date Mushure meizvozvo, wedzera inotevera CSS kodhi kune iyo style.css faira yeWP theme:

time.the-date {
 display: none;
}

Code Muenzaniso 2

Heino maitiro ekusarudza uye kutaira chinhu chine kirasi = "r-hide":

.r-hide {display：none;}

Kana dingindira rako reWP riine basa rekusarudza, unogona kuwedzera kodhi yeCSS iri pamusoro apa kubhokisi rekodhi muWP Theme Options → Customize Style → Custom Style.

• Shandisa maitiro eCSSkuratidza: hapana;  viga zvirimo,
• Zvisingaonekwe kuburikidza nebrowser, zvakavanzika zvemukati hazvitore nzvimbo,
• Inowanzo shandiswa kuvanza JS mhedzisiro, kuvanza zvidhori zvenhamba makodhi, nezvimwe.

Yakawedzerwa kuverenga:

• " Ndeupi musiyano uripo pakati peCSS selector kirasi uye id? id uye kushandiswa kwekirasi muHTML"