양식화 된 사용자 정의 워드 프레스 로그인 화면을 설계하십시오

이 안내서는 사용자 정의 CSS 및 작은 PHP 기능을 사용하여 몇 가지 간단한 단계로 WordPress 로그인 화면을 극적으로 사용자 정의하는 방법을 보여줍니다. 우리는 간단한 로고 변경을 넘어서서 완전히 브랜드 로그인 경험을 만들어 줄 것입니다.

. (정식 버전을 보려면 클릭하십시오)

이 튜토리얼에 사용 된 배경 이미지를 여기에서 다운로드하십시오 : 이 튜토리얼은 섹션으로 나뉘어 필요한 측면 만 사용자 정의 할 수 있습니다. 미묘한 조정을 원하든 완전한 점검을 원하든,이 안내서는 당신을 다루었습니다. 1 단계 : 수정 먼저, 로그인 화면에 사용자 정의 스타일 시트를 사용하도록 WordPress를 알리기 위해 테마의

파일에 코드를 추가해야합니다. 다음 코드를 파일에 붙여 넣으십시오

이 코드는 동작에 연결되며 파일을 포함합니다. 함수와 가 모두 포함되어 있는지 확인하십시오. CSS 파일의 경로는 테마 디렉토리와 관련이 있습니다. 필요한 경우 조정하십시오. 2 단계 : 생성

테마 디렉토리 (와 동일한 폴더)에서

라는 파일을 만듭니다. 이곳에서 모든 커스텀 CSS를 추가 할 수 있습니다 3 단계 : 로그인 화면 (CSS)을 사용자 정의하십시오 이제 파일에 CSS를 추가합시다. 다음 코드는 포괄적 인 사용자 정의를 제공하지만 필요한 부품 만 선택적으로 사용할 수 있습니다.

및 와 같은 자리 표시자를 이미지의 실제 파일 이름으로 바꾸는 것을 잊지 마십시오. 최적의 적합을 위해 로고가 247x63 픽셀이어야합니다.

4 단계 : 로고 링크를 변경 (선택 사항) 로고와 관련된 링크를 변경하려면 파일에 추가하십시오. 이것은 로고를 사이트의 홈페이지로 클릭합니다.

이러한 변경을 수행 한 후 브라우저 캐시를 지우고 사용자 정의 된 로그인 화면을 테스트하십시오. 코드를 변경하기 전에 항상 웹 사이트를 백업하는 것을 잊지 마십시오.

위 내용은 양식화 된 사용자 정의 워드 프레스 로그인 화면을 설계하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!