Cách tạo phân trang số trong WordPress mà không cần plugin. Phân trang WordPress - Ba plugin hữu ích

Về mặt kỹ thuật, hàm có thể được sử dụng để tạo phân trang ở bất kỳ đâu. Tham số cơ sở được sử dụng như một liên kết đến 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ố kiểu kiểm soát định dạng 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 - như một 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 tổng số trang phân trang và tham số hiện tại sẽ nhận số trang phân trang hiện tại. Tham số cơ sở mẫu là http://example.com/all_posts.php%_%, trong đó% _% là phần bắt buộc, sẽ được thay thế bằng tham số được chỉ định trong tham số định dạng. Định dạng ví dụ là? Page =% #%, ở đây% #% cũng là một phần bắt buộc, 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 cơ sở ngay lập tức theo cách sau, ví dụ: http://example.com/all_posts.php?page=%#% và định dạng trống ("").

Để thêm liên kết đến trang trước / tiếp theo, bạn cần bật tham số boolean prev_next (đặt nó thành true), sau đó bạn có thể đặt văn bản của liên kết bằng cách chỉ định các 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 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 tùy chọn: end_size và mid_size.

Các tham số before_page_number và after_page_number cho phép bạn tự bao bọc số phân trang, ví dụ như trong để tạo kiểu. Nói chung, các tham số này được tạo ra để chỉ định văn bản cho rô bốt, để khi xem mã, có thể 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ư sau: "trước 1 ... 3 4 5 6 7 ... 9 tiếp theo"

Móc từ một hàm

trả lại

Cách sử dụng

Hình thức sử dụng

$ args = array ("base" => "% _%", "format" => "? page =% #%", "total" => 1, "current" => 0, "show_all" => Sai , "end_size" => 1, "mid_size" => 2, "pres_next" => True, "pres_text" => __ ("« Trước đó ")," next_text "=> __ (" Tiếp theo »"), "loại "=>" trơn "," add_args "=> Sai," add_fragment "=>" "," before_page_number "=>" "," after_page_number "=>" "); echo paginate_links ($ args); $ args (chuỗi / mảng)Đố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ứ (hàng) Căn cứ để 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).
Vỡ nợ: "%_%"định dạng (hàng)định dạng thay thế.
Mặc định: "? Page =% #%" toàn bộ (số) Tổng số trang tham gia phân trang.
Mặc định: 1 hiện hành (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 các liên kết. Theo mặc định, chỉ 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 kiểm soát bởi các đối số: end_size và mid_size.
Mặc định: false end_size (số) Có bao nhiêu số để hiển thị đầu tiên và cuối cùng ("12 trước đó ... 4 ... 89 tiếp theo").
Mặc định: 1 mid_size (số) Có bao nhiêu số để hiển thị trước và sau số hiện tại (... 123 5 678 ...).
Mặc định: 2 trước_tiền (hợp lý) Hiển thị các liên kết bên "trang trước / sau". Hiển thị theo mặc định, nếu không cần thiết hiển thị các liên kết này thì ghi sai.
Mặc định: ture trước_text (hàng) Liên kết văn bản "trang trước".
Mặc định: __ ("« Trước đó ") next_text (hàng) Liên kết văn bản "trang tiếp theo".
Mặc định: __ ("Tiếp theo» ") loại (hàng)

Định dạng của dữ liệu trả về.

trơn - một chuỗi liên kết được phân tách bằng dấu cách. Vỡ nợ;

array - mảng dữ liệu (để xử lý thêm);

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 liên kết.
Mặc định: false add_fragment (hàng) Văn bản được thêm vào tất cả các liên kết.
Vỡ nợ: "" aria_current (hàng) 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ủ".

Các ví dụ

# 1 Phân trang, 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ã sau:

Hàm my_pagenavi () (global $ wp_query; $ big = 999999999; // số duy nhất để thay thế $ args = array ("base" => str_replace ($ big, "% #%", get_pagenum_link ($ big)), "định dạng "=>" "," current "=> max (1, get_query_var (" paged "))," total "=> $ 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); echo $ result;) // Bây giờ, hiển thị ở đâu phân trang, sử dụng // my_pagenavi ();

# 2 Ví dụ về WP_Query tùy chỉnh

Khi bài đăng được tìm nạp và hiển thị dưới dạng truy vấn riêng biệt bằng WP_Query mới, hãy đặt tham số tổng thành thuộc tính $ max_num_pages. 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 bản demo, bởi vì nó không tính đến yêu cầu chính, trong đó một trang 404 có thể lấy được và nó sẽ không đạt được mã này chút nào.

5, "category_name" => "gallery", "paged" => $ paged,)); // vòng lặp để xuất các bài viết đã 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ật mã phân trang các liên kết: wp-include / general-template.php VER 5.1.1

max_num_pages)? $ wp_query-> max_num_pages: 1; $ current = get_query_var ("trang")? intval (get_query_var ("trang")): 1; // Nối trình giữ chỗ định dạng vào URL cơ sở. $ pagenum_link = trailingslashit ($ 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_trankinglashit ($ wp_rewrite-> pagination_base. "/% #%", "paged"): "? paged =% #%"; $ defaults = array ("base" => $ pagenum_link, // http://example.com/all_posts.php%_%:% _% được thay thế bằng format (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," favour_text "=> __ (" «Trước đó"), "next_text" => __ ("Tiếp theo» ")," end_size "=> 1," mid_size "=> 2," type "=> "trơn", "add_args" => array (), // mảng args truy vấn để 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 dãy truy vấn bổ sung được tìm thấy trong URL ban đầu thành 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)? $ format: ""; wp_parse_str ($ format_query, $ format_args); // Tìm nhóm truy vấn của URL được yêu cầu. wp_parse_str ($ url_parts, $ url_query_args); // Xóa định dạng đối số từ mảng đối số truy vấn, để tránh ghi đè tùy chỉnh format.foreach ($ format_args dưới dạng $ 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 những gì người khác truyền vào trong $ args $ total = (int) $ args ["total"]; nếu (tổ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 = ""; $ dot = true; else: if ($ args [" show_all "] || ($ n<= $end_size || ($current && $n >= $ hiện tại - $ mid_size && $ n<= $current + $mid_size) || $n >$ tổng - $ end_size)): $ link = str_replace ("% _%", 1 == $ n? "": $ args ["format"], $ args ["base"]); $ link = str_replace ("% #%", $ n, $ liên kết); 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-include / general-template.php * / $ page_links = "". $ args ["before_page_number"]. number_format_i18n ($ n). $ args ["after_page_number"]. ""; $ dot = true; elseif ($ dot &&! $ args ["show_all"]): $ page_links = " " . __("…") . ""; $ dot = 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 .= "

"; $ r. = tham gia ("
", $ page_links); $ r. ="

\ n "; break; default: $ 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 đã chọn một plugin trong một thời gian dài từ rất nhiều plugin cho phép bạn thực hiện phân trang. Nhưng cái thứ hai tải nặng hệ thống, cái thứ hai bằng cách nào đó không đầy đủ. 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à thiết lập trong chính CMS số lượng bài viết mà 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 nhiều hơn trên các trang blog", hãy chỉ định số được yêu cầu. Vì vậy, tôi có 5, tức là Không quá 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".

Ok, bây giờ chúng ta hãy chuyển sang bước thứ ba. Trong bảng điều khiển quản trị, đi tới "Plugins" -> "Installed" 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ư - cấu hình plugin. Để làm điều 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 "Cài đặt" -> "WP-Paginate"

Chọn cách nào là tùy thuộc vào bạn. Chúng tôi đế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 khi đánh dấu và Sau khi đánh dấu - chỉ định mã html sẽ được đặt 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, thì 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
Page Anchors - số lượng liên kết hiển thị ở đầu và cuối danh sách.
Khoảng cách trang - số trang tối thiểu trước ...

Sau khi thay đổi tất cả các cài đặt, hãy nhấp vào "Lưu thay đổi"

Tất cả plugin của chúng tôi đã được định 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 liệt kê các bài đăng. Trong trường hợp của tôi, nó là index.php, bạn có thể có loop.php hoặc một cái khác. Và ở vị trí mà chúng tôi muốn hiển thị phân trang, chúng tôi chèn đoạn mã sau:

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

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

Và bước cuối cùng thứ sáu là đưa phân trang vào thiết kế của chúng ta. Để làm đ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 trong mã html mà chúng tôi đã chỉ định trong 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 với lớp điều hướng. Tiếp theo là spsiok

Với lớp tiêu đề, đây là văn bản trước danh sách các trang
Với lớp trước là một liên kết đến trang trước
Với lớp trang - một liên kết đến trang
Với trang lớp và hiện tại 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ả. Bằng cách thay đổi các thuộc tính CSS của các lớp này, chúng tôi mang lại sự xuất hiện của phân trang của chúng tôi thành một phân trang cần thiết trong thiết kế.

Do đó, 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 bằng WordPress CMS.

Xin chào tất cả các bạn!

Tôi tiếp tục viết bài về điều hướng trang web trên WordPress engine.

Và trong bài viết này, tôi sẽ chỉ ra cách phân trang được thực hiện mà không cần plugin và sử dụng WP-PageNavi nổi tiếng. Tương tự như vậy, tôi sẽ chỉ ra 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. Có, và đôi khi một số phương pháp không hiệu quả với một người nào đó. Do đó, sẽ có một số bảo hiểm.

Tài liệu được đưa ra rất lớn và có lẽ là đầy đủ nhất trong mạng lưới.

Điều hướng trang (phân trang) là sự phân chia thông tin thành các trang. Nếu bạn chụp nhiều trang trên Wordpres thì hiện tượng này được thể hiện rất rõ qua video danh sách 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 có dạng sau.

Thiết kế có thể khác nhau. Nhưng bản chất của nó là giống nhau - sự phân chia thông tin thành các trang. Như bạn đã biết, theo mặc định, trên trang chính của trang web sẽ hiển thị thông báo về các mục nhập, có thể là một số lượng nhất định (tùy thuộc vào cài đặt trong mục "Đang viết").

Nếu chúng ta không chia nhỏ số lượng của chúng, thì chúng sẽ được hiển thị trên một trang. Và điều này là không tốt, vì nó sẽ bất tiện khi sử dụng trang web và trang chính sẽ mất nhiều thời gian để tải, vì theo thời gian sẽ có một số lượng lớn các thông báo.

Như một quy luật, phân trang đã được tích hợp sẵn trong các mẫu Wodpress hiện đại. Nhưng có một tùy chọn khi nó không. Sau đó, bạn phải thực hiện. Thay vào đó, có thể có phân trang các thông báo dưới dạng liên kết đến các mục trước và mục 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 hơi bất tiện, vì khi 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 nhấp 3 lần vào các mục trước đó hoặc các mục tiếp theo. Mặt khác, phân trang cho phép bạn quản lý thời điểm linh hoạt hơn.

Nói chung, hãy chuyển sang phần triển khai của nó và bước đầu tiên là nhúng nó vào một mẫu mà không cần plugin. Tôi đã đề cập đến phương pháp này trong một video hướng dẫn. Tôi khuyên bạn trước tiên nên xem nó, và sau đó nghiên cứu phiên bản văn bản của hướng dẫn.

Tạo nó mà không cần plugin

Bây giờ tôi sẽ chỉ cho bạn cách bạn sẽ có phân trang WordPress giống hệt như tôi. Mọi thứ được thực hiện rất đơn giản. Sẽ cần 2 đoạn mã cần được đặt trong tệp mẫu, sau đó viết các kiểu để thiết lập giao diện. Bắt đầu nào!

Đây là phần đầu tiên của mã. Nó phải được đặt trong tệp functions.php của mẫu thiết kế.

function wp_corenavi () (global $ 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 trong tổng số 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"] = ""; // văn bản liên kết "Trang trước" $ a ["next_text"] = ""; // văn bản liên kết "Tiếp theo trang "if ($ max> 1) echo"

"; }

function 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 ["current"] = $ hiện tại;

$ tổng = 0; // 1 - hiển thị văn bản "Trang N trong tổng số 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 ["pres_text"] = ""; // liên kết văn bản "Trang trước"

$ a ["next_text"] = ""; // liên kết văn bản "Trang tiếp theo"

if ($ max> 1) echo "

" ;

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

Trong đoạn mã này, chúng ta có thể điều chỉnh một số thông số:

Dòng 10 - nếu bạn thay đổi giá trị 0 thành 1, thì bên cạnh số trang, một dòng chữ của biểu mẫu sẽ được hiển thị, ví dụ "Trang 3/45". Bạn có thể thực hiện tùy chọn này, nhưng tôi nghĩ rằng trong trường hợp này không cần thiết, vì các số trang đã hiểu 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;
Các dòng 11 và 12 - một số nhất định của số trước đó hoặc số tiếp theo sẽ được hiển thị tương ứng ở 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ọ. Trong mã này, giá trị là 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 các con số càng lớn, đ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ì phân 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 cần phải đặt mã này trong tất cả các tệp khi điều này xảy ra:

Trang chính - 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 của danh mục và tài liệu 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 để tách thông báo thành các trang, thì chúng tôi đặt mã thứ hai sau khi nội dung được hiển thị. Nếu bạn có các liên kết trước đó và tiếp theo, 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 có dạng trước và sau. liên kết được hiển thị bằng cách sử dụng một mã tương tự.

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

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

< div class = "nav-previous" > ← Bài đăng cũ hơn ", "hai mươi")); ?>< / div >

< div class = "nav-next" > "Bài đăng mới hơn →" , "hai mươi")); ?>< / div >

Mỗi mã nhất định có thể khác nhau, nhưng cách điền chính của nó sẽ giống nhau. Bạn sẽ cần tìm mã chứa mã có tên next_posts_link và before_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 mã cần thiết vào vị trí của nó, mã này sẽ hiển thị phân trang.

Do đó, bạn cần thay thế điều hướng tiêu chuẩn bằng phân trang trong tất cả các tệp có đầu ra thông báo. Tôi đã đưa ra tên của các tệp ở 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 sẽ cố gắng giúp đỡ.

/ * DI CHUYỂN * /. Điều hướng (float: left; width: auto; margin-left: 216px; margin-top: -2px; font-size: 16px;) .navigation> a (float: left; width: 32px; font -weight: 700; text-align: center; color: # 637b93; text-decoration: none; margin-left: 1px; padding-top: 7px;) .navigation> .current (float: left; font-weight: 700 ; width: 29px; text-align: center; color: # c4c8cc; margin-left: 5px; padding-top: 7px;) .navigation> .prev (float: left; width: 32px; height: 34px; background: url ("images / bow_left.png") no-repeat; margin-left: 0;) .navigation> .next (float: left; width: 34px; height: 34px; background: url ("images / bow_right.png") no-repeat; margin-left: 14px;) .navigation> .dots (float: left; font-size: 14px; font-weight: 700; width: 32px; text-align: center; color: # c4c8cc; padding- đầu trang: 7px;)

/* DẪN ĐƯỜNG */

Dẫn đường (

float: trái;

chiều rộng: tự động

lề trái: 216px;

margin-top: -2px;

font-size: 16px;

Điều hướng> a (

float: trái;

chiều rộng: 32px

font-weight: 700;

text-align: center;

màu: # 637b93;

văn bản-trang trí: không có

margin-left: 1px;

padding-top: 7px;

Điều hướng> .current (

float: trái;

font-weight: 700;

chiều rộng: 29px

text-align: center;

màu: # c4c8cc;

lề trái: 5px;

padding-top: 7px;

Điều hướng> .prev (

float: trái;

chiều rộng: 32px

chiều cao: 34px;

background: url ("images / bow_left.png") không lặp lại;

margin-left: 0

Điều hướng> .next (

float: trái;

chiều rộng: 34px

chiều cao: 34px;

background: url ("images / bow_right.png") không lặp lại;

lề trái: 14px;

Điều hướng> .dots (

float: trái;

font-size: 14px;

font-weight: 700;

chiều rộng: 32px

text-align: center;

màu: # c4c8cc;

padding-top: 7px;

Bạn cũng cần tải lên hình ảnh của các mũi tên tiến và lùi vào máy chủ lưu trữ 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 trình quản lý tệp tiêu chuẩn của nhà cung cấp dịch vụ lưu trữ. Tôi làm.

Khi chúng tôi đã đặt mã trong các tệp functions.php, trong tất cả các tệp hiển thị các trang có thông báo và đã viết các kiểu, chúng tôi có thể kiểm tra chức năng của điều hướng. Mọi thứ đều phù hợp với tôi và trong mẫu tiêu chuẩn, nó trông như thế này.

Chúng tôi đã phân tích phương pháp mà không cần plugin. Tôi chắc chắn 100%, nếu mọi thứ được thực hiện như mô tả ở trên, thì mọi thứ sẽ hoạt động với bạn. 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 nó, tôi nhận ra rằng trên thực tế đây là một tùy chọn giống nhau, chỉ được sửa đổi một chút. Do đó, tôi đang chuyển sang cách triển khai phân trang bằng cách sử dụng một 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 sẽ 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 nó và các số trang sẽ có thiết kế như sau.

Một mặt, thiết kế không quá nóng, nhưng mặt khác, nó thậm chí không có gì lạ, vì nó không gây hại cho mắt. Người dùng yêu thích sự đơn giản! Do đó, bạn có thể để nguyên mọi thứ. Nếu bạn muốn một cái 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 khi chờ đợi, chúng ta sẽ thảo luận về những thứ như thiết lập wp pagenavi. Có những cài đặt và điều đáng nói về chúng.

Về mục đầu tiên của cài đặt "Mẫu danh sách trang", không cần thay đổi gì trong đó. Chúng tôi được thỏa mãn. Chúng tôi đang chuyển sang "Cài đặt Danh sách Trang".

Tôi lưu ý rằng bạn cần thử nghiệm với tất cả các tham số trong đoạn này để tìm ra giá trị tối ưu cho chính mình. Tôi sẽ chỉ giải thích ngắn gọn những gì mỗi tham số chịu trách nhiệm.

Sử dụng kiểu - nếu được đặt 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 danh sách số trang thông thường, chúng ta có thể chọn tùy chọn danh sách thả xuống;

Luôn hiển thị danh sách các trang - không bật cài đặt này. Điều cần thiết là danh sách chỉ được hiển thị ở những nơi cần thiết;
Số trang hiển thị - chịu trách nhiệm về số lượng trang được 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 rằng chính xác 5 trang được hiển thị;
Phạm vi các trang để hiển thị - nếu trang web của bạn có nhiều trang, thì tính 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 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ị là 5, thì phạm vi trang sẽ giống như - 10, 15, 20, 25, v.v. Nếu 10, thì 10, 20, 30, 40, v.v. Giá trị 10 là đủ.

Đây là tất cả các cài đặt mà bạn cần thiết lập theo nhu cầu của mình. Ở đây, mọi người sẽ tự điều chỉnh cho mình.

Tùy chọn dễ nhất là cài đặt một plugin bổ sung, plugin này đã chuẩn bị sẵn các kiểu và cũng cho phép bạn định cấu hình từng tham số riêng lẻ. Nó được gọi là một plugin.

Sau khi cài đặt nó, một mục mới sẽ xuất hiện trong bảng quản trị WordPress.

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 các thông số của tất cả các phần tử (đường viền và màu của chúng, màu phông chữ và kích thước, màu liên kết khi di chuột qua chuột, v.v.).

Tôi sẽ dịch tất cả các thông số cho bạn.

Heading Color - màu chữ "Trang 3/45";
Background Color - màu nền;
Màu nền Hoạt động / Hiện tại - màu nền của số trang đang hoạt động;
Font Size - kích thước phông chữ;
Link Color - màu liên kết;
Liên kết Mouse Hover / Active Hover - màu của liên kết khi di chuột qua số và khi số đó đang hoạt động;
Link Border Color - màu đường viền;
Liên kết Border Mouse Hover / Active Color - màu của đường viền khi di chuột qua chuột và khi số đang hoạt động;
Align Navigation - vị trí điều hướng (trái, phải, giữa).

Bạn có thể tìm kiếm các giá trị màu trên Internet hoặc trong Photoshop khi bạn chọn màu mong muốn để tô.

Tùy chọn plugin không phải là xấu, nhưng tôi luôn nói rằng bạn cần phải 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" được kích hoạt trong cài đặt plugin. Do đó, nếu chúng tôi 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 những kiểu chuẩn. Để thay thế tệp này mỗi lần và không phải ghi lại các kiểu, tôi khuyên bạn nên thực hiện điều sau:

Chỉnh sửa các kiểu trong tệp này cho riêng bạn, tạo ra thiết kế mong muốn cho việc phân trang;
Tắt cài đặt "Sử dụng kiểu pagenavi-css.css";
Đặt các kiểu này trong style sheet 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 nào. Và khi bạn cập nhật, chúng sẽ không đi chệch hướng. Đây có lẽ là thiết kế điều hướng tốt nhất trong plugin này, mà bản thân tôi đã làm. Nhưng, may mắn thay, tôi sử dụng tùy chọn mà không có plugin, đó là lời khuyên của tôi dành cho bạn.

Các bạn cũng vậy. Đối với tôi, tài liệu sẽ rất tốt. Bạn nghĩ gì về điều này? Hy vọng tất cả các bạn đã làm. Nếu có điều gì đó không giải quyết được, thì tôi sẽ cố gắng giúp đỡ trong các ý kiến. Viết, đừng sợ! Tôi cũng đã từng phải chịu đựng rất nhiều và tôi đã tìm ra được điều đó.

Trên lưu ý này, tôi muốn hoàn thành bài viết này càng sớm càng tốt, vì nó cần rất nhiều sức lực. Đây là những gì tôi sẽ làm. Tôi sẽ chào tạm biệt và đi nghỉ ngơi, sau đó tôi sẽ vùi đầu vào việc viết nội dung mới.

Trân trọng, Konstantin Khmelev!

Trong bài viết này, tôi sẽ hướng dẫn bạn cách thêm phân trang vào WordPress. Mặc dù công cụ hiển thị các liên kết đến bài đăng tiếp theo và bài đăng trước đó cho người dùng, việc phân trang sẽ cải thiện việc 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 vào WordPress là sử dụng các chủ đề. Một số chủ đề đã bao gồm tính năng này và các công cụ để tùy chỉnh các 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 chuyển đến phần Giao diện trong bảng quản trị WordPress của bạn.

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

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 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 chủ đề khác. Phần khó khăn là tìm một chủ đề có chứa các tính năng bạn cần và sau đó tinh chỉnh nó bằng các plugin hoặc chỉnh sửa mã.

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

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

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 nút " Xem trước».

Ghi chú. Bản xem trước là một 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 con và bố cục trang web tổng thể.

Sử dụng plugin phân trang

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

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

Trong bảng quản trị WordPress, hãy chuyển đến phần "Plugin" và nhấp vào nút để thêm plugin mới.

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

Một tính năng mới sẽ được thêm vào menu bảng quản trị. 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ể thiết lập phân trang cho các phần khác nhau của trang web: cho trang chí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 phân trang được hiển thị trên trang web. Và cũng có thể thay đổi màu nền và 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 của mình, hãy nhấp vào nút "Lưu" ở cuối trang.

Đi tới " 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 việc hiển thị phân trang. Sau khi bạn hoàn tất việc chỉnh sửa mã, hãy nhấp vào nút " 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 của WordPress bạn chỉ cần thêm nội dung.

Các plugin khác

Có rất nhiều plugin có sẵn cho WordPress cung cấp các tùy chọn tùy chỉnh phân trang khác nhau.

WP-PageNavi

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 viết sẽ được hiển thị. Một trong những lý do tại sao rất nhiều người sử dụng plugin là nó có tệp CSS riêng. Điều này cho phép các nhà phát triển thiết lập một màn hình phân trang duy nhất.

WP-Paginate

Plugin cung cấp các 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ố tùy chọn cơ bản, bao gồm hiển thị các liên kết và sử dụng các nút màu xanh lam hoặc xám.

Phân trang theo HocWP

Plugin đơn giản phân trang các bài viết WordPress, không chứa nhiều tùy chọn tùy chỉnh. Tuy nhiên, nó cho phép bạn thêm các liên kết phân trang vào cuối bài viết của mình một cách hiệu quả.

Sử dụng phân trang cho các bài đăng WordPress

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

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 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 các trang WordPress làm cho trang web trở nên tương tác hơn. Với sự trợ giúp của nó, khách truy cập có thể chọn các trang để 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.

Khá nhiều blogger điều hành blog WordPress đều quen thuộc với plugin WP-PageNavi, cung cấp phân trang như thế này:

Nhưng không phải ai cũng biết (kể cả tôi cho đến gần đây) rằng WordPress có một tính năng tích hợp sẵn (kể từ phiên bản 2.1) thực hiện các chức năng gần như giống nhau. Những thứ kia. không cần phải sử dụng plugin.

Trong một thời gian, tôi đã sử dụng một giải pháp tương tự khác, mà rất nhiều người cảm ơn tác giả của nó là Timur.

Chức năng mà tôi cung cấp cho bạn có kích thước khá nhỏ:

function wp_corenavi () (global $ 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; // 1 - văn bản đầu ra " Trang N trong tổng số 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 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 [" next_text "] =" ""; // văn bản liên kết " Trang tiếp theo "if ($ max> 1) echo"

"; }

Mã này phải được đặt trong một tệp functions.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 các bình luận, tôi nghĩ rằng mọi thứ đều rõ ràng ở đây.

Để hiển thị điều hướng ở đúng vị trí, hãy chèn mã sau vào mẫu:

Mã HTML là kết quả từ đầu ra của hàm trông giống như sau:

Như bạn có thể thấy, tất cả các lớp CSS cần thiết đều có mặt có thể được sử dụng để tạo kiểu cho bất kỳ phần tử điều hướng nào (ví dụ: trang hiện tại, liên kết đến trang trước và trang sau).

Tôi đã thử nghiệm tính năng này trên các phiên bản WordPress bắt đầu từ 2.3.3 và cũng đã thử nghiệm các biến thể có bật và tắt CNC. Mọi thứ đều hoạt động như bình thường.

Vui thích.

Nếu bạn cần đăng ký tên miền và lưu trữ đáng tin cậy, thì FREEhost.UA, nhà cung cấp dịch vụ lưu trữ lớn nhất của Ukraina, đang chờ bạn, sẵn sàng cung cấp bất kỳ loại lưu trữ nào, từ ảo đến thuê một máy chủ làm sẵn.