갤러리 2 매트릭스 테마 사용자 정의

• 할 수있다 13, 2024

마지막 튜토리얼에서, 우리는 갤러리 2의 테마로 매트릭스 테마를 사용자 정의하기 시작했습니다. 우리는이 새로운 테마를 포트폴리오의 기본 테마로 설정하고 배경 그래픽을 변경하여 계속할 것입니다.

모든 테마의 테마 폴더 안에는 해당 테마의 스크린 샷 인 screeshot.png 이미지 파일이 있습니다. 우리는 여전히 새로운 테마 폴더에 매트릭스 테마의 오래된 png를 가지고 있습니다. 이를 갤러리 테마의 png로 바꿀 수 있습니다. png의 평균 크기는 약 500 x 200 픽셀입니다. 새로운 screenshot.png 파일을 이미지 폴더에 저장합니다.

C : \ xampp \ htdocs \ gallery2 \ themes \ dCipollo \ 이미지

이제 사이트 관리자 제어판으로 돌아갈 수 있습니다. 먼저 새로운 테마를 설치해야합니다. 플러그인 섹션으로 이동하면 페이지 하단의 테마 아래에 새로운 테마가 표시됩니다. 새 테마를 설치하려면 설치를 클릭하십시오. 다음으로 관리 영역의 테마 섹션으로 이동하여 기본 템플릿을 매트릭스에서 새 테마로 변경하십시오. 물론이 시점에서는 템플릿의 레이아웃이 변경되지 않습니다. 여전히 변경해야합니다.

테마를 먼저 그래픽으로 변경하고 싶습니다. 배경 이미지를 추가하겠습니다. 반복되는 타일 이미지 일 수 있습니다. 그러나 내 웹 사이트와 일치시키기 위해 동일한 큰 정적 배경 이미지를 사용합니다. 배경 jpg를 gallery2 디렉토리의 dCipollo 폴더에 저장해야합니다.

C : \ xampp \ htdocs \ gallery2 \ d시 폴로

이제 theme.css 파일을 변경하여 배경 그래픽을 추가 할 준비가되었습니다. main.php 파일의 소스 코드를 살펴보면 body 태그에 gallery라는 스타일 클래스가 있음을 알 수 있습니다.



우리는 theme.css 파일에서이 body.gallery 스타일을 찾아야합니다.

body.gallery {
? ? 여백 : 0;
? ? 패딩 : 0;
}

이제이 클래스에 배경 스타일 코드를 추가하고 배경 이미지의 URL을 dCipollo 폴더의 jpg를 가리 킵니다.

body.gallery {
? ? 여백 : 0;
? ? 패딩 : 0;
? ? 배경색 : #eeeeee;
? ? 배경 이미지 : url ( '../../ dCipollo / BG1_Gallery.jpg');
? ? 배경 부착 : 스크롤;
? ? 배경 반복 : 반복 없음;
? ? 배경 위치 : 왼쪽 상단;
}

포트폴리오에 대한 main.php 페이지를 새로 고치면 여전히 배경 이미지를 볼 수 없습니다. 배경이 흰색으로 설정된 스타일이 있기 때문입니다. 이 스타일을 투명한 배경으로 설정해 봅시다.

포트폴리오의 배경 그래픽을 처리해야합니다. 웹 페이지의 머리글과 바닥 글을 변경할 준비가되었습니다.

비디오 지침: 3000+ Portuguese Words with Pronunciation (할 수있다 2024).