구독자 중 한 명이 WordPress의 배경색을 무작위로 변경할 수 있는지 문의했습니다. 배경 색상은 청중에게 중요한 역할을 합니다. 사용자가 웹 사이트와 상호 작용하는 방식을 변경할 수 있습니다. 이 튜토리얼에서는 배경색을 무작위로 변경하는 방법을 보여 드리겠습니다. 워드 프레스 블로그.

1 방법 : 임의의 색상을 수동으로 추가하는 방법

이 방법은 개발자를위한 것입니다. 플러그인이나 테마에 코드의 일부를 추가해야합니다. 당신이 보여졌다 기억 워드 프레스 플러그인을 만드는 방법.

플러그인이나 테마의 "functions.php"파일에 다음 코드를 추가하기 만하면됩니다.

함수 bpc_bg () {$ 랜드 = 배열 ​​( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'e', ​​'f'); $ 컬러 = "#". $ 랜드 [랜드 (0,15)]. $ 랜드 [랜드 (0,15)]. $ 랜드 [랜드 (0,15)]. $ 랜드 [랜드 (0,15)] $ 랜드 [랜드 (0,15)] $ 랜드 [랜드 (0,15)] .. echo $ color; }

이 기능은 미리 생성 한 XNUMX 진수 색상 만 표시합니다.

따라서 다음 이미지와 같이 boy 태그가있는 테마의 header.php 파일을 수정해야합니다.

>

다음 코드로 바꾸어야합니다.

스타일 = "배경색 : ">>

파일을 저장하고 페이지를 새로 고치면 매번 색상이 변경되는 것을 알 수 있습니다.

선택할 수있는 색상에는 제한이 없습니다. 미리 정의한 색상으로 동일한 작업을 수행 할 수도 있습니다.

방법 2 : 플러그인으로 배경색을 변경하는 방법

이 방법의 렌더링이 더 좋습니다. 여러 색상을 동시에 동적으로 표시 할 수 있기 때문입니다. 플러그인을 설치하고 활성화하기 만하면됩니다. 화려한 배경색. 우리 가이드를 읽을 수 있습니다. WordPress 플러그인 설치 및 활성화.

액세스하여  블로그, 후자에는 그라데이션 전환에서 변경되는 줄무늬로 표시되는 배경색이 있음을 알 수 있습니다.

3 방법 : CSS 클래스를 사용하여 사용자 지정 색을 추가하는 방법

Presque tous 레슨 워드 프레스 테마 표준 사용 " body_class » "body" 태그에 WordPress에서 가져온 것입니다. 이 기능은 WordPress 또는 플러그인에서 생성된 CSS 클래스를 body 태그에 추가합니다. 블로그. 각 클래스는 자신이 속한 위치에 따라 다릅니다. 따라서 카테고리의 클래스는 아카이브나 저자의 클래스와 다릅니다.

예를 들어 " 사진술", 그러면 블로그 아카이브 페이지에서 해당 클래스를 찾을 수 있습니다.

지금부터이 스타일에 특정 스타일을 적용 할 수 있습니다.

body.category-photography {배경색 : #faebd7; }

마찬가지로 특정 카테고리에 특정 코드를 적용 할 수 있습니다

body.postid-65 {배경색 : #faebd7; }

그것이 알아야 할 모든 것입니다. 이 튜토리얼을 통해 사용자 정의 클래스를 추가할 수 있기를 바랍니다. 워드 프레스 블로그. 이 기사를 좋아하는 소셜 네트워크에서 친구들과 자유롭게 공유하십시오.