사용자 정의 게시물 유형을 사용하여 WordPress로 사용자 정의 FAQ 시스템 만들기

저는 최근 해당 분야의 전문 컨설턴트로 일하는 고객 중 한 명과 일했습니다. 그녀는 나에게 Q&A 시스템, 정확히는 FAQ 페이지를 구현할 수 있는지 물었습니다. 나는 "물론 페이지를 만들고 질문과 답변을 다른 스타일로 붙여넣을 수 있습니다"라고 말했지만 그녀는 다른 페이지를 만들고 질문과 답변을 분류하고 더 체계적으로 정리하려면 다른 방법이 필요하다고 말했습니다.

이를 위해 사용자 정의 게시물 유형, 분류 및 단축 코드를 사용하여 몇 줄의 간단한 코드로 그녀의 요청을 처리하는 방법을 보여 드리겠습니다.

사용자 정의 게시물 유형 및 카테고리

FAQ 시스템을 구축하려면 무엇이 필요한가요?

• 질문과 답변을 위한 필드가 필요합니다.
• 다양한 유형의 질문과 답변을 분류하고 구분하려면 카테고리가 필요합니다.
• 우리의 경우 이러한 질문 그룹이나 모든 질문을 페이지나 게시물에 삽입하려면 단축 코드가 필요합니다.

맞춤 게시물 유형을 만드는 것부터 시작해 보겠습니다.

1단계: 맞춤 게시물 유형 만들기

물론, FAQ 프로젝트에 대한 사용자 정의 게시물 유형을 설정하는 것부터 시작하겠습니다. register_post_type() 함수를 사용하여 새로운 사용자 정의 게시물 유형을 생성할 것입니다. 그러나 게시물 유형 생성을 위한 GUI를 원한다면 이 예에서 했던 것처럼 생성WP의 게시물 유형 생성기 도구를 사용하여 생성할 수 있습니다.

팁: 프로젝트에 이 간단한 FAQ 게시물 유형보다 더 복잡할 수 있는 사용자 정의 게시물 유형이 더 많이 포함될 경우 SuperCPT라는 멋진 도구를 추천할 수 있습니다. 이 도구를 사용하면 새 게시물 유형이 더 간단한 코드를 가질 수 있습니다. 또한 SuperCPT에 대한 튜토리얼을 작성했는데 여기에서 볼 수 있습니다.

2단계: 맞춤 카테고리 만들기

다양한 유형의 질문(예: 유산 및 산후 우울증에 대한 고객의 질문과 답변)을 구별하려면 카테고리 시스템이 필요합니다. 이미 많은 분들이 알고 계시듯이 WordPress는 사용자 정의 분류를 통해 이 기능을 제공합니다.

기본 기능은 다음과 같습니다. register_taxonomy() 하지만 다시 한 번 말씀드리지만, 그래픽 인터페이스를 원하신다면 생성WP의 분류 생성 도구를 사용하실 수 있습니다.

코드는 다음과 같습니다.

바로 그거야! 이제 서로 연결되는 "FAQ 카테고리"라는 분류가 포함된 FAQ 게시물 유형이 생겼습니다! 관리자 패널을 확인하면 "FAQ" 아래에 "FAQ 카테고리" 메뉴 항목이 표시됩니다.

일반 게시물 카테고리와 마찬가지로 FAQ 카테고리 페이지에서 카테고리를 추가, 편집, 삭제할 수 있으며, 새 FAQ 항목을 작성할 때 새 카테고리를 추가할 수 있습니다.

3단계: [faq] 단축 코드

이제 재미있는 부분이 나옵니다. 바로 단축 코드를 만드는 것입니다. (이전 게시물을 읽어보셨다면 제가 WordPress 단축 코드의 열렬한 팬이라는 것을 아실 것입니다.) 기본적으로 FAQ 항목을 게시물과 페이지에 포함하겠습니다.

다음 단계:

• 새로운 맞춤 게시물 유형으로 쿼리하세요.
• 단축 코드 매개변수를 사용하여 카테고리를 필터링합니다.
• 질문과 답변을 제목과 내용으로 표시합니다.
• 다른 단축 코드 매개변수로 제어되는 "추가..." 링크를 통해 발췌된 답변을 표시합니다.

단축 코드 작성을 시작해 보겠습니다. 위의 코드와 마찬가지로 몇 가지 유용한 설명을 추가하겠습니다.

바로 그거야! 이제 질문과 답변을 삽입할 수 있는 깔끔한 단축 코드가 생겼습니다. 클래스 이름 tuts-faq、tuts-faq-item、tuts-faq-item-title 和 tuts-faq-item-content을 사용하여 스타일을 지정할 수 있습니다. 그러나 추가 스타일을 포함하지 않아도 괜찮습니다.

4단계: 코드 요약

이 코드에는 프런트 엔드 스타일이 포함될 뿐만 아니라 새로운 기능도 도입되므로 플러그인 영역으로 간주됩니다. 그렇기 때문에 코드를 플러그인으로 저장해야 합니다. 이를 수행할 때 활성화 및 비활성화에 대한 다시 쓰기 규칙도 새로 고쳐야 합니다.

전체 코드는 다음과 같습니다.

개선의 여지

고객에게 사용 방법을 보여주었을 때 고객은 결과에 매우 기뻐했습니다. 하지만 여기서는 다음과 같은 더 많은 기능으로 코드를 확장할 수 있습니다...

1. 아코디언 효과: 일부 전환 효과로 FAQ 섹션을 더욱 매력적으로 만들고 싶다면 훌륭한 jQuery 플러그인을 사용할 수 있습니다. jQuery UI를 사용하고 싶다면 Shane Osbourne이 이를 수행하는 방법에 대한 훌륭한 튜토리얼을 제공합니다.
2. 페이지 매김: 카테고리에 대한 질문과 답변이 많고 모든 항목을 한 번에 표시하고 싶지 않은 경우 posts_per_page 参数来限制帖子数量自定义短代码的查询，并使用 wp_reset_postdata(); 代码在行下方添加分页链接所需的代码。请记住删除 'no_found_rows' => true, 줄을 변경하면 됩니다. 하지만 이를 제거하지 않으면 페이지 매김이 작동하지 않습니다!
3. Random Question: 홈 페이지에 무작위 질문과 답변을 표시하고 페이지를 새로 고칠 때마다 변경되기를 원한다고 가정해 보겠습니다. 사용자 정의 쿼리로 가서 posts_per_page 参数从 -1 更改为 1 并添加另一行代码 'orderby' => 'random',를 추가하기만 하면 됩니다!

결론

사용자 정의 게시물 유형, 사용자 정의 분류 및 단축 코드를 사용하여 WordPress에서 간단한 FAQ 시스템을 구축할 수 있는 방법입니다. 이 튜토리얼이 도움이 되셨기를 바라며 다음 프로젝트에 활용하시기 바랍니다. 이 기사가 마음에 드셨다면 공유하는 것을 잊지 마세요!

이 FAQ 시스템을 개선하기 위한 아이디어가 있습니까? 아래에 의견을 공유해 주세요!

위 내용은 사용자 정의 게시물 유형을 사용하여 WordPress로 사용자 정의 FAQ 시스템 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!