WordPress 테마 날짜 CSS 스타일을 숨기는 방법은 무엇입니까? div 숨겨진 CSS 스타일 튜토리얼

워드프레스 테마 에서 날짜 CSS 스타일을 숨기는 방법은 무엇인가요 ?

DIV 숨겨진 CSS 스타일 튜토리얼

첸 웨이량은 최근 SEO 와 사용자 경험을 고려하여 웹사이트 템플릿을 개선하고 최적화하는 작업을 진행해 왔습니다 .

한 뉴미디어 전문가가 "워드프레스 테마에서 특정 아이콘이나 날짜를 숨기는 방법은 무엇인가요?" 라고 질문했습니다.

대답은 CSS로 스타일을 숨기는 것입니다.

.r-hide {display：none;}

CSS 숨겨진 스타일은 다음을 달성할 수 있습니다.

• 1) 숨겨진 텍스트
• 2) 하이퍼링크 숨기기(검은색 링크)
• 3) 통계 코드 숨기기
• 4) 아이콘 숨기기

먼저 CSS 선택자를 찾아야 합니다.

CSS 선택기란 무엇입니까?

각 CSS 스타일의 정의는 두 부분으로 구성됩니다.

选择器{样式}

• {} 앞의 부분은 "선택기"입니다.
• "선택기"는 {} 객체의 "스타일"을 나타냅니다.
• 이 "스타일"이 작동하는 페이지 요소에 대한 의견은 무엇입니까?

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;}

워드프레스 테마에 옵션 기능이 있는 경우, 워드프레스 테마 옵션 → 스타일 사용자 정의 → 사용자 정의 스타일의 코드 상자에 위의 CSS 코드를 추가할 수 있습니다.

• CSS 스타일 사용디스플레이: 없음;  지정된 내용을 숨기고,
• 브라우저를 통해 보이지 않고 숨겨진 콘텐츠는 공간을 차지하지 않으며,
• 일반적으로 JS 효과 숨기기, 통계 코드 아이콘 숨기기 등에 사용됩니다.

확장 읽기:

• " CSS 선택기 클래스와 ID의 차이점은 무엇입니까? HTML의 id 및 클래스 사용법"