WordPress 설정: 전체 가이드. WordPress 테마에 대한 설정 페이지 만들기

귀하의 WordPress 사이트가 유망해지기를 원한다면 먼저 고유한 테마를 만드는 것에 대해 생각해야 합니다. 이 프로세스는 다양한 인코딩 및 스크립트와 직접 관련되어 있기 때문에 상당히 노동 집약적입니다. 처음부터 살펴보겠습니다.

거의 모든 WordPress 테마는 wp-content/themes 디렉토리에 설치되며 3가지 파일 범주로 구성됩니다.

  • 스타일 시트 파일;
  • 추가 기능 파일;
  • 템플릿 파일.
  • 스타일시트 파일은 style.css입니다. 사이트 요소의 색상, 크기, 글꼴 및 기타 매개변수를 담당합니다. 각 사이트에는 style.css 파일이 1개만 있습니다. 이 파일을 열면 맨 위에 해당 주제의 제목, 작성자, 간략한 설명에 대한 정보가 표시됩니다. 자신만의 테마를 만들 때 style.css에 자신에 대한 정보를 입력할 수 있습니다.

    다음 카테고리는 추가 기능이 포함된 파일입니다. 여기에는 function.php가 포함되며, 그 원리는 플러그인처럼 보입니다. 이 파일 덕분에 관리자 패널에서 직접 테마를 시각적으로 맞춤 설정할 수 있습니다. 일반적으로 설정 목록은 그다지 넓지 않습니다(사이트 이름, 탐색 색상 및 사이트 측면 패널 등). 테마가 다기능이면 설정 목록이 훨씬 더 넓어집니다.

    이제 템플릿 파일로 넘어가겠습니다. 주요 기능은 사이트 방문자가 요청하는 페이지를 생성하는 것입니다. 템플릿 파일의 확장자는 ".php"입니다. 대부분의 간단한 테마에는 index.php라는 하나의 템플릿 파일만 포함될 수 있습니다. 이 경우 사이트의 모든 페이지는 동일합니다. 이 디자인은 디자인이 중요한 역할을 하지 않을 때 데이터베이스를 사용하여 인터넷 리소스를 생성하는 데 가장 자주 사용됩니다.

    이전에 디자인을 만들어 본 적이 없다면 먼저 간단한 테마를 만들어 보시기 바랍니다. 제대로 작동하려면 style.css 및 index.php 파일 중 최소한 2개가 필요합니다.

    이해하신 바와 같이 이 경우 추가 기능 파일을 사용할 수 없습니다. 템플릿 파일 중에서 index.php는 가장 유연한 파일 중 하나입니다. 사이트의 헤더, 다양한 블록, 하단 부분(바닥글), 콘텐츠 및 기타 요소를 독립적으로 생성할 수 있습니다.

    index.php 파일에 의해 생성되지 않은 매개변수는 표준 파일에 의해 생성된다는 점은 주목할 가치가 있습니다. 예를 들어, 테마가 위 파일 중 2개로만 구성되어 있지만 사용자가 주석 추가를 위한 양식을 생성해야 하는 경우 표준 comments.php가 이 기능을 수행합니다. 따라서 테마를 더욱 독특하게 만들고 싶다면 추가 템플릿 파일을 만드는 것이 좋습니다. 주요 내용을 살펴 보겠습니다.

  • 짐작할 수 있듯이 주석을 추가하려면 comments.php 템플릿이 사용됩니다.
  • 주석이 포함된 팝업 창을 만들고 싶다면 comments-popup.php가 필요합니다.
  • 홈 페이지를 생성하려면 home.php가 사용됩니다.
  • Single.php 파일은 사이트 기사 표시를 담당합니다. 해당 파일이 없으면 index.php가 해당 기능을 수행합니다.
  • page.php 파일은 사이트의 개별 페이지를 생성합니다.
  • 작성자에 대한 정보를 표시하려면 작성자.php가 필요합니다.
  • Category.php는 카테고리를 담당합니다.
  • 아카이브, 날짜 및 검색 표시는 각각 archive.php, date.php 및 search.php 파일에 의해 수행됩니다.
  • 귀하의 사이트에서 고유한 404 오류 페이지를 표시하려면 404.php를 추가해야 합니다.
  • 사이트의 상단과 하단 부분은 각각 header.php 및 footer.php 파일에 의해 생성됩니다.
  • 처음부터 수동으로 고유한 테마 만들기

    먼저 적합한 템플릿을 설치해야 합니다. 공식 웹사이트 wordpress.org와 다른 웹사이트에서 모두 찾을 수 있습니다. 타사 사이트에는 악성 파일과 깨진 링크가 포함될 수 있으므로 공식 사이트를 사용하는 것이 좋습니다.

    선택한 후 아카이브 다운로드를 시작할 수 있습니다. 프로세스가 끝나면 압축을 풀고 사이트의 특정 폴더에 파일을 업로드해야 합니다(아카이브에는 일반적으로 작은 지침이 포함되어 있습니다). 다운로드는 FileZilla 프로그램을 사용하거나 해당 옵션을 지원하는 경우 호스팅에서 직접 수행할 수 있습니다. 이제 "테마" 섹션으로 이동하여 다운로드한 테마를 선택하고 "활성화" 버튼을 클릭하기만 하면 됩니다.

    WordPress 관리자 패널에서 직접 선택할 수도 있습니다. 그러나 다운로드할 필요는 없습니다. "설치" 버튼을 클릭한 다음 "활성화"를 클릭하기만 하면 됩니다. 설치하기 전에 미리 보는 것이 좋습니다.

    이제 테마가 활성화되었으므로 테마 고유화로 넘어갈 수 있습니다. 가장 먼저 생각해야 할 것은 사이트의 상단(헤더)입니다. 이는 방문자의 시선을 가장 먼저 사로잡을 것이므로 책임감 있게 수행해야 합니다. 일반적으로 헤더는 사이트 이름, 로고, 콘텐츠에 대한 간략한 정보로 구성됩니다. 헤더는 모든 그래픽 편집기에서 생성할 수 있습니다. 표준 페인트에서도 마찬가지입니다. 고급 디자이너는 Adobe Photoshop을 사용합니다.

    사이트 이름은 작고 기억하기 쉬워야 합니다. Adobe Photoshop에서는 다양한 스타일을 선택할 수 있습니다. 로고를 만들 때 다양한 모양이 필요할 수 있습니다. Adobe Photoshop 공식 웹사이트에서 다운로드할 수 있습니다.

    그래픽 편집기에서 헤더 그림을 만든 후에는 이를 웹사이트에 업로드해야 합니다. 다운로드가 완료되면 사진 오른쪽에 URL이 표시되며 이를 복사해야 합니다. 그런 다음 "편집기" 섹션으로 이동하여 헤더 생성을 담당하는 파일(header.php)을 선택해야 합니다. 여기에서 현재 이미지의 URL을 찾아 헤더 이미지를 업로드할 때 받은 URL로 바꿔야 합니다. 그런 다음 파일을 업데이트해야 합니다. 이제 헤더 표시 확인을 진행할 수 있습니다.

    헤더에 표준 매개변수와 다른 매개변수가 있는 경우 header.php에서 조정할 수 있습니다. 너비는 width 속성에 의해 제어되고 높이는 height 속성에 의해 제어됩니다. 설정은 픽셀과 백분율로 이루어질 수 있습니다. 따라서 단지 제한을 늘리고 싶다면 100%로 설정하세요.

    원하는 경우 WordPress 사이트 페이지에 대한 활성 링크를 헤더에 추가할 수 있습니다. 이는 다양한 서비스를 사용하여 수행할 수 있습니다. 인터넷에는 꽤 많은 것들이 있습니다. 대부분은 동일한 원리로 작동합니다. 링크에 할당될 헤더의 원하는 영역에 동그라미를 치면 서비스에서 필요한 코드를 제공합니다. 그런 다음 이 코드를 header.php 파일에 추가해야 합니다. 추가할 때 주의하세요. 모든 포인트가 중요합니다. 잘못된 위치에 코드를 추가하면 헤더에 활성 링크가 표시되지 않습니다.

    표준 헤더를 교체한 후 WordPress 사이트의 표준 배경, 위젯, 탐색, 하단(바닥글) 및 기타 WordPress 사이트 구성 요소 교체를 시작할 수 있습니다. 또한 그래픽 편집기에서 그려서 웹사이트에 그림 형식으로 업로드할 수도 있습니다.

    밝아서는 안된다는 점을 고려해야합니다. 대부분의 웹마스터는 흰색 배경 사용을 선호합니다. 눈에 해롭지도 않고, 주요 내용을 방해하지도 않습니다.

    처음부터 고품질 탐색을 만들려면 다음과 같은 태그에 대한 약간의 지식이 필요합니다.



    질문이 있으신가요?

    오타 신고

    편집자에게 전송될 텍스트: