WordPressテーマの日付CSSスタイルを非表示にする方法は? div隠しCSSスタイルのチュートリアル

隠す方法WordPressテーマの日付 CSS スタイル?

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の違いは何ですか? HTML での id とクラスの使用法