플러그인 없이 WordPress 페이지 탐색. 페이지 매기기 탐색 모음의 모양 변경

좋은 하루 되세요, 친애하는 친구들! 오늘 우리는 WordPress에서 다음과 같이 아름답고 편리한 것을 만드는 방법에 대해 이야기하겠습니다. 페이지 탐색 WP-PageNavi 플러그인이나 간단한 코드를 사용합니다. 나는 당신에 대해 모르지만 개인적으로 WordPress 엔진에 내장된 탐색 기능을 전혀 좋아하지 않습니다.

이건 무슨 내비게이션인가요? 좋아요, 블로그가 아직 초기이고 기사가 많지 않다면, 이미 200~300개 이상의 기사가 있다면 어떨까요? 이 경우 원하는 자료에 도달하기 위해 맥박을 잃을 때까지 아무도 "이전 게시물"버튼을 클릭하고 싶어하지 않기 때문에 이러한 탐색은 많은 독자를 쉽게 놀라게 할 수 있습니다. 또한, 이 비문은 너무 눈에 띄지 않아 단순히 보이지 않을 수도 있으며, 이로 인해 궁극적으로 방문자당 페이지 조회수와 사이트에서 보낸 시간이 감소하며 이는 이제 모든 사이트를 홍보할 때 무시할 수 없는 매우 중요합니다. . 따라서 여전히 페이지별 탐색을 수행하려는 경우 아래 제시된 방법을 사용할 수 있습니다.

WP-PageNavi 플러그인을 사용하여 WordPress의 페이지 탐색.

방법 1. 여기에서 WP-PageNavi 플러그인을 다운로드하고 블로그에 업로드하고 활성화한 후 "설정" "페이지 목록"의 블로그 관리 패널로 이동하세요. 여기서는 "표시할 페이지 수"라는 하나의 매개변수만 구성하면 됩니다. 내 탐색 기능이 방문자에게 잘 보이도록 개인적으로 10을 지정했습니다. 그런데 갑자기 전체 페이지 탐색이 테마 템플릿에 맞지 않는 경우, 즉 다음과 같은 경우:

그런 다음 간단히 이 숫자를 줄이거나 더 나은 방법으로는 플러그인 설정에서 "페이지" 비문을 제거하고 화살표로 바꿀 수 있습니다. 그런 다음 저장을 클릭하면 이제 블로그에서 간단한 페이지별 탐색 기능을 사용할 수 있는 방법을 확인할 수 있습니다. 이런 일이 발생하지 않으면 "외관" "편집기"로 이동하여 기본 템플릿 파일(index.php)을 열고 다음 코드와 같은 것을 찾으십시오. 또는 이와 유사한 것을 다음과 같이 변경합니다. , 녹음을 저장하세요.

이 탐색을 다음 뿐만 아니라 홈페이지, 개별 섹션 및 검색 중에도 마찬가지입니다. 좋아요, 만일의 경우에 대비해 경고하고 싶습니다, 소방관님 이 플러그인모든 사람에게 작동하는 것은 아니므로 아무 것도 작동하지 않으면 유사한 플러그인 WP-Page Numbers를 설치할 수 있습니다. 설치하면 특수 코드도 입력해야 합니다. 같은 파일에.

WP-PageNavi 및 WP-Page Numbers 플러그인의 페이지 탐색을 위한 아름다운 디자인 스타일.

내 페이지 탐색이 귀하의 탐색보다 훨씬 더 좋고 매력적이라는 것을 이미 눈치 채셨을 것입니다. 이는 추가 플러그인 WP-Page Numbers 스타일이 있기 때문입니다. , 이는 WP-PageNavi 및 WP-Page Numbers 모두에서 작동합니다. 갑자기 당신이 저처럼 플러그인 파일에 디자인을 직접 처방하기 위해 프로가 아니라 코더라면 이 플러그인을 직접 설치할 수 있습니다. 설치 후 관리자 패널에 표시됩니다. 새로운 삽입페이지내비 스타일. 여기에서 원하는 페이지 탐색 디자인 스타일을 선택할 수 있습니다.

전체적으로 플러그인에는 사용 가능한 모든 색상을 포함하는 20가지 유형의 스타일이 있습니다. 또한 갑자기 목록의 내용이 마음에 들지 않으면 스타일 시트 선택 탭에서 설정을 "기존 스타일"에서 "사용자 정의"로 변경할 수 있습니다. 편집기가 앞에 나타나 설정을 지정할 수 있습니다. , 색상 등이 필요합니다. 그렇다면 번역은 다음과 같습니다.

제목 색상 - 헤더 색상입니다.

배경색 - 배경색입니다.

활성/현재 배경색- 마우스 커서를 버튼 위에 올려 놓았을 때 버튼의 색상입니다.

글꼴 크기 - 글꼴 크기입니다.

링크 마우스 호버/활성 색상- 마우스 커서를 링크 위에 올려 놓았을 때의 링크 색상입니다.

링크 테두리 색상 - 페이지 번호가 포함된 버튼 테두리 색상입니다.

링크 테두리 마우스 오버/활성 색상- 마우스 커서를 올렸을 때 테두리 색상입니다.

탐색 정렬 - 페이지 정렬: 가운데, 왼쪽 또는 오른쪽.

WP-PageNavi 플러그인 없이 페이지 탐색을 만드는 방법은 무엇입니까?

기능을 개선하기 위해 새 항목을 설치하려는 사람이 아닌 경우 해결 방법을 취할 수 있습니다. 이 탐색을 표시할 코드를 설치하기만 하면 됩니다.

방법 2."외관" "편집기"로 이동하여 테마 함수 파일(functions.php)을 열고 맨 끝의 태그 앞에?>

함수 wp_corenavi() (

$페이지 = "";
$max = $wp_query->max_num_pages;


$a["총계"] = $max;
$a["현재"] = $현재;
$총계 = 1; //1 - "N 페이지 중 N"이라는 텍스트를 표시합니다. 0 - 표시하지 않습니다.
$a["mid_size"] = 3; //현재 링크의 왼쪽과 오른쪽에 표시할 링크 수
$a["end_size"] = 1; //시작과 끝 부분에 표시할 링크 수
$a["prev_text"] = """; //링크 텍스트 "이전 페이지"
$a["next_text"] = """; //링크 텍스트 " 다음 페이지»
if ($max > 1) 에코 "

";
if ($total == 1 && $max > 1) $pages = ""."\r\n";

if ($max > 1) 에코 "
";
}

그건 그렇고, 코드에는 러시아어로 된 몇 가지 설명이 있으므로 필요한 경우 숫자를 약간 가지고 놀 수 있습니다. 이제 WP-PageNavi 플러그인과 마찬가지로 function.php, index.php 및 archive.php 파일로 이동하여 해당 라인을 찾으십시오. 그 뒤에 또는 몇 줄을 더 추가한 다음 코드를 추가하세요.

방법 3 . 이 방법두 번째 코드와 유사하지만 여전히 코드가 약간 다릅니다. 테마 함수 파일(functions.php) 맨 끝의 ?> 태그 앞에 이 코드를 삽입하고 해당 항목을 저장합니다.

함수 탐색() (
전역 $wp_query, $wp_rewrite;
$페이지 = "";
$max = $wp_query->max_num_pages;
if (!$current = get_query_var("paged")) $current = 1;
$a["base"] = str_replace (999999999, "%#%", get_pagenum_link (999999999));
$a["총계"] = $max;
$a["현재"] = $현재;
$ 총 = 0; //1 - "N 페이지 중 N"이라는 텍스트를 표시합니다. 0 - 표시하지 않습니다.
$a["mid_size"] = 2; //현재 링크의 왼쪽과 오른쪽에 표시할 링크 수
$a["end_size"] = 5; //시작과 끝 부분에 표시할 링크 수
$a["prev_text"] = ""이전"; //링크 텍스트 "이전 페이지"
$a["next_text"] = "다음"; //링크 텍스트 "다음 페이지"
if ($max > 1) 에코 "

";
if ($total = 1 && $max > 1) $pages = " " . $max ."의 " . $current . " 페이지"."\r\n";
에코 $페이지 . paginate_links($a);
if ($max > 1) 에코 "
";
}

. 이제 스타일 시트 파일(style.css)로 이동하여 파일 코드가 점으로 시작하는 위치에 이 스타일 코드를 삽입하고 항목을 저장합니다.

.navigator(여백:10px 7px;
배경:#fff;
테두리:1px 솔리드 #aaa;
패딩:15px;
오버플로:숨김;
글꼴 크기:13px;
색상:#000;)

.navigator a(배경: #fff;
테두리: 1px 실선 #DDDDDD;
색상: #000000;
글꼴 크기: 13px;
패딩: 10px;
텍스트 장식: 없음;)


배경:#f1f8f9;
테두리: 1px 솔리드 #C6D2D4;)

.navigator a:hover(배경: #fff;
테두리: 1px 실선 #111;
색상: #0000cc;
글꼴 크기: 13px;
패딩: 10px;
텍스트 장식: 없음;)

.navigatorspan.pages(패딩: 3px 5px;
배경:#f1f8f9;
테두리: 1px 솔리드 #C6D2D4;)

.navigatorspan.current(배경: #fff;
테두리: 1px 실선 #111;
색상: #0000cc;
글꼴 크기: 15px;
패딩: 10px;
텍스트 장식: 없음;)

.navigatorspan.extend(패딩: 3px 5px;
배경:#f1f8f9;
테두리: 1px 솔리드 #C6D2D4;)

.str(배경: #fff;
테두리: 1px 실선 #DDDDDD;
색상: #000000;
글꼴 크기: 13px;
패딩: 10px;
텍스트 장식: 없음;)

방법 4. 테마 함수 파일(functions.php) 맨 끝의 ?> 태그 앞에 이 코드를 삽입하고 해당 항목을 저장합니다.

함수 my_pagenavi($pages = "", $range = 2)
{
$showitems = ($range * 2)+1;

전역 $페이지;
if (empty($paged)) $paged = 1;

if ($페이지 == "")
{
글로벌 $wp_query;
$페이지 = $wp_query->max_num_pages;
if (!$페이지)
{
$페이지 = 1;
}
}

if (1 != $페이지)
{
에코 "

»;
}
}

파일: function.php, index.php 및 archive.php에서 해당 행을 찾습니다. 그 뒤에 또는 몇 줄 더 추가하면 코드가 추가됩니다. . 이제 스타일시트 파일(style.css)로 이동하여 이전 예제와 마찬가지로 이 코드를 삽입하고 항목을 저장합니다.

.쪽수 매기기(
명확함: 둘 다;
글꼴 크기: 12px;
여백 상단: 10px;
텍스트 정렬: 중앙;
}

.pagination 범위, .pagination a (
텍스트 장식: 없음;
테두리: 1px 실선 #BFBFBF;
패딩: 3px 5px;
여백: 2px;
}

.페이지 매김 a:hover(
테두리 색상: #000;
}
.페이지 매김 .current(
글꼴 두께: 굵게;
}

방법 5. 이 파일을 다운로드하고 코드를 가져와 (functions.php)의 ?> 태그 바로 앞 부분에 붙여넣고 항목을 저장합니다. 혹시, 게시하기에는 코드가 너무 커서 불편을 끼쳐드린 점 미리 사과드립니다. 이제 파일:functions.php, index.php 및 archive.php에서 해당 행을 찾습니다. 그 뒤에 또는 몇 줄 더 추가하면 코드가 추가됩니다.

모든 코드는 기능 테스트를 거쳤으므로 어떤 경우에도 예제 중 하나가 작동할 것입니다. 그게 다야, 행운을 빈다.

(3)

WordPress는 매우 다재다능한 블로그 플랫폼이며, 플러그인을 사용하면 더욱 사용자 친화적으로 만들 수 있습니다.

이는 초기에 WordPress에 없는 페이지 탐색(페이지 매김)에도 적용됩니다. 하지만 이 문제는 귀하의 사이트에 가장 적합한 10가지 플러그인 중 하나를 선택하면 쉽게 해결할 수 있습니다.

1.WP-페이지내비

가장 인기 있고 자주 사용되는 플러그인 중 하나입니다. 내장 기능 사용하기 wp_pagenavi()일반적인 링크 ← 뒤로 | 다음 → 매력적인 페이지 매김으로 변경됩니다.

2. WP 스마트 페이지 매김


매우 편리한 기능을 갖춘 또 다른 유용한 플러그인입니다. 추가 창에 해당 번호를 입력하면 원하는 페이지로 이동할 수 있습니다.

3. 간단한 페이지 매김

게시물과 댓글에 대한 추가 페이지 매김을 추가하는 데 사용할 수 있는 가장 훌륭하고 간단한 플러그인 중 하나이므로 WordPress 사이트 탐색이 훨씬 쉬워집니다.

4. 알파벳 페이지 매기기


이 플러그인을 사용하면 게시물과 페이지를 알파벳순으로 필터링할 수 있습니다. 설치가 간편할 뿐만 아니라 사용도 간편합니다.

5. WordPress용 jPages 페이지 매김


갤러리 페이지, 댓글 등에 대한 페이지 매김을 생성하는 데 가장 적합한 플러그인 중 하나입니다. 그것의 도움으로 갤러리는 페이지 매김이 있는 갤러리로 변합니다.

6.페이지 매기기


이 플러그인을 사용하면 요구 사항에 따라 페이지 페이지 매김을 만들 수 있습니다. 한 페이지에서 번호 매기기를 늘리고 표시할 단위 수를 선택할 수 있습니다. 기본적으로 10개가 있을 수 있습니다.

7. 다음 포스트 WordPress용 플라이 박스


창의 왼쪽이나 오른쪽에 팝업 상자 형태로 다음 게시물과 이전 게시물 사이를 탐색하는 최고의 플러그인 중 하나입니다. 사용자가 페이지를 스크롤하면 다음 또는 이전 항목을 선택할 수 있는 팝업 상자가 나타납니다.

8. JQuery 페이지네이터 플러그인


플러그인을 사용하면 원하는 매개변수를 설정하면 3가지 유형의 페이지 매김 중에서 선택할 수 있습니다. 이것은 가장 매력적인 페이지 매김 플러그인 중 하나입니다.

9. 스마트 페이지 매김


11가지의 다양한 페이지 매김 옵션을 제공하는 탁월한 플러그인입니다.

보너스. WP-PageNavi 플러그인용 CSS 스타일


인기 있는 WordPress 플러그인인 WP-PageNavi 및 WP-Paginate를 위한 탁월한 CSS 스타일 컬렉션입니다. 포함 HTML 페이지스타일 시연과 함께 각 스타일에는 별도의 CSS 파일이 포함되어 있습니다.

WordPress 사이트에 페이지 탐색을 추가하거나 표준 탐색을 일반 페이지 탐색 버튼으로 변경하기 위해 WP-pagenavi 플러그인과 4.9.5에서 테스트된 5개의 다른 플러그인을 사용합니다.

저자로부터

모든 시스템의 사이트에 페이지 탐색을 추가하면 장점(방문자의 편의성)과 단점(페이지가 제목 태그에 반복되는 제목과 함께 나타남)이 있습니다. WordPress 사이트에 페이지 탐색을 추가하거나 표준 탐색(이전 페이지 - 다음 페이지)을 일반 페이지 탐색 버튼으로 변경하려면 WP-pagenavi 플러그인을 사용합니다.

표준 WordPress 페이지 탐색

우선 사이트 탐색 표시를 담당하는 WP 함수 호출이 작업 템플릿 파일에 포함되어 있다는 점에 유의하겠습니다. 따라서 표준 테마가 아닌 작업 테마를 설치한 경우 테마 작성자가 이미 테마 파일에 페이지 탐색을 포함시켰고 귀하도 이미 해당 테마를 가지고 있을 수 있습니다. 그렇지 않은 경우 표준 사이트 탐색은 페이지 하단에 "이전 페이지" 및 "다음 페이지"와 같은 문구가 표시됩니다.

표준 탐색을 출력하는 함수: next_posts_link 및 Previous_posts_link . 그것들을 기억하자, 그것들은 우리에게 유용할 것이다.

WP-pagenavi 플러그인은 WordPress 사이트에 페이지 탐색을 추가하는 데 도움이 됩니다.

블로그의 페이지 탐색을 변경하고 선택적 페이징을 위한 버튼을 추가하려면 WP-pagenavi 플러그인을 사용합니다. 플러그인 페이지: https://wordpress.org/plugins/wp-pagenavi/installation/

세 가지 표준 방법이 있습니다.

  1. 이름으로 검색을 사용하여,
  2. WordPress.org 페이지(기사 하단의 링크)에서 플러그인을 다운로드하세요.
  3. 또는 WordPress.org 페이지에서 플러그인을 다운로드하고 아카이브의 압축을 풀고 wp-pagenavi 플러그인 디렉토리를 /wp-content/plugins/ 폴더에 업로드한 후 블로그 콘솔에서 플러그인을 활성화하세요.

WP-pagenavi 플러그인을 실행하는 방법

하지만 플러그인을 활성화하는 것만으로는 충분하지 않으며, 작동 중인 테마 코드로 작업해야 합니다.

메모:작업 테마 파일을 변경하기 시작할 때 다음을 수행하십시오. 백업 복사본귀하의 웹사이트와 해당 데이터베이스. 문제가 발생하면 백업 복사본으로 롤백할 수 있습니다.

wp-pagenavi를 활성화하는 작업은 다음과 같습니다. 작업 테마 파일에서 next_posts_link 및 이전_posts_link 함수를 찾아 해당 행을 다음으로 바꿔야 합니다.

next_posts_link 및 이전_posts_link 함수를 찾는 위치와 방법

일반적으로 next_posts_link 및 이전_posts_link 함수는 테마 파일(인덱스, 아카이브, 함수)에서 찾을 수 있습니다. 블로그 콘솔의 에디터에서 이 작업을 수행할 수 있습니다.

WordPress 사이트에 페이지 매김 탐색 추가

콘솔에서 검색해도 빠른 결과가 나오지 않고 이러한 기능이 표시되지 않는 경우 다음을 수행하십시오.

  • FTP 연결을 통해 작업 테마 파일을 컴퓨터에 복사합니다.
  • 다운로드한 모든 파일을 다음에서 엽니다. 텍스트 에디터, 예를 들어 Notepadd++.
  • 다음으로, 편집기의 "모든 파일에서 찾기" 검색을 사용하고 함수 이름인 next_posts_link 및 Previous_posts_link를 찾습니다.
  • 찾은 후 다음으로 바꾸십시오.

교체 후 편집된 파일을 다시 사이트 디렉터리에 업로드하고 사이트의 페이지 탐색 버튼 모양을 확인하세요.

WP-pagenavi 버튼의 모양을 변경하는 방법

  • 기본적으로 페이지 번호가 있는 팔라긴 버튼은 흰색/회색입니다. 프레임은 정사각형입니다. pagenavi-css.css 파일에서 버튼 모양을 변경할 수 있습니다. 이 파일은 다음 디렉터리에 있습니다. wp-content/플러그인/wp-pagenavi.

편집하려면 파일을 컴퓨터에 다운로드하고 텍스트 편집기에서 편집하세요. 동시에 원본 소스 파일을 그대로 백업으로 유지하세요.

더 많은 페이지 탐색 플러그인

  • BestWebSoft의 페이지 매김. https://ru.wordpress.org/plugins/pagination/
  • 심플한 페이지 네비. https://ru.wordpress.org/plugins/simplistic-page-navi/
  • 알파벳 페이지 매기기. https://ru.wordpress.org/plugins/alphabetic-pagination/
  • SX 홈페이지 페이지 매김이 없습니다. https://ru.wordpress.org/plugins/sx-no-homepage-pagination/
  • WP-페이지 매김. https://ru.wordpress.org/plugins/wp-paginate/

4 761

이 기사에서는 WordPress 탐색 메뉴를 만드는 방법을 보여 드리겠습니다. 간단한 드래그 앤 드롭 도구를 사용하면 웹사이트에 아름다운 드롭다운 메뉴를 만들 수 있습니다.

WordPress 탐색 메뉴

메뉴가 왜 필요한가요? 이를 통해 사용자에게 사이트 구조를 제시할 수 있습니다. 사용자가 섹션을 탐색하고 필요한 정보를 빠르게 찾을 수 있도록 도와줍니다.

메뉴는 사이트 페이지의 상단/하단, 오른쪽/왼쪽에 위치할 수 있습니다.

거의 모든 WordPress 테마에는 최소한 한 가지 유형의 메뉴 레이아웃이 포함되어 있습니다.

WordPress 메뉴 만들기

WordPress 관리자 패널에서 메뉴를 추가할 수 있습니다. 모습— 메뉴.

두 영역으로 구성된 새로운 "메뉴 만들기" 창이 화면에 나타납니다. 왼쪽 영역에는 페이지, 사용자 정의 링크 및 카테고리가 포함되어 있습니다. 오른쪽에는 사용자 정의 가능한 메뉴 항목이 있습니다.

첫 번째 메뉴를 만들어 보겠습니다.

메뉴 이름을 입력하세요. "My First Menu"를 클릭한 후 "Create Menu" 버튼을 클릭하세요.

메뉴 설정이 앞에 나타납니다.

보시다시피 Azbuka WordPress 웹사이트 테마는 기본, 보조, 바닥글의 3가지 메뉴 레이아웃 옵션을 제공합니다.

메뉴 이름과 위치는 선택한 테마에 따라 다를 수 있습니다.

그런 다음 추가하려는 페이지를 선택하십시오. 왼쪽 창에 나열된 페이지를 확인하고 메뉴에 추가를 클릭하십시오.

그런 다음 메뉴 위치를 선택하고 저장하십시오.

다양한 레이아웃을 시도하여 완성된 모습을 확인할 수 있습니다.

메뉴 항목 배치

추가된 각 메뉴 항목은 추가한 순서대로 표시됩니다. 예를 들어 내 소개 페이지는 끝에 나타나고 제품 페이지는 처음에 나타납니다.

걱정하지 마세요. 마우스로 메뉴 항목을 끌어다 놓고 원하는 순서대로 정렬할 수 있습니다.

이렇게 하면 사이트의 다양한 영역에 필요한 수의 메뉴를 만들 수 있습니다.

WordPress 탐색 드롭다운 메뉴 만들기

드롭다운 메뉴는 탐색 메뉴입니다. 부모 및 자식 요소 포함.

사용자가 상위 메뉴 요소 위로 마우스를 가져가면 다른 모든 하위 요소가 상위 메뉴 아래에 차례로 원활하게 나타납니다.

드롭다운 메뉴 사용적절하게 구조화된 내비게이션 시스템을 만들 수 있습니다.

이제 새 메뉴에 대한 하위 메뉴 항목을 추가해 보겠습니다.

안에 구조를 사용하려면 해당 상위 요소 바로 아래에 요소를 끈 다음 요소를 약간 오른쪽으로 끕니다. 자동으로 하위 메뉴 항목이 되는 것을 알 수 있습니다.

이 방법으로 여러 수준의 하위 메뉴를 만들 수 있습니다. 그러나 불행하게도 모든 테마가 이러한 다단계 메뉴 생성을 지원하는 것은 아닙니다. 대부분의 테마에서는 2개 레벨만 생성할 수 있습니다.

메뉴에 카테고리 추가하기

카테고리는 블로그에 드롭다운 메뉴를 만드는 데 사용됩니다. 그리고 페이지와 동일한 원리에 따라 추가됩니다. "카테고리" 탭을 확장하고 필요한 항목을 선택한 후 메뉴에 추가하세요.

카테고리가 메뉴 항목으로 표시되는 것을 볼 수 있습니다. 페이지와 마찬가지로 카테고리를 마우스로 끌어서 놓아 원하는 순서대로 정렬할 수 있습니다.

아래 예에서는 모든 카테고리가 블로그 페이지의 하위 요소가 되도록 했습니다.

WordPress 탐색 메뉴에 사용자 정의 링크 추가

메뉴 항목 편집

페이지나 카테고리를 추가하면 WordPress에서는 자동으로 페이지 제목이나 카테고리 이름을 링크 텍스트로 사용합니다.

그렇다고 해서 변경할 수 없다는 의미는 아닙니다.

요소를 확장하고 필요에 따라 편집합니다.

여기서 제목, 링크 텍스트를 변경하고 링크에 제목 속성을 추가할 수 있습니다. 모든 변경 사항이 손실되지 않도록 메뉴를 저장하세요.

메뉴에서 제거

또한 메뉴 항목을 확장하면 하단에 "삭제"라는 빨간색 텍스트가 표시됩니다.

탐색 메뉴 영역

각 테마는 고유한 유형의 레이아웃을 제공합니다. 탐색 메뉴.

예제에서 보여드린 이 사이트의 테마에는 3가지 유형의 메뉴 레이아웃이 있습니다. 귀하의 주제에는 그 수가 많거나 적을 수 있습니다. 물론 그들은 다르게 부를 수도 있습니다.

사이드바에 탐색 메뉴 추가

표준 영역 외에도 사이드바에 메뉴를 추가하고 위젯을 사용하여 다른 영역을 추가할 수 있습니다.

관리자 패널에서 "모양" - "위젯"을 선택하고 사이드바에 "사용자 정의 메뉴" 위젯을 추가하세요.

그런 다음 위젯의 제목을 지정하고 목록에서 사용자 정의된 메뉴 중 하나를 선택해야 합니다. 저장 버튼을 클릭하세요.

이제 사이트에 접속하여 사이드바에 메뉴가 어떻게 표시되는지 확인해 보세요.

메뉴의 소셜 버튼과 관련하여 일부 테마에는 내장 소셜 미디어 버튼이 제공됩니다.

테마에 버튼이 없으면 메뉴 소셜 아이콘과 같은 플러그인을 설치하여 버튼을 직접 추가할 수 있습니다.

당신은 다음에 관심이 있을 수 있습니다:

질문이 있으시면 댓글에 적어주세요.

그리고 우리를 따라오세요

WordPress 테마의 탐색은 이전 게시물에 대한 링크 및 다음 게시물에 대한 링크와 같은 표준 방식으로 가장 자주 구현됩니다. 대부분의 경우 이것으로 충분하지만 때로는 WordPress에서 페이지별 탐색을 수행해야 할 때도 있습니다. 무료 플러그인 WP-PageNavi.

플러그인 설치

WP-PageNavi는 WordPress에서 페이지 탐색 또는 "페이지 매김"을 구현하기 위한 가장 인기 있고 간단한 플러그인 중 하나입니다. WordPress.org의 플러그인 디렉토리에서 사용할 수 있으며 플러그인 → 새로 추가 아래의 WordPress 관리 패널에서 설치할 수 있습니다.

플러그인을 설치하고 활성화한 후 활성 WordPress 테마를 일부 변경해야 합니다. wp-content/themes 디렉토리에 있습니다. 이 디렉토리에서 활성 테마 이름의 폴더를 찾으세요.

일부 테마에는 이미 WP-PageNavi 플러그인에 대한 지원이 내장되어 있으며 활성화 후 표준 테마 대신 페이지별 탐색이 즉시 표시되지만 이러한 테마는 극히 드뭅니다. 대부분의 경우 페이지 매김을 지원하려면 수동으로 변경해야 합니다.

next_posts_link 및 Previous_posts_link 함수 호출에 대해서는 테마 파일을 살펴봐야 합니다. 여러 위치에 있을 수 있지만 대부분 index.php, archive.php 및 function.php 파일에 있습니다.

이러한 함수는 표준 탐색을 표시하며, WP-PageNavi를 사용하여 페이지 탐색을 표시하려면 다음 중 하나를 호출하여 대체해야 합니다. 새로운 기능 wp_pagenavi.

예를 들어 표준 Twenty Twelve 테마를 살펴보겠습니다. function.php 파일에서 다음을 찾으세요. 다음 코드:

next_posts_link 및 이전_posts_link 함수를 호출하는 대신 wp_pagenavi 함수를 호출하세요.

세 번째 줄에 주목하세요. 여기서는 wp_pagenavi를 호출하기 전에 function_exists에 대한 호출도 추가했습니다. 이렇게 하면 WP-PageNavi 플러그인이 비활성화되거나 누락된 경우 오류가 표시되는 것을 방지할 수 있습니다.

파일을 저장한 후 게시물이 있는 페이지로 이동하면 ActionView에 페이지별 탐색이 표시됩니다.

테마에서 이를 대체할 next_posts_link 및 이전_posts_link 함수를 찾을 수 없는 경우 테마 이름을 나타내는 댓글을 남겨주시면 확실히 도움을 드리겠습니다.

고급 WordPress 사용자의 경우 테마의 기능과 일부를 교체하는 것이 원래 테마를 상위 테마로 사용하여 하위 테마를 사용하여 가장 잘 수행된다는 점에 주목할 가치가 있습니다. 이렇게 하면 테마를 업데이트하는 경우에도 페이지 매김 및 기타 변경 사항을 유지하는 데 도움이 됩니다.

WP-PageNavi 설정

옵션 → PageNavi 섹션에서는 최대 페이지 수, 드롭다운 목록으로 표시, 인라인 스타일 사용 등을 포함하여 페이지 탐색에 대한 다양한 설정을 변경할 수 있습니다.

설정에서 링크에 표시되는 텍스트를 변경할 수도 있으므로 탐색에 표시되는 링크를 쉽게 번역할 수 있습니다.

"플러그인 없이" 페이지 탐색 정보

WordPress에서 플러그인 없이 페이지 매김 탐색을 구현하는 방법에 대한 기사를 읽었다면 우리는 매우 이 방법은 권장하지 않습니다., 이는 페이지 탐색에만 적용되는 것이 아닙니다. 대부분의 "플러그인 없음" 기사와 튜토리얼은 단순히 플러그인에서 코드를 복사하여 테마의 다양한 영역에 붙여넣습니다.

WordPress 확장에 대한 "플러그인 프리" 접근 방식은 아니요장점이 있지만 상당한 단점도 있습니다.

  • 항상 코드를 파헤쳐야 합니다.
  • 문제가 발생하면 플러그인을 쉽게 비활성화할 수 없습니다.
  • 테마를 변경하거나 업데이트하면 추가한 내용이 모두 손실됩니다.
  • 이는 안전하지 않으며 사이트가 해킹될 수 있습니다.

플러그인은 WordPress의 기능을 확장하기 위해 특별히 제작되었으므로 주저하지 말고 사용하세요.

대안

어떤 이유로 WP-PageNavi 플러그인이 적합하지 않은 경우 대안으로 유사한 기능을 구현하는 WP-Paginate 및 WP Page Numbers 플러그인을 고려하는 것이 좋습니다.

WordPress의 페이지 탐색이나 위에서 언급한 플러그인에 대해 질문이 있는 경우 댓글 양식을 사용하여 질문하거나 다음 주소로 문의하세요.

주제에 관한 출판물