ਵਰਡਪਰੈਸ ਥੀਮ ਮਿਤੀ CSS ਸ਼ੈਲੀ ਨੂੰ ਕਿਵੇਂ ਲੁਕਾਉਣਾ ਹੈ? div ਛੁਪਿਆ css ਸ਼ੈਲੀ ਟਿਊਟੋਰਿਅਲ

如何 隐藏ਵਰਡਪਰੈਸਥੀਮ ਮਿਤੀ CSS ਸ਼ੈਲੀ?

DIV ਲੁਕਿਆ CSS ਸ਼ੈਲੀ ਟਿਊਟੋਰਿਅਲ

ਚੇਨ ਵੇਲਿਯਾਂਗਹਾਲ ਹੀ ਵਿੱਚ, ਵੈਬਸਾਈਟ ਟੈਂਪਲੇਟ ਨੂੰ ਸੁਧਾਰਿਆ ਗਿਆ ਹੈ ਅਤੇ ਅਨੁਕੂਲ ਬਣਾਇਆ ਗਿਆ ਹੈ, ਅਤੇ ਇਸ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣ ਲਈ ਵੀ ਕੀਤਾ ਗਿਆ ਹੈSEOਉਪਭੋਗਤਾ ਅਨੁਭਵ.

ਹੈਨਵਾਂ ਮੀਡੀਆਲੋਕਾਂ ਨੇ ਪੁੱਛਿਆ:ਜੇਕਰ ਅਸੀਂ ਇੱਕ ਵਰਡਪਰੈਸ ਥੀਮ ਦੀ ਇੱਕ ਖਾਸ ਆਈਕਨ, ਮਿਤੀ ਨੂੰ ਲੁਕਾਉਣਾ ਚਾਹੁੰਦੇ ਹਾਂ ਤਾਂ ਕੀ ਹੋਵੇਗਾ?

ਜਵਾਬ 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 ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਲੁਕਾਉਣ, ਅੰਕੜਾ ਕੋਡਾਂ ਦੇ ਆਈਕਨਾਂ ਨੂੰ ਲੁਕਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਆਦਿ।

ਵਿਸਤ੍ਰਿਤ ਪੜ੍ਹਾਈ:

• " CSS ਚੋਣਕਾਰ ਕਲਾਸ ਅਤੇ ਆਈਡੀ ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ? HTML ਵਿੱਚ id ਅਤੇ ਕਲਾਸ ਦੀ ਵਰਤੋਂ"