> 소프트웨어 튜토리얼 > 사무용 소프트웨어 > 플러그인을 사용하지 않고 WordPress에서 사진 앨범을 만드는 방법

플러그인을 사용하지 않고 WordPress에서 사진 앨범을 만드는 방법

王林
풀어 주다: 2024-01-20 08:15:10
앞으로
652명이 탐색했습니다.

플러그인을 사용하지 않고 WordPress에서 사진 앨범을 만드는 방법

플러그인 없이 WordPress에서 사진 앨범을 만드는 방법

보통 사람들은 이 효과를 얻기 위해 NextGen Gallery와 같은 플러그인을 사용합니다. 타사 플러그인을 사용하는 것 외에도 WordPress 자체 기능을 사용하여 동일한 효과를 얻을 수도 있습니다. 하지만 그 전에 우리는 워드프레스(WordPress)와 HTML/CSS에 대한 어느 정도 이해가 필요합니다.

사진앨범의 최종 효과

시작하기 전에 최종 효과를 결정해 보겠습니다.

사용자가 앨범 페이지를 클릭하면 페이지에는 여러 달의 앨범을 나타내는 다양한 표지가 격자 형태로 표시됩니다. 매달 우리는 그 달의 모든 사진을 포함하는 사진 앨범을 만듭니다.

사용자가 앨범 표지를 클릭하면 앨범 전용 페이지가 표시됩니다. 여기서 약간의 배경 정보를 작성하고 앨범에 있는 모든 사진을 나열할 수 있습니다.

사용자가 개별 사진을 클릭하면 각 사진의 페이지로 이동하여 각 사진의 제목, 찍은 사람에 대한 정보 및 관련 링크를 볼 수 있습니다.

웹사이트 전체를 사진 앨범으로 표시하는 경우 기본 게시물 형식을 사용할 수 있습니다. 하지만 아직 블로그를 운영하고 있다면 맞춤 게시물 유형을 사용해야 합니다.

사진앨범을 만들어보자

먼저 웹사이트별 플러그인(또는 프로젝트별 플러그인)을 만들어야 합니다.

맞춤 게시물을 사용하려면 코드를 생성하여 웹사이트 전용 플러그인에 붙여넣어야 합니다.

그리드 효과를 만들려면 다음으로 WordPress에서 첨부된 이미지의 크기를 설정해야 합니다.

예: 이미지 크기를 설정한 후 미디어 업로드 디렉터리에 필드도 추가해야 합니다. 이렇게 하면 사진 작가의 이름과 URL을 사용하여 각 이미지를 업로드할 수 있습니다.

이 단계가 완료되면 계속해서 사진 앨범을 추가할 수 있습니다. 앨범에 추가하고 싶은 사진을 모두 업로드하세요. 그런 다음 다른 사진 표지를 첨부하여 메인 이미지로 만듭니다. 게시물의 내용란에 배경정보를 기재하실 수 있습니다.

이제 백그라운드에 여러 사진 앨범을 추가했으므로 이를 실행하는 코드를 추가할 수 있습니다. 사용자 정의 게시물 유형을 앨범이라고 가정하면 archive-albums.php라는 새 템플릿 폴더를 생성하게 됩니다. 원하는 머리글과 바닥글, 사이드바 및 기타 디자인 요소를 붙여넣은 다음 새 게시물 루프를 만듭니다.

해당 PL에서는 동일한 게시물의 모든 첨부 파일을 나열하지만 단일 페이지에 하이퍼링크로 연결된 썸네일은 포함하지 않습니다.

또한 메인 게시물 썸네일(예: 앨범 표지)을 추가한 다음 단일 게시물 페이지(예: 앨범 페이지)에 하이퍼링크할 예정입니다.

우리는 목록 방법을 사용하여 그리드 이미지를 만들 예정입니다. 이 프로그램은 다음과 같습니다:

기본 CSS 스타일의 경우 모든 사람이 실제로 고려해야 할 것은 앨범 그리드 분류로, 각 사진을 그리드의 적절한 위치에 배치하여 원하는 스타일을 얻을 수 있습니다.

다음으로 단일 첨부 파일에 대한 새 템플릿을 만들어야 합니다. 이는 앞으로 사용자가 각 이미지를 볼 수 있도록 보게 되는 페이지입니다. 여기에서 사용자는 이미지 제목, 사진 작가 이름 및 링크를 볼 수 있습니다. 누구나 원하는 대로 개별 템플릿을 자유롭게 조정할 수 있습니다.

이제 마지막으로 할 일이 하나 있습니다. 사용자 정의 게시물 유형을 앨범이라고 가정하고 새 Single-albums.php 파일을 만들고 원하는 모든 프로그램 헤더, 꼬리, 도구 모음 또는 기타 디자인 요소를 추가해야 합니다. 모두.

루프 요소에서도 아카이브 앨범 템플릿과 기본적으로 동일한 처리를 수행합니다. 하지만 기본 이미지와 첨부 파일을 추가하기 전에 앨범 제목과 설명도 추가해야 합니다. 이 단계는 다음과 같은 코드를 추가하여 수행할 수 있습니다.

알았어! 이제 끝났습니다!

워드프레스에서 페이지를 의사 정적으로 만드는 방법

WordPress가 실제 정적 페이지 설정을 자동으로 생성하는 방법:

방법은 매우 간단합니다. cos-html-cache라는 워드프레스 플러그인을 다운로드하여 설치하기만 하면 됩니다.

COS-HTML-Cache는 WordPress 웹사이트의 반응성을 높여주는 매우 효과적인 WordPress 페이지 캐싱 플러그인입니다. URL 재작성을 기반으로 플러그인은 실제 HTML 파일을 자동으로 생성합니다. 사용자 또는 검색 엔진 스파이더가 의사 정적 페이지를 방문하면 플러그인은 HTML 파일 및 관련 기사 수정 사항을 자동으로 업데이트합니다.

워드프레스 백엔드에서 플러그인>플러그인 설치를 선택하고 cos-html-cache를 입력하여 설치 항목을 검색한 후 최종적으로 활성화하시면 됩니다. 또는 WordPress 웹사이트로 이동하여 cos-html-cache 압축 패키지를 다운로드하고 압축을 풀고 FTP를 사용하여 /wp-content/plugins/ 디렉터리에 업로드한 다음 백그라운드에서 활성화하세요.

플러그인이 성공적으로 설치되고 적용된 후에는 html 정적 파일이 즉시 생성되지 않습니다. 다음 사용자가 접속하거나 스파이더가 방문하면 자동으로 html 파일이 생성되거나 업데이트됩니다. HTML 파일을 빠르게 생성하고 효과를 확인하려면 웹마스터 도구의 데드 링크 감지를 사용하고 스파이더가 웹 사이트를 방문하는 것을 모방할 수 있습니다.

위 내용은 플러그인을 사용하지 않고 WordPress에서 사진 앨범을 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:docexcel.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿