WordPress 용 탭을 사용하여 사이트 혼란을 최소화하고 참여를 향상시킵니다.

귀하의 사이트를 능률화하기 위해 할 수있는 모든 것이 좋습니다. 결국, 방문자가 원하는 정보를 얻기 위해해야 ​​할 일이 적을수록 좋습니다. 그러나 사이트 자체의 특성상 많은 정보가 포함되어야하는 경우에는 이것이 어려운 일일 수 있습니다. 이러한 사이트의 최종 결과는 일반적으로 거의 모든 페이지를 스크롤하는 사람이 거의없는 페이지가 너무 길거나, 거의 아무도 클릭하지 않는 페이지가 많은 사이트가 포함됩니다..


그렇다면 매우 긴 페이지 나 너무 많은 페이지의 대안은 무엇입니까? 물론, 탭! 걱정하지 않아도됩니다. 사이트에 탭을 표시하기 위해 코딩 전문가가 아니어도됩니다. 이 기능을 활성화하는 플러그인이 많이 있습니다. 탭 프레스 콘텐츠를 WordPress 사이트에 빠르고 쉽게 추가 할 수 있도록 몇 가지 최선을 다했습니다..

UI 탭 게시

UI 탭 게시

UI 탭 게시 : 게시물, 페이지 또는 기타 게시물 유형에 관계없이 콘텐츠 내에 jQuery 탭을 간단하게 추가 할 수 있습니다. 편집기에 단축 코드를 삽입하기 만하면 탭이 활성화됩니다..

플러그인에는 기존 테마를보다 쉽게 ​​일치시킬 수 있도록 24 가지 UI 테마가 포함되어 있습니다. 또는 절단이있는 경우 모양과 느낌을 향상시키기 위해 사용자 정의 스타일 시트를 작성하십시오..

플러그인이 설치되면 포스트 편집기에서 관련 TinyMCE 버튼을 클릭하여 적절한 단축 코드를 삽입하기 만하면됩니다. UI 탭 게시의 공식 WordPress 디렉토리 목록에 따르면 다음 단축 코드를 사용하여 탭을 직접 삽입 할 수도 있습니다.

[tab name =”탭 이름 1 ″] 탭 내용 [/ tab]
[tab name =”탭 이름 2 ″] 탭 내용 [/ tab]
[tab name =”탭 이름 3 ″] 탭 내용 [/ tab]
[end_tabset]

이 탭에 HTML을 삽입하십시오. 문제없이 처리해야하며 사이트에서 다른 곳에있는 것처럼 콘텐츠가 표시되는 것을 보게 될 것입니다..

쉬운 반응 형 탭

쉬운 반응 형 탭

사이트에 탭을 추가하려는 경우 확인해야 할 또 다른 플러그인은 쉬운 반응 형 탭. 부트 스트랩 3.0과 호환 될뿐만 아니라 TinyMCE 버튼을 비주얼 편집기에 추가하여 버튼 클릭으로 반응 형 탭을 삽입하는 것이 매우 간단합니다..

이 버튼을 클릭하면 설정 패널이 열리고 제목, 활성 탭, 호버, 배경 등 탭의 여러 측면에 대한 색상을 선택할 수 있습니다. 상단 또는 하단에 탭이 표시되도록 설정할 수도 있습니다. 이 플러그인은 설치와 작업이 얼마나 쉬운 지 때문에 정말 좋아합니다..

얼룩 무늬있는 반응 형 탭

얼룩 무늬있는 반응 형 탭

반응성이 주요 관심사 중 하나 인 경우, 얼룩 무늬있는 반응 형 탭 당신에게 좋은 옵션입니다. 간단히 말해서이 플러그인을 사용하면 짧은 코드를 사용하여 게시물과 페이지 내에 반응 형 탭을 삽입 할 수 있습니다. 간단한 페이지 또는 게시물에서 둘 이상의 탭 집합을 지원하고 jQuery를 사용하여 작은 화면에서 탭과 아코디언 효과를 만듭니다. 키보드로 탭에 액세스 할 수도 있습니다.

탭을 삽입하려면 [tabby] 및 [tabbyending]이라는 두 개의 단축 코드를 삽입하기 만하면됩니다. 특히 [tabby title =“tabname”]을 사용하여 탭 이름을 설정합니다. 그런 다음 원하는 HTML을 포함하여이 탭에 포함해야 할 내용을 작성합니다. 원한다면 더 많은 탭을 삽입 할 수 있습니다. 그런 다음 해당 탭 세트를 마치려면 [tabbyending] 단축 코드를 사용하여 탭 그룹을 닫으십시오..

이제이 탭의 스타일을 변경하려면 코드를 조금 더 파고 들어야합니다. 플러그인의 WordPress 디렉토리 페이지에 따르면 플러그인의 스타일 시트를 하위 테마로 복사하고 탭 스타일 또는 아코디언 스타일을 적절하게 수정해야합니다..

탭의 위젯

때로는 개별 탭 내의 요구 사항이 좀 더 복잡합니다. 이 경우에는 탭의 위젯 플러그인. 공간을 절약하고 웹 사이트에서보다 체계적인 경험을 제공하기 위해 원하는 위젯을 모두 탭 안에 넣을 수 있습니다. 그것은 많은 용도가 있습니다.

예를 들어 탭을 사용하여 최근 게시물 및 최근 댓글 위젯을 표시하도록 선택할 수 있습니다. 카테고리를 추가하여 탭 표시를 더 반올림 할 수 있습니다. 또는 Facebook Like Box, Twitter 피드, Google+, Pinterest 핀 보드 등과 같은 내장 소셜 미디어 위젯 전용 탭 그룹을 만들 수 있습니다..

탭의 위젯에 대해 정말 마음에 드는 점은 자체 스타일이 포함되어 있지 않아 테마별로 스타일을 지정할 수 있다는 것입니다. 탭은 사이트와 바로 조화를 이루며 탭이 속한 것처럼 보입니다..

탭의 제목도 스크롤 가능하므로 전통적인 스택 방식의 훌륭한 대안입니다. 위젯 간 전환을위한 애니메이션 옵션도 있으며 한 탭에서 다음 탭으로 이동할 때까지 대기하는 시간 (초)을 설정할 수 있습니다.

여기에 나열된 다른 모든 탭 플러그인과 마찬가지로 짧은 코드 덕분에 쉽게 삽입 할 수 있습니다. [wit].

WP UI – 탭, 아코디언, 슬라이더

WP UI

여기서 이야기 할 마지막 플러그인은 WP UI – 탭, 아코디언, 슬라이더입니다. 이 플러그인을 사용하면 게시물과 페이지에 탭을 쉽게 포함시킬 수있을뿐만 아니라 아코디언, 슬라이더 및 대화 상자와 같은 다른 서식 스타일을 간단하게 통합 할 수 있습니다. 플러그인은 jQuery에 의해 구동되며 원하는 경우 각 페이지에서 둘 이상의 jQuery UI 테마를 사용할 수 있습니다.

사용하기 쉬운 옵션 페이지가 제공되어 설정과 사용법이 간단합니다. 또한 더 간단한 탐색을위한 전용 메뉴와 대화 상자가 추가되었습니다. 위의 모든 플러그인과 마찬가지로이 플러그인은 빠른 구현을 위해 주로 단축 코드에 의존합니다. 스타일 인수를 사용하여 단축 코드 [wp tabs]를 쉽게 향상시킬 수 있습니다.이 스타일은 “wpui-blue”와 같은 약 24 가지 다른 방식으로 수정하여 탭을 테마와보다 일관되게 보여줍니다..

그러나이 플러그인의 주요 특징은 탭이나 아코디언에 게시물과 피드를 표시하는 기능입니다. 단축 코드는 [wptabposts]이며 일련의 탭 내에 게시물을 표시 할 수 있습니다. 또는 페이지 나 게시물에 피드를 표시하려면 [wpuifeeds] 단축 코드를 사용하십시오. WP UI 용 WordPress 디렉토리 목록에 따르면 [wpspoiler post =“3028”]을 사용하여이 특수 형식으로 하나의 게시물 만 표시 할 수 있습니다..

간단한 단축 코드

간단한 단축 코드 최소 탭

물론 기본 탭만 있으면 WPExplorer에서 직접 제작 한 Symple Shortcodes WordPress 플러그인을 고려해야합니다. 플러그인에는 사이트의 어느 페이지에서나 사용할 수있는 멋진 탭이 포함되어 있으며 다양한 훌륭한 콘텐츠 구성 기능이 있습니다. 열, 토글, 아코디언 및 기타 많은 액센트 (단추, 소셜 아이콘 등) 추가.


처음에는 복잡해 보일 수 있지만 사이트에 탭을 추가하는 프로세스는 실제로 매우 간단합니다. 위의 플러그인을 사용하면 간단하고 최종 결과가 매력적이고 기능적입니다. 내 의견으로는 확인해야 할 가치가 있습니다. 사이트 방문자는 전체 디자인을 어지럽히 지 않고도 액세스 할 수 있도록 필요한만큼의 정보에 액세스 할 수 있습니다. 리소스와 콘텐츠가 많은 사이트를위한 빠른 솔루션입니다.

사이트에서 탭을 사용하십니까? 이러한 플러그인은 무엇입니까? 그렇다면 그들이 당신을 위해 일한 적이 있습니까? 사이트에 탭을 통합하는 다른 방법을 찾았습니까? 이 멋진 조직 트릭에 대한 귀하의 경험을 의견에 듣고 싶습니다.!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me