Điều hướng trang cho WordPress bằng plugin WP-PageNavi. Plugin điều hướng trang WP PageNavi: cài đặt và cấu hình

Flex 5

Đã cập nhật:

Đây là một trong những plugin nổi tiếng và phổ biến nhất dành cho WordPress. Nó cho phép bạn hiển thị điều hướng từng trang một cách dễ dàng và đơn giản trên trang web của bạn. Nhu cầu điều hướng trang là không còn nghi ngờ gì nữa - thứ nhất, nó thuận tiện hơn nhiều cho người dùng so với các liên kết "Trước" và "Sau" khó hiểu, và thứ hai, điều hướng trang giúp ích về mặt SEO - công cụ tìm kiếm lập chỉ mục các trang tốt hơn nhiều nếu liên kết đến họ đang ở trên trang chủđịa điểm. Có một số plugin tương tự, nhưng plugin này được coi là tốt nhất. Trên thực tế, điều hướng trang trong WordPress và plugin TrangNaviĐây thực tế là những khái niệm không thể tách rời.

1 Giải nén kho lưu trữ.

2 Sao chép thư mục vào /wp-content/plugin/.

3 Đi tới bảng quản trị blog trên "tab" bổ sung" và kích hoạt plugin.

Plugin được dịch hoàn toàn sang tiếng Nga. Hơn nữa, người dịch đã làm quá, thậm chí còn dịch tên của plugin (điều này trái với lẽ thường - ai dịch tên riêng?). Do đó, khi kích hoạt một plugin, hãy tìm trong số các plugin đã tải xuống, nhưng Danh sách các trang. Câu chuyện tương tự với các cài đặt - bạn sẽ tìm thấy chúng trong " Cài đặt\Danh sách các trang".

Phần đầu tiên của cài đặt plugin liên quan đến chính bảng điều khiển và các giá trị của nó:

Đây là những giá trị mặc định. Họ đưa ra một cái gì đó như thế này cho hội đồng:

Nếu bạn không điền vào bất kỳ trường nào, nó sẽ không được hiển thị trong bảng điều khiển. Do đó, bạn có thể giảm bảng điều khiển xuống phiên bản nhỏ gọn hơn như:

Phần thứ hai của cài đặt liên quan đến chính plugin:

Ở đây tôi phải làm rõ một vài điều. Lựa chọn " Sử dụng kiểu pagenavi-css.css" khiến plugin áp dụng kiểu css từ tệp vào bảng điều khiển pagenavi-css.css, nằm trong thư mục plugin. Nếu mẫu của bạn đã chứa các kiểu cho plugin (và điều này xảy ra thường xuyên vì nó rất phổ biến), thì bạn cần bỏ chọn tùy chọn này. Rốt cuộc, theo quy định, các kiểu được chỉ định trong chủ đề là phong cách tốt hơn plugin mặc định.

Tôi khuyên bạn nên tắt các phạm vi (chúng được bật theo mặc định) bằng cách đặt giá trị “0” ở mọi nơi. Bởi vì cá nhân tôi không thích điều hướng này:

Nhưng tất nhiên, tùy bạn quyết định.

Chúng ta đã hoàn tất cài đặt - làm cách nào để hiển thị bảng plugin trong mẫu? Bạn cần tìm trong các tệp mẫu để tìm mã tương tự như:

Và thay thế nó bằng mã:

Chính ở giai đoạn này, nhiều người dùng gặp vấn đề. Bởi vì mã này có thể khác nhau ở mỗi mẫu. Ngay cả các tệp mà bạn cần tìm mã này cũng rất khác nhau giữa các mẫu. Do đó, tôi khuyên bạn nên tải xuống trình soạn thảo Notepad++ (bạn cần nó trong mọi trường hợp, vì các tệp phải được lưu nghiêm ngặt trong mã hóa UTF8 không có BOM) và tìm kiếm các tệp chức năng và .

Đây là cách bạn sẽ tìm thấy chính xác vị trí trong mẫu của mình mà tác giả của nó đã ẩn các chức năng hiển thị liên kết điều hướng và bạn có thể thay thế chúng bằng mã để gọi bảng plugin. Nếu bạn không thể tự mình tìm thấy, hãy viết bình luận, tôi sẽ giúp.

Bây giờ hãy nói về phong cách thiết kế bảng điều khiển. Bạn không thích giao diện bảng điều khiển mặc định? Bạn có muốn một bảng điều khiển giống như trong ảnh chụp màn hình ở đầu bài viết này không? Sau đó mở file này và sao chép nội dung của nó vào file pagenavi-css.css, nằm trong thư mục plugin của bạn.

Có một cách thậm chí còn dễ dàng hơn để tạo kiểu cho bảng điều khiển của bạn. Để thực hiện việc này, bạn cần cài đặt một plugin trong đó bạn có thể chọn các kiểu tích hợp sẵn như sau:

Bạn không muốn cài đặt một plugin bổ sung? Được rồi, trong trường hợp đó bạn có thể sử dụng lựa chọn kiểu của tôi cho:

Xin chào các độc giả trang blog của tôi, hôm nay tôi sẽ chia sẻ với các bạn cài đặt điều hướng trang mà không cần plugin trên blog. Tại sao việc điều hướng trang trên một trang web lại cần thiết và nó mang lại những lợi ích hữu ích gì? Đây là khả năng sử dụng của blog, nhờ đó khách truy cập trang web có thể dễ dàng tìm thấy thông tin hữu ích cho họ.

Vì vậy, trước khi chuyển sang cài đặt điều hướng, bạn cần thiết lập chế độ đọc thuận tiện cho các bài đăng của mình sẽ được hiển thị trên trang blog. Để thực hiện việc này, hãy đi tới Bảng quản trị - Cài đặt - Đọc:

và đặt số lượng bài viết hiển thị sẽ được hiển thị trên mỗi trang:

TRONG trong trường hợp này 5 mục được cài đặt. Thông thường một blog hiển thị 5 đến 7 mục trên mỗi trang. Bây giờ chúng tôi đã sắp xếp các cài đặt này, ở cuối trang, chúng tôi thấy điều hướng trang WordPress tiêu chuẩn, trông giống như thế này:

Khi số lượng bài đăng trên blog của bạn là 10-15 và chúng chiếm không quá 2-3 trang thì việc điều hướng như vậy khá thuận tiện, nhưng khi blog thường xuyên chứa đầy nội dung và số lượng bài viết gần bằng 100 hoặc 200 và tất cả những bài viết này được đăng 5 bài trên mỗi trang. Vậy thì tôi nghĩ sẽ không khó để tính toán có bao nhiêu trang sẽ được đăng trên blog. Đồng thời, để khách truy cập vào blog của bạn không phải cuộn qua tất cả các trang trong blog WordPress để tìm bất kỳ bài đăng nào, việc điều hướng trang sẽ thuận tiện hơn và quan điểm chức năng cho người dùng:

Việc điều hướng như vậy sẽ giúp giữ người đọc ở lại blog của bạn để họ duyệt qua trang web của bạn một cách thuận tiện hơn để tìm kiếm các bài đăng có liên quan đến họ. Vì vậy, chúng tôi lại cải thiện, điều này giúp chúng tôi quảng bá blog của mình.

Tương tự thanh điều hướng có thể được hiển thị bằng plugin WP-PageNavi. Đồng thời, tôi tin rằng blog nên hoạt động với một số lượng nhỏ plugin để không tạo thêm tải khi hiển thị trang web. Vì vậy, chúng ta sẽ xem xét một thiết lập đơn giản hiển thị WordPressđiều hướng trang mà không cần plugin.

Cài đặt kỹ thuật

Mở bảng điều khiển Quản trị - Cài đặt-Editor - mở tệp tin.php và chèn đoạn mã sau vào đầu:

// Thanh điều hướng
hàm wp_corenavi() (
$wp_query toàn cầu, $wp_rewrite;
$trang = ";
$max = $wp_query->max_num_pages;
if (!$current = get_query_var('paged')) $current = 1;
$a["base"] = str_replace(999999999, ‘%#%’, get_pagenum_link(999999999));
$a["tổng"] = $max;
$a["current"] = $current;

tổng $ = 0; //1 — hiển thị dòng chữ “Trang N của N”, 0 — không hiển thị
$a["mid_size"] = 1; //có bao nhiêu liên kết hiển thị ở bên trái và bên phải của liên kết hiện tại
$a["end_size"] = 1; //có bao nhiêu liên kết hiển thị ở đầu và cuối
$a["prev_text"] = '"'; //Trích dẫn chuyển tiếp bên trái"
$a["next_text"] = '"'; // Trích dẫn chuyển tiếp đúng"

if ($max > 1) echo ‘
’;
if ($total == 1 && $max > 1) $pages = ‘ Trang ' . $ hiện tại. ' từ ' . tối đa $. ‘'."\r\n";
tiếng vang $ trang . paginate_links($a);
if ($max > 1) echo ‘
’;
}

hoặc như thế này:

và thay thế mã được đánh dấu bằng mã sau:

Sau này, chúng tôi kiểm tra cài đặt trên trang web của bạn và màn hình tiêu chuẩn của cài đặt điều hướng sẽ được hiển thị:

Thanh điều hướng

*/
.wp-pagenavi (
chiều cao: 50px;
rõ ràng: cả hai;

màu:#BB7B00;
}
.wp-pagenavi span.pages(
màu: #BB7B00;
}
.wp-pagenavi a, .wp-pagenavi span (
trang trí văn bản: không có;
phần đệm: 6px 9px;
lề: 2px;
nền:#ffffff;
phông chữ: đậm 14px Verdana, sans-serif;
màu: #85B6C5;
bán kính đường viền:5px ;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current (
màu viền: #BB7B00;
nền:#85B6C5;
màu sắc:#ffffff;
}
.wp-pagenavi span.current (
màu: #f5f5f5;
nền:#85B6C5;
phần đệm: 8px 9px;
}

Bây giờ chúng ta đã kết nối các kiểu để hiển thị trong Bảng WordPressđiều hướng mà không cần sử dụng plugin, chúng ta sẽ có thể thấy một chế độ xem tương tự:

Để loại bỏ các trang trùng lặp bổ sung mà bạn không thích công cụ tìm kiếm chúng ta cần đóng nó khỏi việc lập chỉ mục trang trang. Để làm điều này, chúng ta cần thêm đoạn mã sau vào đầu tệp tin.php.

/*** THÊM meta robot noindex,nofollow CHO CÁC TRANG ***/
hàm my_meta_noindex() (

nếu như (
is_paged() // Tất cả và các trang điều hướng
) (tiếng vang "".' '."\N";)
}

add_action('wp_head', 'my_meta_noindex', 3); // thêm noindex,nofollow vào đầu

Chúng tôi lưu và kiểm tra cài đặt của chúng tôi. Để thực hiện việc này, hãy mở bất kỳ trang nào trong số các trang 2, 3-10, v.v., nhấn Ctrl+U và đoạn mã sau sẽ được hiển thị trong mã hóa trang:

Nó quan trọng Không cho phép: Không nên đóng /trang trong tệp robots.txt từ việc lập chỉ mục. Việc cài đặt đã hoàn tất. Tôi hy vọng bạn hiểu tất cả các mã hóa này. Nếu bạn có bất kỳ câu hỏi nào, hãy viết bình luận, tôi chắc chắn sẽ trả lời. Hẹn sớm gặp lại!

Điều hướng trang là điều mà mọi blogger nên chú ý đến Đặc biệt chú ý. Nó bao gồm việc hiển thị Bài đăng trên WordPress trên cơ sở từng trang. Thông thường, các mục nhập được hiển thị theo thứ tự phân cấp và mặc dù bạn có các tùy chọn lựa chọn như Mục nhập cũ và Mục nhập mới, bạn không có tùy chọn hiển thị các mục nhập trên cơ sở từng trang với các trang được đánh số.

Sử dụng điều hướng trang, người dùng có thể truy cập trực tiếp vào trang 6 hoặc 8 mà không cần phải điều hướng từ trang này sang trang khác. Điều hướng này cũng hữu ích cho SEO; các công cụ tìm kiếm thích điều hướng này hơn; nó cho phép các bot dễ dàng điều hướng qua các bài đăng trên các trang của trang web. Bằng cách sử dụng plugin miễn phí WordPress, được đưa ra trong bài viết này, bạn có thể cài đặt điều hướng phân trang trên trang web của mình.

1 – Điều hướng trang WP

Điều hướng trang WP là một plugin phổ biến cho phép khách truy cập trang web của bạn dễ dàng di chuyển từ trang này sang trang khác. Nó sẽ thay thế tùy chọn Bài viết cũ/Bài viết mới bằng điều hướng được phân trang. Plugin không yêu cầu tài nguyên lớn và không ảnh hưởng đến tốc độ tải trang.

Plugin này tương thích với hầu hết các chủ đề hiện có.

Yêu cầu ít tài nguyên.
Thân thiện với SEO.
Rất phổ biến.

2 – Phân trang WP

Plugin này là một cách hay để thêm điều hướng phân trang vào trang web WordPress của bạn, với nó, bạn có thể thêm phân trang số để hiển thị số trang chủ, trang giữa và trang cuối.

Với nó, bạn thậm chí có thể thêm điều hướng thông qua nhận xét vào bài đăng, điều này sẽ giúp tải trang dễ dàng hơn.