Cách thực hiện phân trang số trong WordPress mà không cần plugin. Điều hướng trang WordPress – Ba plugin hữu ích

Về mặt kỹ thuật, chức năng này có thể được sử dụng để tạo phân trang ở bất cứ đâu. Tham số cơ sở được sử dụng làm tham chiếu URL sẽ được sử dụng để tạo liên kết phân trang. Tham số định dạng sẽ được thay thế bằng số phân trang. Tính năng này là cốt lõi của tất cả các tính năng phân trang trong WordPress.

Tham số loại kiểm soát định dạng mà kết quả sẽ được trả về:

đơn giản - chỉ các liên kết được phân tách bằng dấu ngắt dòng (Mặc định).
mảng - ở dạng mảng dữ liệu để xử lý thêm trong PHP

danh sách -

danh sách.

Tổng tham số số sẽ nhận được tổng số trang phân trang và tham số hiện tại sẽ nhận được số trang phân trang hiện tại. Một ví dụ về tham số cơ sở là http://example.com/all_posts.php%_%, trong đó %_% là phần bắt buộc sẽ được thay thế bằng phần được chỉ định trong tham số định dạng. Định dạng ví dụ - ?page=%#% , ở đây %#% cũng là phần bắt buộc, phần này sẽ được thay thế bằng số của trang phân trang hiện tại. Nói chung, bạn có thể chỉ định ngay lập tức trong cơ sở, ví dụ như sau: http://example.com/all_posts.php?page=%#% và ở định dạng nó trống ("").

Để thêm liên kết vào trang trước/trang tiếp theo, bạn cần bật tham số logic prev_next (đặt thành true), sau đó bạn có thể đặt văn bản của các liên kết bằng cách chỉ định tham số prev_text/next_text (liên kết trước/liên kết tiếp theo).

Nếu bạn bật tham số show_all thì tất cả các liên kết phân trang sẽ được hiển thị, thay vì một số liên kết xung quanh liên kết hiện tại và một số liên kết cuối. Theo mặc định, tùy chọn này bị tắt và số lượng liên kết hiển thị xung quanh trang hiện tại và ở cuối trang được kiểm soát bởi các tham số: end_size và mid_size.

Các tham số before_page_number và after_page_number cho phép bạn tự bọc số phân trang, ví dụ như trong để tạo kiểu. Nhìn chung, các tham số này được tạo ra nhằm mục đích chỉ định văn bản cho rô-bốt, để khi xem mã sẽ biết rõ các liên kết dùng để làm gì.

Kết quả là bạn sẽ nhận được một cái gì đó như thế này: "trước 1 ... 3 4 5 6 7 ... 9 tiếp theo"

Móc từ một chức năng

Trả lại

Cách sử dụng

Mẫu sử dụng

$args = array("base" => "%_%", "format" => "?page=%#%", "total" => 1, "current" => 0, "show_all" => Sai , "end_size" => 1, "mid_size" => 2, "prev_next" => True, "prev_text" => __(" « Previous"), "next_text" => __("Tiếp theo ""), "type " => "plain", "add_args" => Sai, "add_fragment" => "", "trước_page_number" => "", "after_page_number" => ""); echo paginate_links($args); $args (chuỗi/mảng) Các đối số để xây dựng phân trang.
Mặc định: cài đặt trước

Đối số tham số $args

căn cứ (đường kẻ) Cơ sở để thay thế theo định dạng. Trong cấu trúc: http://example.com/all_posts.php%_% %_% sẽ được thay thế bằng giá trị của đối số định dạng (xem bên dưới).
Mặc định: "%_%"định dạng (đường kẻ)Định dạng thay thế.
Mặc định: "?page=%#%" tổng cộng (con số) Tổng số trang tham gia phân trang.
Mặc định: 1 hiện hành (con số) Số trang phân trang hiện tại. hiển thị tất cả (hợp lý) Nếu được đặt thành true thì tất cả các trang tham gia phân trang sẽ được hiển thị trong danh sách liên kết. Theo mặc định, chỉ có một số liên kết được hiển thị ở phía trước và phía sau số trang hiện tại, số lượng liên kết được quy định bởi các đối số: end_size và mid_size.
Mặc định: sai kích thước cuối cùng (con số) Có bao nhiêu số hiển thị đầu tiên và cuối cùng ("trước 12 ... 4 ... 89 tiếp theo").
Mặc định: 1 cỡ trung bình (con số) Có bao nhiêu số hiển thị trước và sau số lượng hiện tại (... 123 5 678 ...).
Mặc định: 2 trước_tiếp theo (hợp lý) Hiển thị các liên kết bên "trang trước/trang tiếp theo". Mặc định chúng được hiển thị, nếu không cần thiết phải hiển thị các link này thì ghi false.
Mặc định: ture văn bản trước (đường kẻ) Văn bản liên kết "Trang trước".
Mặc định: __(" văn bản tiếp theo (đường kẻ) Liên kết văn bản "trang tiếp theo".
Mặc định: __("Tiếp theo »") kiểu (đường kẻ)
Trả về định dạng dữ liệu.

plain - một chuỗi các liên kết được phân tách bằng dấu cách. Mặc định;

mảng - mảng dữ liệu (để xử lý tiếp);

danh sách - danh sách html
.
Mặc định: "đồng bằng"
add_args (hợp lý) Một mảng đối số (biến truy vấn) để thêm vào các liên kết.
Mặc định: sai thêm_đoạn (đường kẻ) Văn bản sẽ được thêm vào tất cả các liên kết.
Mặc định: "" aria_current (đường kẻ) Giá trị của thuộc tính aria-current. Các giá trị có thể có: "trang", "bước", "vị trí", "ngày", "thời gian", "đúng", "sai". Từ phiên bản 4.9.
Trang chủ".
Ví dụ

Phân trang số 1, tương tự như wp_pagenavi

Để thêm phân trang vào trang kết quả tìm kiếm hoặc trang lưu trữ, hãy sử dụng mã này:
Hàm my_pagenavi() ( toàn cầu $wp_query; $big = 999999999; // số duy nhấtđể thay thế $args = array("base" => str_replace($big, "%#%", get_pagenum_link($big)), "format" => "", "current" => max(1, get_query_var(" phân trang")), "tổng" => $wp_query->max_num_pages,); $result = paginate_links($args); // xóa phần bổ sung phân trang cho trang đầu tiên $result = preg_replace("~/page/1/?([\""])~", "\1", $result); kết quả echo $; ) // Bây giờ, nơi chúng ta cần hiển thị phân trang, hãy sử dụng // my_pagenavi();
#2 Ví dụ với truy vấn tùy chỉnh WP_Query

Khi các bản ghi được truy xuất và hiển thị dưới dạng một truy vấn riêng bằng WP_Query mới, hãy đặt thuộc tính $max_num_pages thành tham số tổng. Ví dụ:

Yêu cầu tùy chỉnh của chúng tôi và phân trang cho nó:

Đây chỉ là một ví dụ demo vì nó không tính đến yêu cầu chính, điều này có thể dẫn đến trang 404 và hoàn toàn không đạt được mã này.
5, "category_name" => "thư viện", "phân trang" => $paged,)); // chu kỳ hiển thị các bài đăng đã nhận while($the_query->have_posts())( $the_query->the_post(); ?> str_replace($big, "%#%", esc_url(get_pagenum_link($big))), "format" => "?paged=%#%", "current" => max(1, get_query_var("paged") ), "tổng" => $the_query->max_num_pages)); ?>
Mã số liên kết phân trang: wp-includes/general-template.php VER 5.1.1
max_num_page)? $wp_query->max_num_pages: 1; $current = get_query_var("paged") ? intval(get_query_var("paged")) : 1; // Nối phần giữ chỗ định dạng vào URL cơ sở. $pagenum_link = dấu gạch chéo($url_parts) . "%_%"; // Cơ sở URL phụ thuộc vào cài đặt liên kết cố định. $format = $wp_rewrite->using_index_permalinks() && ! strpos($pagenum_link, "index.php") ? "index.php/" : ""; $format .= $wp_rewrite->using_permalinks() ? user_trailingslashit($wp_rewrite->pagination_base . "/%#%", "paged") : "?paged=%#%"; $defaults = array("base" => $pagenum_link, // http://example.com/all_posts.php%_% : %_% được thay thế bằng định dạng (bên dưới) "format" => $format, // ?page=%#% : %#% được thay thế bằng số trang "total" => $total, "current" => $current, "aria_current" => "page", "show_all" => false, "prev_next " => true, "prev_text" => __("__("Tiếp theo ""), "end_size" => 1, "mid_size" => 2, "type" => "plain", "add_args" => array(), // mảng truy vấn đối số để thêm "add_fragment" => "", "Before_page_number" => "", "after_page_number" => "",); $args = wp_parse_args($args, $defaults); if (! is_array($args["add_args"])) ( $args["add_args"] = array(); ) // Hợp nhất các vars truy vấn bổ sung được tìm thấy trong URL gốc vào mảng "add_args". if (isset($url_parts)) ( // Tìm đối số định dạng. $format = boom("?", str_replace("%_%", $args["format"], $args["base"])) ; $format_query = isset($format) : ""; wp_parse_str($format_query, $format_args); // Tìm đối số truy vấn của URL được yêu cầu. foreach ($format_args as $format_arg => $format_arg_value) ( unset($url_query_args[ $format_arg ]); ) $args["add_args"] = array_merge($args ["add_args"], urlencode_deep($ url_query_args) ) // Ai biết được mọi người còn chuyển những gì khác vào $args $total = (int) $args["total"]; nếu ($ tổng cộng< 2) { return; } $current = (int) $args["current"]; $end_size = (int) $args["end_size"]; // Out of bounds? Make it the default. if ($end_size < 1) { $end_size = 1; } $mid_size = (int) $args["mid_size"]; if ($mid_size < 0) { $mid_size = 2; } $add_args = $args["add_args"]; $r = ""; $page_links = array(); $dots = false; if ($args["prev_next"] && $current && 1 < $current) : $link = str_replace("%_%", 2 == $current ? "" : $args["format"], $args["base"]); $link = str_replace("%#%", $current - 1, $link); if ($add_args) { $link = add_query_arg($add_args, $link); } $link .= $args["add_fragment"]; /** * Filters the paginated links for the given archive pages. * * @since 3.0.0 * * @param string $link The paginated link URL. */ $page_links = "" . $args["prev_text"] . ""; endif; for ($n = 1; $n <= $total; $n++) : if ($n == $current) : $page_links = ""; $dots = true; khác: if ($args["show_all"] || ($n<= $end_size || ($current && $n >= $current - $mid_size && $n<= $current + $mid_size) || $n >$total - $end_size)) : $link = str_replace("%_%", 1 == $n ? "" : $args["format"], $args["base"]); $link = str_replace("%#%", $n, $link); if ($add_args) ( $link = add_query_arg($add_args, $link); ) $link .= $args["add_fragment"]; /** Bộ lọc này được ghi lại trong wp-includes/general-template.php */ $page_links = "" . $args["trước_page_number"] . number_format_i18n($n) . $args["after_page_number"] . ""; $dots = đúng; elseif ($dots && ! $args["show_all"]) : $page_links = " " . __("…") . ""; $dots = false; endif; endif; endfor; if ($args["prev_next"] && $current && $current< $total) : $link = str_replace("%_%", $args["format"], $args["base"]); $link = str_replace("%#%", $current + 1, $link); if ($add_args) { $link = add_query_arg($add_args, $link); } $link .= $args["add_fragment"]; /** This filter is documented in wp-includes/general-template.php */ $page_links = "" . $args["next_text"] . ""; endif; switch ($args["type"]) { case "array": return $page_links; case "list": $r .= "
\n\t
"; $r .= tham gia("
\n\t
", $page_links); $r .= "
\N
\n"; break; mặc định: $r = join("\n", $page_links); break; ) return $r; )
24/09/2013 Romchik

Điều đầu tiên chúng ta cần làm là tải xuống plugin. Tôi đã mất rất nhiều thời gian để chọn ra một plugin trong số rất nhiều plugin cho phép phân trang. Nhưng một cái tải hệ thống rất nhiều, cái thứ hai thì không đủ. Và lựa chọn của tôi là plugin WordPress WP-Paginate, bạn có thể tải xuống từ kho lưu trữ chính thức. Plugin rất dễ cài đặt. Và nó có các cài đặt cơ bản mà chúng ta sẽ xem xét bên dưới. Hãy chuyển sang thiết lập phân trang.

Điều thứ hai chúng ta cần làm là định cấu hình trong chính CMS số lượng bài đăng chúng ta muốn hiển thị trên trang. Để thực hiện việc này, trong bảng quản trị, hãy đi tới “Tùy chọn” -> “Đọc” và trong trường “Hiển thị không quá trên các trang blog”, cho biết số được yêu cầu. Vì vậy, giá của tôi là 5, tức là. Tối đa năm bài viết sẽ được hiển thị trên mỗi trang. Và nhấp vào “Lưu thay đổi”.

Tuyệt vời, bây giờ chúng ta hãy chuyển sang bước thứ ba. Trong bảng quản trị, hãy đi tới “Plugins” -> “Đã cài đặt” và tìm plugin WP-Paginate của chúng tôi. Hãy kích hoạt nó. Để thực hiện việc này, hãy nhấp vào liên kết dưới tên của plugin “Kích hoạt”

Thứ tư – thiết lập plugin. Để thực hiện việc này, chúng ta có thể nhấp ngay vào “Cài đặt”

Hoặc trong bảng quản trị đi tới “Tùy chọn” -> “WP-Paginate”

Tùy bạn quyết định chọn phương pháp nào. Chúng ta đến cửa sổ cài đặt plugin phân trang.

Nhãn phân trang – chỉ định văn bản sẽ được đặt trước danh sách các trang.

Trang trước – chỉ định văn bản của liên kết đến trang trước

Trang tiếp theo – chỉ định văn bản của liên kết đến trang tiếp theo

Trước và sau khi đánh dấu – chỉ định mã html sẽ nằm trước và sau danh sách các trang.

Hiển thị đánh dấu – nếu chúng tôi chọn hộp này, mã html mà chúng tôi đã chỉ ra ở trên sẽ được hiển thị ngay cả khi danh sách các trang trống

Phạm vi trang – số trang được hiển thị sau trang hiện tại

Trang neo – số lượng liên kết cần được hiển thị ở đầu và cuối liên kết.

Khoảng cách trang - số trang tối thiểu trước...

Sau khi thay đổi tất cả cài đặt, nhấp vào “Lưu thay đổi”

Plugin của chúng tôi đã được cấu hình. Bây giờ plugin phân trang cần được hiển thị trên trang.

Bước thứ năm. Hãy đi đến mẫu của chúng tôi. Mở tập tin liệt kê các bài viết. Trong trường hợp của tôi, đó là index.php, bạn có thể có loop.php hoặc cái khác. Và ở nơi chúng tôi muốn hiển thị phân trang, hãy dán đoạn mã sau:

Những thứ kia. Trước tiên, chúng tôi kiểm tra sự hiện diện của hàm wp_paginate và nếu nó tồn tại, chúng tôi sẽ gọi nó.

Mọi thứ trên trang web của chúng tôi hiện đều có phân trang.

Và bước thứ sáu cuối cùng cuối cùng là đưa sự phân trang vào thiết kế của chúng ta. Để làm được điều này, chúng ta sẽ “chơi” với CSS.

Danh sách các trang của chúng tôi sẽ được đóng khung bằng mã html mà chúng tôi đã chỉ định trong các trường Trước khi đánh dấu và Sau khi đánh dấu. Trong trường hợp của chúng tôi, đây là một div có lớp điều hướng. Tiếp theo là spsiok
với lớp wp-paginate. Tiếp theo họ đi
:

Với lớp tiêu đề, đây là văn bản trước danh sách các trang

Với lớp prev, đây là liên kết đến trang trước

Với lớp trang – liên kết đến trang

Với trang lớp và hiện tại - đây là trang hiện tại

Với lớp tiếp theo – một liên kết đến trang tiếp theo

Đó là tất cả. Thay đổi Thuộc tính CSS Với các lớp này, chúng tôi đưa kiểu phân trang của mình đến loại cần thiết trong thiết kế.

Vì vậy, chỉ trong sáu bước, chúng tôi đã thiết lập phân trang trên trang web của mình theo Quản lý CMS WordPress.

Chào mọi người!
Tôi tiếp tục viết bài về điều hướng trang web trên Công cụ WordPress.
Và trong vật liệu này Tôi sẽ chỉ cho bạn cách điều hướng trang được thực hiện mà không cần plugin và sử dụng WP-PageNavi nổi tiếng. Giống như , tôi sẽ trình bày cách triển khai theo một số cách để bạn có thể chọn cách phù hợp nhất với mình. Và có những trường hợp một số phương pháp không hiệu quả với ai đó. Vì vậy, sẽ có một số loại mạng lưới an toàn.

Tài liệu rất đồ sộ và có lẽ là toàn diện nhất trên mạng.
Điều hướng trang(phân trang) là việc phân chia thông tin thành các trang. Nếu bạn lấy nhiều trang trên Wordpres thì hiện tượng này được thể hiện rõ ràng ở video danh sách đánh số trang ở cuối mỗi trang kèm theo thông báo. Trên blog của tôi chức năng này trông như thế này:
Thiết kế có thể khác nhau. Nhưng bản chất của nó là như nhau - chia thông tin thành các trang. Như bạn đã biết, theo mặc định, trang chính của trang hiển thị thông báo về các bài viết có thể một số tiền nhất định của(tùy thuộc vào cài đặt trong mục “Viết”).
Nếu chúng tôi không chia nhỏ số lượng của chúng, chúng sẽ được hiển thị trên một trang. Và điều này là không tốt, vì sẽ bất tiện khi sử dụng trang và trang chính sẽ tải lâu, vì theo thời gian sẽ có một lượng lớn thông báo.
Theo quy định, hiện nay trong các mẫu Wodpress hiện đại, điều hướng trang đã được tích hợp sẵn. Nhưng có một lựa chọn khi nó không có ở đó. Sau đó, bạn sẽ phải thực hiện nó. Thay vào đó, có thể có sự phân trang của các thông báo dưới dạng liên kết đến các bài viết trước và bài viết tiếp theo. Điều này được thể hiện rõ ràng trong các mẫu tiêu chuẩn.
Tùy chọn này cũng bất tiện, vì nếu quay lại 3 trang, chúng ta sẽ không thể quay lại trang gốc trong một bước. Bạn sẽ phải click vào nó 3 lần hồ sơ trước đó hoặc những cái tiếp theo. Điều hướng trang cho phép bạn quản lý thời điểm này linh hoạt hơn.
Nói chung, hãy chuyển sang phần triển khai nó và bước đầu tiên là tích hợp nó vào một mẫu mà không cần plugin. Phương pháp này Tôi đã giải thích nó trong một video hướng dẫn. Tôi khuyên bạn nên xem nó trước, sau đó nghiên cứu phiên bản văn bản của hướng dẫn.
Chúng tôi làm điều đó mà không cần plugin
Bây giờ tôi sẽ chỉ cho bạn một cách mà sau đó bạn sẽ có cùng một trang Điều hướng WordPress, Giống của tôi. Mọi thứ được thực hiện rất đơn giản. Bạn sẽ cần 2 phần mã, sẽ cần được đặt trong tệp mẫu và sau đó phải thêm kiểu để thiết lập thiết kế. Bắt đầu nào!
Đây là phần đầu tiên của mã. Nó phải được đặt trong tệp tin.php của mẫu thiết kế.

hàm wp_corenavi() ( toàn cầu $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["total"] = $max; $a["current"] = $current; $total = 0; //1 - hiển thị văn bản "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 trang 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"] = ""; Trang trước" $a["next_text"] = ""; //văn bản liên kết " Trang tiếp theo" if ($max > 1) echo "
"; if ($total == 1 && $max > 1) $pages = " Trang " . $current . " từ " . $max .""."\r\n"; echo $pages . paginate_links($a); if ($max > 1) echo "
"; }

hàm wp_corenavi() (
toàn cầu $wp_query , $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 [ "hiện tại"] = $hiện tại ;
tổng $ = 0 ; //1 - hiển thị dòng chữ "Trang N của N", 0 - không hiển thị
$a [ "kích thước trung bình"] = 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" ] = "" ; //văn bản liên kết "Trang trước"
$a [ "văn bản tiếp theo"] = "" ; //văn bản liên kết "Trang tiếp theo"
nếu ($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);
nếu ($max > 1 ) echo "
" ;

Tôi đã đặt mã ở đầu tệp sau thẻ mở

Trong mã này chúng ta có thể điều chỉnh một số tham số:
Dòng 10 - nếu bạn thay đổi giá trị 0 thành 1, thì bên cạnh số trang sẽ hiển thị dòng chữ như “Trang 3 trên 45”. Bạn có thể thực hiện tùy chọn này, nhưng tôi nghĩ rằng trong trong trường hợp nàyđiều này là không cần thiết vì số trang đã cho biết có bao nhiêu trang trên trang web. Và trang đang hoạt động được đánh dấu bằng màu khác;
Dòng 11 và 12 - một số số trước hoặc số tiếp theo tương ứng sẽ được hiển thị ở bên trái và bên phải của số trang đang hoạt động. Ở đây chúng tôi hiển thị số của họ. Mã này chứa giá trị 1. Bạn có thể đặt 2 hoặc 3. Ở đây bạn sẽ cần thử nghiệm một chút, vì số lượng số càng lớn thì khả năng điều hướng sẽ càng rộng. Tất cả phụ thuộc vào chiều rộng của mẫu.

wp_corenavi();

Vì điều hướng trang sẽ được hiển thị ở bất cứ nơi nào danh sách thông báo được hiển thị, nên điều đó là cần thiết. mã nàyđặt vào tất cả các tệp nơi điều này xảy ra:
Trang chủ - index.php;
Các trang danh mục và lưu trữ - Category.php và archive.php;
Trang tìm kiếm - search.php.

Nhân tiện, trong một số mẫu, việc xuất các trang thuộc danh mục và kho lưu trữ có thể được thực hiện trong một tệp. Tệp archive.php của tôi chịu trách nhiệm cho việc này.
Nếu mẫu của bạn không có bất kỳ điều hướng nào để chia thông báo thành các trang thì chúng tôi sẽ đặt mã thứ hai sau khi hiển thị nội dung. Nếu bạn có các liên kết trước đó và tiếp theo thì có nhiều khả năng hơn, thì tùy chọn này sẽ dễ thực hiện hơn vì bạn chỉ cần thay thế chúng bằng mã được cung cấp ở trên.
Theo quy định, điều hướng tiêu chuẩn ở dạng trước đó và tiếp theo. các liên kết được hiển thị bằng mã tương tự.

← Bài viết cũ hơn", "hai mươi")); ?>

→", "hai mươi")); ?>

< div class = "nav-previous" > ← Bài viết cũ hơn", "hai mươi" ) ) ; ?>< / div >
< div class = "nav-next" > "Bản tin mới →" , "hai mươi" ) ) ; ?>< / div >

Mã này có thể khác nhau đối với mỗi người, nhưng nội dung chính của nó sẽ giống nhau. Bạn sẽ cần tìm một mã có chứa mã có tên next_posts_link và previous_posts_link.
Khi bạn tìm thấy nó, vui lòng xóa nội dung này khỏi tệp và sao chép nó vào vị trí của nó mã yêu cầu, hiển thị điều hướng phân trang.

Vì vậy, bạn cần thay thế điều hướng tiêu chuẩn bằng điều hướng từng trang trong tất cả các tệp nơi hiển thị thông báo. Tôi đã đặt tên tập tin ở trên.
Nhân tiện, nếu bạn gặp vấn đề với quá trình này, bạn có thể liên hệ với tôi để được trợ giúp trong phần bình luận. Tôi cố gắng giúp đỡ.

/* ĐIỀU HƯỚNG */.navigation ( float: left; width: auto; lề trái: 216px; lề trên: -2px; cỡ chữ: 16px; ) .navigation > a ( float: left; width: 32px; font -weight: 700; căn chỉnh văn bản: giữa; trang trí văn bản: không có; chiều rộng đệm: 7px; chiều cao: 34px; nền: url ("hình ảnh/bow_left.png") không lặp lại; lề trái: 0; ) .navigation > .next ( float: left; width: 34px; Height: 34px; nền: url(" hình ảnh/bow_right.png") không lặp lại; lề trái: 14px; .navigation > .dots ( float: left; font-size: 14px; font-weight: 700; width: 32px; text-align: center; color : #c4c8cc; phần đệm- trên cùng: 7px)

/* DẪN ĐƯỜNG */
Dẫn đường (
nổi: trái;
chiều rộng: tự động;
lề trái : 216px ;
lề trên : -2px ;
cỡ chữ: 16px;
Điều hướng > a (
nổi: trái;
chiều rộng: 32px;
trọng lượng phông chữ: 700;
căn chỉnh văn bản: giữa;
màu : #637b93 ;
trang trí văn bản: không có;
lề trái : 1px ;
phần đệm trên cùng: 7px;
Điều hướng > .current (
nổi: trái;
trọng lượng phông chữ: 700;
chiều rộng: 29px;
căn chỉnh văn bản: giữa;
màu : #c4c8cc ;
lề trái : 5px ;
phần đệm trên cùng: 7px;
Điều hướng > .prev (
nổi: trái;
chiều rộng: 32px;
chiều cao: 34px;
nền: url ("images/bow_left.png" ) không lặp lại;
lề trái : 0 ;
Điều hướng > .next (
nổi: trái;
chiều rộng: 34px;
chiều cao: 34px;
nền: url ( "images/bow_right.png" ) không lặp lại ;
lề trái : 14px ;
Điều hướng > .dots (
nổi: trái;
cỡ chữ: 14px;
trọng lượng phông chữ: 700;
chiều rộng: 32px;
căn chỉnh văn bản: giữa;
màu : #c4c8cc ;
phần đệm trên cùng: 7px;

Bạn cũng cần tải hình ảnh mũi tên chuyển động tiến và lùi lên hosting của mình trong thư mục hình ảnh của mẫu thiết kế. . Để tải xuống, bạn có thể sử dụng tiêu chuẩn quản lý tập tin nhà cung cấp dịch vụ lưu trữ. Tôi là.
Khi chúng tôi đã đặt mã trong tệp tin.php, trong tất cả các tệp hiển thị các trang có thông báo và có kiểu viết, chúng tôi có thể kiểm tra chức năng của điều hướng. Mọi thứ đều hiệu quả với tôi và mẫu chuẩn nó trông như thế này:
Chúng tôi đã thảo luận về phương pháp không cần plugin. Tôi chắc chắn 100% rằng nếu bạn đã làm mọi thứ như mô tả ở trên thì mọi thứ sẽ thuận lợi với bạn một cách thành công. Ngoài ra còn có một tùy chọn thứ hai không có plugin, nhưng sau khi xem xét, tôi nhận ra rằng về cơ bản nó cũng giống như một tùy chọn, chỉ được sửa đổi một chút. Do đó, tôi đang chuyển sang cách triển khai điều hướng trang bằng cách sử dụng plugin.

Plugin WP-PageNavi
Để bắt đầu, hãy tải xuống plugin từ Trang chính thức và cài đặt nó trên trang web.
Sau khi cài đặt plugin, bạn cũng cần đặt mã hiển thị điều hướng ở cuối trang.

Lúc này plugin sẽ thực hiện nhiệm vụ của mình và số trang sẽ có thiết kế như sau.
Một mặt, thiết kế không quá hot nhưng mặt khác, nó cũng không tệ chút nào vì không hề chướng mắt. Người dùng yêu thích sự đơn giản! Vì vậy, bạn có thể để mọi thứ như cũ. Nếu bạn muốn thứ gì đó nhiều màu sắc hơn thì bây giờ chúng ta sẽ xem xét một số lựa chọn. Trong thời gian chờ đợi, chúng ta sẽ thảo luận những vấn đề như thiết lập wp pagenavi. Có những cài đặt và chúng đáng nói đến.
Về mục cài đặt đầu tiên “Mẫu danh sách trang”, bạn không cần thay đổi bất cứ điều gì trong đó. Chúng tôi được thỏa mãn. Chúng ta chuyển sang mục "Cài đặt danh sách trang".
Tôi lưu ý rằng bạn cần thử nghiệm tất cả các tham số trong đoạn này để tìm giá trị tối ưu cho bản thân mình. Tôi sẽ chỉ giải thích ngắn gọn chức năng của từng tham số.
Sử dụng kiểu - nếu chúng ta đặt giá trị thành "Không", thì kiểu plugin sẽ bị xóa và số trang sẽ không được định dạng;

Kiểu danh sách trang - ngoại trừ danh sách thường xuyên Chúng ta có thể chọn số trang từ danh sách thả xuống;

Luôn hiển thị danh sách thiết lập trang chúng tôi không bật nó lên. Bạn muốn danh sách chỉ được hiển thị ở những nơi cần thiết;
Number of pages to display - chịu trách nhiệm về số lượng trang hiển thị ở đầu danh sách. Theo mặc định, giá trị là 5 và trong ảnh chụp màn hình ở trên, bạn có thể thấy chính xác 5 trang được hiển thị;
Phạm vi trang hiển thị - nếu trang web của bạn có nhiều trang thì chức năng này sẽ cực kỳ hữu ích. Nó sẽ xuất ra số trang sau danh sách chính với các giá trị 10, 20, 30, 40, v.v. Khoảng cách giữa các giá trị này được xác định bởi tham số sau;
Hệ số cho phạm vi trang - nếu bạn đặt giá trị thành 5 thì phạm vi trang sẽ có dạng - 10, 15, 20, 25, v.v. Nếu 10 thì 10, 20, 30, 40, v.v. Giá trị 10 là khá đủ.

Đây là tất cả các cài đặt bạn cần điều chỉnh cho phù hợp với nhu cầu của mình. Ở đây mọi người sẽ tự điều chỉnh.
Tùy chọn đơn giản nhất là cài đặt một plugin bổ sung, có các kiểu được chuẩn bị trước và cũng cho phép tùy chỉnh từng tham số riêng lẻ. Nó được gọi là một plugin.
Sau khi cài đặt nó vào Bảng quản trị WordPress xuất hiện vật phẩm mới.
Sau khi chuyển sang nó, chúng ta có thể chọn ngay các khoảng trống thiết kế hiện có.

Nếu chúng ta muốn tùy chỉnh các kiểu riêng lẻ, thì trong mục đầu tiên của cài đặt “Chọn biểu định kiểu”, hãy chọn tùy chọn “Tùy chỉnh” và định cấu hình tham số của tất cả các thành phần (đường viền và màu sắc của chúng, màu và kích thước phông chữ, màu của liên kết khi di con trỏ chuột, v.v.).

Tôi sẽ dịch tất cả các thông số cho bạn.
Màu tiêu đề - màu văn bản "Trang 3 trên 45";
Màu nền - màu nền;
Màu nền hiện hoạt/hiện tại - màu nền của số trang đang hoạt động;
Cỡ chữ - cỡ chữ;
Màu liên kết - màu liên kết;
Di chuột liên kết/Hover hoạt động - màu của liên kết khi bạn di chuột qua một số và khi số đó đang hoạt động;
liên kết Màu viền- màu đường viền;
Link Border Mouse Hover/Active Color - màu đường viền khi di con trỏ chuột và khi số đang hoạt động;
Căn chỉnh Điều hướng - vị trí điều hướng (trái, phải, giữa).

Bạn có thể tìm kiếm ý nghĩa màu sắc trên Internet hoặc trong Chương trình Photoshop khi bạn chọn màu sắc mong muốnđể làm đầy.

Tùy chọn plugin không tệ, nhưng tôi luôn nói rằng bạn cần loại bỏ các plugin không cần thiết, và trong trường hợp này là như vậy.
Tùy chọn thứ hai được thực hiện bằng cách chỉnh sửa tệp kiểu, nằm trong thư mục có plugin Wp-pagenavi trên máy chủ lưu trữ - pagenavi-css.css.
Tệp này được bao gồm khi cài đặt "Sử dụng kiểu pagenavi-css.css" đang hoạt động trong cài đặt plugin. Do đó, nếu chúng ta chỉnh sửa nó thì sau khi cập nhật plugin, tất cả các kiểu sẽ được thay thế bằng kiểu chuẩn. Để thay thế nó mỗi lần tập tin này và không cần viết lại các kiểu, tôi khuyên bạn nên làm điều sau:
Chỉnh sửa các kiểu trong tệp này theo kiểu của riêng bạn, mang lại thiết kế mong muốn cho điều hướng trang;
Tắt cài đặt "Sử dụng kiểu pagenavi-css.css";
Đặt các kiểu này vào tệp kiểu chính của mẫu thiết kế style.css.

Bằng cách này, các kiểu này sẽ hoạt động bất kể plugin. Và khi cập nhật chúng sẽ không bị lạc lối. Đây có lẽ là điều tuyệt vời nhất sự lựa chọn tốt nhất thiết kế điều hướng trong plugin này, điều mà lẽ ra tôi sẽ tự mình thực hiện. Nhưng may mắn thay, tôi sử dụng tùy chọn không có plugin, đó là điều tôi khuyên bạn nên làm.
Các bạn cũng vậy. Đối với tôi, vật liệu sẽ rất tốt. Bạn nghĩ gì về điều này? Hy vọng bạn đã hoàn thành. Nếu có điều gì đó không ổn, tôi sẽ cố gắng trợ giúp trong phần bình luận. Viết đi, đừng sợ! Tôi cũng đã từng phải chịu đựng rất nhiều và tôi đã tìm ra cách giải quyết.
Về lưu ý này, tôi muốn nhanh chóng kết thúc bài viết này, vì nó tốn rất nhiều năng lượng. Đó là điều tôi sẽ làm. Tôi sẽ tạm biệt và đi nghỉ, sau đó lại bận rộn viết nội dung mới.
Trân trọng, Konstantin Khmelev!

Trong bài viết này, tôi sẽ cho bạn biết cách thêm phân trang vào WordPress. Mặc dù công cụ này cung cấp cho người dùng các liên kết đến bài đăng tiếp theo và bài đăng trước đó, nhưng việc phân trang sẽ cải thiện khả năng xem các trang của trang web.

Sử dụng một chủ đề

Một cách dễ dàng để thêm phân trang trong WordPress là sử dụng chủ đề. Một số chủ đề đã bao gồm tính năng này và các công cụ để tùy chỉnh liên kết phân trang. Ví dụ: thay đổi màu sắc và hình thức của các liên kết.

Để xem chủ đề có hỗ trợ tính năng này hay không, hãy đi tới " Vẻ bề ngoài»Bảng quản trị WordPress.

Nhấp vào nút "Cấu hình". Tùy thuộc vào chủ đề bạn đang sử dụng, phần phân trang có thể xuất hiện ở đây. Nó cũng có thể được đưa vào các phần khác của tùy chỉnh chủ đề.

Nếu bạn không tìm thấy cài đặt Phân trang WordPress không có plugin, nhấp vào "X" để quay lại bảng quản trị. Bạn sẽ cần sử dụng một trong các phương pháp để thêm phân trang vào trang web của mình.

Cài đặt một chủ đề có hỗ trợ phân trang

Các tính năng được hỗ trợ bởi một chủ đề không phải lúc nào cũng có sẵn trong một chủ đề khác. Phần khó khăn là tìm chủ đề có các tính năng bạn cần, sau đó tùy chỉnh nó bằng plugin hoặc chỉnh sửa mã.

Để thêm chủ đề hỗ trợ phân trang:

Trong trường tìm kiếm, nhập " phân trang" WordPress tự động lọc các chủ đề và tìm những chủ đề có thuật ngữ này trong mô tả của chúng.

Tìm một chủ đề bạn thích, cài đặt và kích hoạt nó. Nếu bạn không chắc liệu nó có phù hợp hay không, hãy nhấp vào " Xem trước ».

Ghi chú. Bản xem trước là hệ thống đơn giản và không tính đến nhiều yếu tố như hình ảnh tiêu đề, tiện ích và bố cục tổng thể của trang web.

Sử dụng plugin phân trang

Trong bài viết này tôi sẽ nói về plugin Pagination của BestWebSoft. Với sự trợ giúp của nó, bạn có thể thêm phân trang cho các phần khác nhau của trang web WordPress.

Để cài đặt plugin Pagination by BestWebSoft, hãy làm như sau:

Trong bảng quản trị WordPress của bạn, hãy đi tới phần “Plugins” và nhấp vào nút thêm plugin mới.

Tìm phần bổ trợ " Phân trang bởi BestWebSoft" Cài đặt và kích hoạt nó.

Sẽ được thêm vào menu bảng quản trị tính năng mới. Nhấp vào mục menu mới để mở bảng BWS. Tất cả các công cụ BestWebSoft đều có trong phần này. Nếu bạn đã cài đặt các công cụ khác, hãy nhấp vào liên kết Phân trang.

Trong phần cài đặt Plugin phân trang WordPress bạn có thể định cấu hình phân trang cho các phần khác nhau của trang web: ví dụ: trang chủ, dành cho các trang lưu trữ, blog, v.v.

Chuyển đến tab "Giao diện". Trong phần này, bạn có thể thay đổi cách hiển thị phân trang trên trang web. Và cũng có thể thay đổi màu nền, màu văn bản, đường viền và các thông số khác. Sau khi bạn thực hiện các thay đổi, hãy nhấp vào nút “Lưu” ở cuối trang.

Đi đến " Mã tùy chỉnh" Tại đây bạn có thể đặt các kiểu CSS của riêng mình để tùy chỉnh hiển thị phân trang. Sau khi chỉnh sửa xong mã, nhấp vào " Lưu thay đổi", nằm ở góc dưới bên trái.

Sau đó, plugin sẽ tự động thực hiện phần còn lại. Sau đó Đầu ra phân trang WordPress tất cả những gì bạn phải làm là thêm nội dung.

Các plugin khác

Có rất nhiều plugin có sẵn cho WordPress cung cấp thông số khác nhau cài đặt phân trang.

Trang WPNavi

Plugin cho phép bạn thay đổi văn bản của phần phân trang, cũng như số lượng liên kết đến các bài đăng sẽ được hiển thị. Một trong những lý do khiến nhiều người sử dụng plugin này là vì nó có plugin riêng. tập tin CSS. Điều này cho phép các nhà phát triển xác định cách hiển thị phân trang duy nhất.

Phân trang WP

Plugin cung cấp khả năng cài đặt linh hoạt. Nó cũng hỗ trợ khả năng thêm mã CSS tùy chỉnh. Plugin này chứa một số thông số cơ bản, bao gồm hiển thị liên kết và sử dụng các nút màu xanh hoặc màu xám.

Phân trang bằng HocWP

Trình cắm đơn giản phân trang Bài đăng trên WordPress , không chứa số lượng lớn các tùy chọn cài đặt. Tuy nhiên, nó cho phép bạn thêm các liên kết phân trang ở cuối bài viết một cách hiệu quả.

Sử dụng phân trang cho bài viết WordPress

Nếu có trình chỉnh sửa mã CSS, bạn có thể thay đổi chủ đề và plugin. Ví dụ: plugin PageNavi cung cấp quyền truy cập vào tập tin riêng CSS.

Bạn có thể thêm mã tùy chỉnh cho các khu vực khác của trang thông qua tệp style.css của chủ đề. Và cũng có thể thay đổi màu nền, hiển thị các phần tử khi di con trỏ chuột và hơn thế nữa.

Cách làm cho trang web của bạn tương tác hơn

Phân trang trang WordPress làm cho trang web có tính tương tác cao hơn. Với sự trợ giúp của nó, khách truy cập có thể độc lập chọn trang nào sẽ truy cập. Đây là một trong những bổ sung mà bất kỳ nhà phát triển nào cũng có thể thực hiện. Đồng thời, nó cải thiện đáng kể trải nghiệm người dùng.

Hầu như bất kỳ blogger nào chạy blog trên công cụ WordPress đều quen thuộc với plugin WP-PageNavi, plugin này hiển thị điều hướng trang như thế này:
Nhưng không phải ai cũng biết (bao gồm cả tôi cho đến gần đây) rằng WordPress có chức năng tích hợp sẵn (kể từ phiên bản 2.1) thực hiện hầu hết các chức năng tương tự. Những thứ kia. Không cần phải sử dụng plugin.
Đôi khi, tôi đã sử dụng một giải pháp tương tự khác, nhờ đó tác giả Timur rất cảm ơn.
Chức năng tôi cung cấp cho bạn có kích thước khá nhỏ:
hàm wp_corenavi() ( toàn cầu $wp_query; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base"] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["total"] = $max; $a["current"] = $current $total = 1; Trang N của N", 0 - không hiển thị $a["mid_size"] = 3; //có bao nhiêu liên kết hiển thị ở bên trái và bên phải của trang hiện tại $a["end_size"] = 1; //làm thế nào nhiều liên kết hiển thị ở đầu và cuối $a["prev_text"] = """; //link text "Previous page" $a["next_text"] = """ //link text "Trang tiếp theo" " if ($max > 1) echo "
"; if ($total == 1 && $max > 1) $pages = " Trang " . $current . " từ " . $max .""."\r\n"; echo $pages . paginate_links($a); if ($max > 1) echo "
"; }
Mã này phải được đặt trong một tập tin hàm.php mẫu của bạn. Chỉ có năm tùy chọn trong hàm, chúng được phân tách bằng dấu ngắt dòng. Tôi đã viết bình luận, tôi nghĩ mọi thứ đều rõ ràng ở đây.
Để hiển thị điều hướng trong ở đúng nơi, chèn đoạn mã sau vào mẫu:
Mã HTML thu được từ kết quả đầu ra của hàm trông như thế này:
Trang 7 trên 27« Trước 1 ... 4 5 6 7 8 9 10 ... 27 Tiếp theo »
Như bạn có thể thấy, tất cả các lớp CSS cần thiết đều có sẵn và có thể được sử dụng để thiết kế bất kỳ thành phần điều hướng nào (ví dụ: trang hiện tại, liên kết đến trang trước và trang tiếp theo).
Đã kiểm tra Chức năng này TRÊN Phiên bản WordPress, bắt đầu với 2.3.3 và cũng đã thử nghiệm các tùy chọn có bật và tắt CNC. Mọi thứ hoạt động như mong đợi.
Sử dụng nó.
Nếu bạn cần dịch vụ lưu trữ và đăng ký tên miền đáng tin cậy, thì nhà cung cấp dịch vụ lưu trữ lớn nhất Ukraina FREEhost.UA đang chờ bạn, sẵn sàng cung cấp bất kỳ loại dịch vụ lưu trữ nào, từ ảo đến thuê máy chủ làm sẵn.