WP-PageNavi - điều hướng trang cho blog WordPress - cài đặt, cấu hình và thay đổi giao diện phân trang. Điều hướng trang WordPress – Ba plugin hữu ích
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à có cài đặt cơ bản mà chúng ta sẽ xem xét dưới đây. 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ẽ xuất hiện 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ố tiền tối thiểu trang 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ả. Bằng cách thay đổi thuộc tính CSS của các lớp này, chúng ta mang giao diện phân trang của mình đến giao diện 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.
WordPress là một nền tảng viết blog rất linh hoạt và với sự trợ giúp của các plugin, nó có thể trở nên thân thiện hơn với người dùng.
Điều này cũng áp dụng cho việc điều hướng trang (phân trang) của các trang, tính năng ban đầu không có trong WordPress. Nhưng điều này có thể dễ dàng khắc phục bằng cách chọn một trong 10 điều đó cho trang web của bạn plugin tốt nhất.
1.WP-TrangNavi
Một trong những plugin phổ biến và được sử dụng thường xuyên nhất. Sử dụng chức năng tích hợp wp_pagenavi() liên kết thông thường ← Trở lại | Tiếp theo → sẽ chuyển sang cách phân trang hấp dẫn.
2. Phân trang thông minh WP
Một plugin hữu ích khác có chức năng rất tiện lợi. Bạn có thể đi đến trang mong muốn bằng cách nhập số của trang đó vào cửa sổ bổ sung.
3. Phân trang đơn giản
Một trong những điều tốt nhất và tốt nhất plugin đơn giản, cho phép bạn đặt phân trang bổ sung cho bài đăng và nhận xét, giúp việc điều hướng trên trang WordPress của bạn dễ dàng hơn nhiều.
4. Phân trang theo bảng chữ cái
Sử dụng plugin này, bạn có thể lọc bài viết và trang theo thứ tự bảng chữ cái. Nó không chỉ dễ cài đặt mà còn dễ sử dụng.
5. phân trang jPages cho WordPress
Đây là một trong những plugin tốt nhất để tạo phân trang cho các trang thư viện, bình luận, v.v. Với sự trợ giúp của nó, các phòng trưng bày biến thành một phòng trưng bày có tính năng phân trang.
6.Phân trang
Plugin này cho phép bạn tạo phân trang trang theo yêu cầu của bạn. Bạn có thể tăng số lượng trên một trang, chọn số đơn vị cần hiển thị. Theo mặc định có thể có 10.
7. Phân trang dễ dàng cho WordPress
LÀM mục dài và các trang hấp dẫn hơn với các thanh trượt: Thanh trượt ngang, Thanh trượt dọc hoặc Làm mờ. Thanh trượt ngang và dọc có thể được kết hợp với 32 hiệu ứng jQuery.
8. Bài tiếp theo Fly Box cho WordPress
Một trong những plugin tốt nhất tạo điều hướng giữa bài đăng tiếp theo và bài đăng trước đó dưới dạng hộp bật lên ở bên trái hoặc bên phải của cửa sổ. Khi người dùng cuộn trang, một hộp bật lên sẽ xuất hiện nơi bạn có thể chọn mục tiếp theo hoặc trước đó.
9. Plugin trình phân trang JQuery
Plugin cho phép bạn chọn giữa 3 loại phân trang nếu bạn đặt tham số bắt buộc. Đây là một trong những plugin phân trang hấp dẫn nhất.
10. Phân trang thông minh
Plugin tuyệt vời cung cấp 11 tùy chọn khác nhau phân trang.
Thưởng. Kiểu CSS cho plugin WP-PageNavi
Một bộ sưu tập các kiểu CSS tuyệt vời dành cho các plugin WordPress phổ biến - WP-PageNavi và WP-Paginate. Bao gồm trang HTML với phần trình diễn các kiểu và mỗi kiểu chứa một tệp CSS riêng.
Xin chào các độc giả thân yêu của trang blog. Hôm nay chúng ta sẽ nói về plugin WP-PageNavi rất phổ biến, cho phép bạn hiển thị điều hướng trang blog của mình bên dưới Quản lý WordPress lên một tầm chất lượng mới.
Về nguyên tắc, điều hướng trang (phân trang), được sử dụng theo mặc định, khá thân thiện với người dùng, nhưng tùy chọn mà tiện ích mở rộng này cung cấp có vẻ hấp dẫn hơn nhiều.
Tại sao nên sử dụng plugin WP-PageNavi
Hãy tự mình đánh giá, phân trang mặc định trông như thế này:
Và điều này sau khi cài đặt plugin:
hoặc như thế này:
nó phụ thuộc vào các tùy chọn bạn chọn trong cửa sổ cài đặt của nó.
Theo tôi, tùy chọn thứ hai đẹp hơn nhiều so với tùy chọn thứ nhất, đó là tùy chọn mặc định. Nếu bạn cũng nghĩ như vậy thì bạn nên đọc hết bài viết này và tìm hiểu tất cả về các sắc thái cài đặt cũng như cách định cấu hình tiện ích mở rộng tuyệt vời này.
Bạn sẽ cần phải tải xuống plugin trước từ đây. Tìm nút “Tải xuống” ở bên phải và lưu kho lưu trữ wp-pagenavi.zip trên máy tính của bạn. Sau đó giải nén nó và tải thư mục kết quả lên máy chủ lưu trữ trong thư mục có plugin wp-content/plugins/ .
Để thực hiện việc này, bạn sẽ cần truy cập các tệp và thư mục trên blog WP của mình thông qua Giao thức FTP ().
Khi giải nén sẽ xảy ra thêm một thư mục bên ngoài, vì vậy hãy kiểm tra nó và loại bỏ nó nếu cần thiết. Tôi hy vọng tôi đã giải thích rõ ràng? Nếu không, WordPress sẽ không thấy plugin bạn đã cài đặt. Được rồi, hãy tiếp tục.
Sau khi sao chép các tệp plugin vào máy chủ lưu trữ trong thư mục wp-content/plugins/, bạn sẽ cần truy cập bảng quản trị WordPress (http://vash_sait.ru/wp-admin/) và chọn “Plugins” từ menu quản trị bên trái " Ở đầu cửa sổ “Quản lý” mở ra, bạn cần nhấp vào liên kết “Không hoạt động” (hoặc, nếu không có bản dịch, thì “Không hoạt động”).
Một cửa sổ sẽ mở ra với tất cả các tiện ích mở rộng đã cài đặt nhưng chưa được kích hoạt. Tìm “WP-PageNavi” trong số đó và nhấp vào liên kết “Kích hoạt” nằm dưới tên của nó.
Dán mã đầu ra plugin vào các mẫu WordPress được yêu cầu
Plugin đã được kích hoạt, nhưng để xem kết quả hoạt động của nó trên blog của bạn, bạn cũng cần chèn mã để gọi hàm wp_pagenavi vào các tệp trong chủ đề của bạn, được sử dụng trong khoảnh khắc này. .
Thông thường, phân trang được sử dụng trên trang chủ blog (tệp INDEX.PHP từ thư mục chủ đề của bạn), trang web lưu trữ (ARCHIVE.PHP) và kết quả tìm kiếm (tệp SEARCH.PHP). Trên thực tế, chúng ta sẽ cần chèn mã để gọi hàm chúng ta cần vào các tệp (mẫu) này.
Những thứ kia. Bạn sẽ cần kết nối lại qua FTP và đi tới thư mục có chủ đề hiện tại:
Wp-content/themes/Tên thư mục chứa chủ đề của bạn
Tìm INDEX.PHP trong đó và mở nó để chỉnh sửa trong một trình soạn thảo thuận tiện cho bạn (tôi sử dụng NotePad++ nâng cao cho mục đích này - tôi có một bài viết về cách làm việc với nó). Bây giờ nhiệm vụ của bạn là tìm đoạn mã trong INDEX.PHP chịu trách nhiệm chuyển sang trang trước hoặc trang tiếp theo. Đây không phải là một nhiệm vụ dễ dàng phải không? Mặc dù, tất nhiên, nó phụ thuộc vào ai.
INDEX.PHP không lớn lắm, hãy nghiên cứu kỹ nội dung của nó để tìm kiếm các nhận xét liên quan đến phân trang, ví dụ:
Thông thường, người tạo chủ đề WordPress sẽ đưa những nhận xét như vậy vào vùng mã chịu trách nhiệm hiển thị điều hướng trang. Ví dụ, bản thân mã tiêu chuẩn có thể trông như thế này:
Khi bạn xác định được đoạn mình cần, bạn sẽ cần thay thế nó bằng dòng lệnh gọi hàm wp_pagenavi:
Bây giờ bạn cần lưu các thay đổi được thực hiện trong INDEX.PHP, hãy truy cập trang chủ blog của bạn và đảm bảo mọi thứ hoạt động bình thường. Những thứ kia. Thay vì phân trang tiêu chuẩn được sử dụng trong WordPress, bạn sử dụng vẻ đẹp của WP-PageNavi.
Nhân tiện, không cần phải xóa phân trang tiêu chuẩn khỏi mã INDEX.PHP, để khi xóa plugin này, bạn sẽ không gặp vấn đề gì với nó sau này. Để làm điều này, thay vào đó bạn sẽ phải viết bằng INDEX.PHP mã chuẩnđiều kiện điều hướng xác định thời điểm hiển thị tiêu chuẩn và thời điểm hiển thị bảng WP-PageNavi.
Điều kiện sẽ phụ thuộc vào việc plugin WP-PageNavi có được cài đặt trên blog của bạn hay không. Nó có thể trông giống như thế này:
Trong mã này, điều kiện là:
Nếu(function_exists("wp_pagenavi"))
kiểm tra xem plugin đã được cài đặt chưa và nếu nó chưa được cài đặt, tập lệnh chuẩn sẽ chạy:
Khác (?>
Và nếu WP-PageNavi được cài đặt, thì thanh điều hướng sẽ được hình thành bởi nó:
{ ?>
}Mặc dù tất nhiên bạn không cần phải bận tâm và chỉ cần thay thế cái này bằng cái kia, nhưng điều đó tùy thuộc vào bạn.
Vì vậy, bây giờ bạn sẽ phải làm tương tự đối với các tệp ARCHIVE.PHP và SEARCH.PHP từ thư mục có chủ đề của bạn (wp-content/themes/Tên của thư mục có chủ đề của bạn).
Cài đặt plugin WP-PageNavi cho blog WordPress
Để truy cập chúng, bạn cần chọn “Danh sách các trang” từ menu bên trái trong khu vực “Tùy chọn” trong bảng quản trị. Một cửa sổ sẽ mở ra với tab “Mẫu danh sách trang” đang hoạt động:
Trong trường "Mẫu" danh sách chung trang", trong hình trên, hiển thị trang hiện tại và tổng số trang được đặt. Với tùy chọn điền vào trường này, bảng WP-PageNavi sẽ trông như thế này:
Bạn có thể thêm từ "Trang" vào trường này nếu muốn:
Trang %CURRENT_PAGE% trong tổng số %TOTAL_PAGES%
Và nếu muốn, bạn có thể làm sạch nó hoàn toàn. Trong cột "Thành phần" Trang hiện tại"" và "Phần tử" Trang "" để nguyên mọi thứ ở đây. Ở đây bạn đặt hiển thị dòng chữ cho trang hiện tại và tất cả các trang web khác trong biểu mẫu. số seri. Nó sẽ trông giống như thế này:
Trong trường “Văn bản cho trang đầu tiên” và “Văn bản cho trang cuối cùng”, bạn có thể đặt văn bản cho nút đầu tiên và nút cuối cùng:
Thay vì văn bản trong cột “Văn bản cho trang đầu tiên”, bạn có thể viết một văn bản và trường “Văn bản cho trang cuối cùng” - %TOTAL_PAGES% (thay vì dòng chữ này, số lượng của tất cả các trang web sẽ được hiển thị):
Trong trường "Văn bản" Cho tiếp theoĐăng" và "Văn bản cho bài đăng trước" các dấu mũi tên được viết để hiển thị trên các nút tiếp theo và trước đó:
Tôi đã xóa hai trường tiếp theo, bởi vì... mặt khác, thay vào đó, hai nút màu trắng không có văn bản sẽ được hiển thị. Có thể bạn sẽ không có thứ này và bạn sẽ tự quyết định xem chúng cần thiết để làm gì.
Hãy chuyển sang cài đặt thêm dưới tên "Cài đặt danh sách":
Hộp kiểm trong “Sử dụng pagenavi-css.css” cho phép bạn vô hiệu hóa hoặc bao gồm tệp bảng xếp tầng style (CSS) đi kèm với plugin. Trong trường “kiểu danh sách”, bạn có thể chọn một trong hai kiểu CSS từ danh sách thả xuống.
Bạn đã thấy “Bình thường” trong các ảnh chụp màn hình trước đó và khi bạn chọn kiểu “Danh sách thả xuống”, bạn sẽ có được giao diện giống như chế độ xem này của bảng điều khiển WP-PageNavi trong WordPress:
Nếu bạn chọn hộp “Luôn hiển thị điều hướng trang”, thì ngay cả đối với các trang web chưa yêu cầu đánh số (giả sử chưa có đủ bài đăng trên trang chính để quá trình phân chia diễn ra), việc điều hướng sẽ vẫn như vậy. hiển thị một cái gì đó như thế này:
Trong "Số trang cần hiển thị", bạn có thể đặt số lượng trang sẽ được hiển thị dưới dạng chuỗi số liên tục (tuần tự). Có thể chuyển sang phần còn lại bằng cách sử dụng các nút tiếp theo và trước đó, cũng như các nút chuyển sang nút đầu tiên và cuối cùng. Tôi đặt số năm ở đó, dẫn đến:
Trong “Số lượng trang lớn hơn cần hiển thị”, bạn có thể đặt số lượng trang web ở xa (lớn hơn số giá trị số hiện đang hiển thị) sẽ được hiển thị sau nút tiếp theo.
Và trong trường “Hiển thị số trang lớn hơn trong bội số”, bạn có thể đặt bước mà số lượng trang web ở xa sẽ được hiển thị. Giả sử tôi đặt số ba vào trường đầu tiên và số hai vào trường thứ hai:
Kết quả là bảng điều khiển PageNavi sẽ trông như thế này:
Những thứ kia. Chỉ số của ba trang web ở xa nhau được hiển thị với khoảng (bước) bằng hai (6, 8, 10). Để không sử dụng chức năng hiển thị số ở xa, bạn chỉ cần ghi số 0 vào cột “Số trang lớn hơn cần hiển thị”.
Để áp dụng và hiển thị các thay đổi bạn đã chỉ định, trong cài đặt plugin, bạn cần nhấp vào nút “Lưu thay đổi” nằm ở phía dưới.
Thay đổi giao diện của thanh điều hướng phân trang
Để thay đổi bảng màu, thụt lề, phông chữ và các thuộc tính khác vẻ bề ngoài bảng phân trang được hiển thị trên blog của bạn, bạn sẽ cần thêm các thuộc tính CSS cần thiết vào tệp biểu định kiểu xếp tầng của plugin này.
Đúng, để nó có dạng như trong ảnh chụp màn hình trong bài viết này, tôi đã thêm thuộc tính bổ sung không ở trong tập tin CSS plugin (/wp-content/plugins/wp-pagenavi/pagenavi-css.css) và vào tệp chủ đề tôi sử dụng (wp-content/themes/tên của thư mục có chủ đề/style.css).
Trong tập tin này Thuộc tính CSS, xác định giao diện của bảng WP-PageNavi, trông như thế này:
#content .wp-pagenavi a, #content .wp-pagenavi a:link, #content .wp-pagenavi a:active ( đệm: 3px 8px 3px 8px; lề: 2px; trang trí văn bản: none; màu: #fff; đường viền: 0px chiều cao dòng:24px; màu nền: #2b99ff; ) #content .wp-pagenavi a:hover ( color:#fff; màu nền: #154b7d; ) #content .wp-pagenavi span.pages ( phần đệm: 3px 8px 3px 8px; lề: 2px 2px 2px 2px; ) #content .wp-pagenavi span.current ( phần đệm: 3px 8px 3px 8px; lề: 2px; chiều cao dòng: 25px; độ dày phông chữ: đậm; màu sắc: #add352; nền:#26343c;
Xin lưu ý rằng tên lớp và ID() được sử dụng ở đây đề cập cụ thể đến mẫu của tôi. Hãy để tôi giải thích mục đích của một số quy tắc và thuộc tính CSS.
#content .wp-pagenavi a, #content .wp-pagenavi a:link, #content .wp-pagenavi a:active ( đệm: 3px 8px 3px 8px; lề: 2px; trang trí văn bản: none; màu: #fff; đường viền: 0px chiều cao dòng: 24px; màu nền: #2b99ff )
bộ bên ngoài và phần đệm(xem về chúng) đối với các nút bảng điều khiển (trên thực tế, đối với các liên kết từ các nút này, vì các thuộc tính này sẽ được áp dụng cụ thể cho các liên kết được chỉ định bởi thẻ A và được đặt trong vùng chứa wp-pagenav).
Quy tắc này cũng đặt màu của văn bản liên kết ( màu trắngđược đặt trong thuộc tính màu: #fff; -).
Sẽ không có đường viền xung quanh các liên kết ( tài sản biên giới: 0px) và màu nềnđối với các vùng chứa có các liên kết này sẽ được xác định bởi thuộc tính màu nền: #2b99ff; . Bạn có thể thấy màu này trong ảnh chụp màn hình ở trên cho các nút không hoạt động của bảng điều hướng trang.
Quy tắc CSS:
#content .wp-pagenavi a:hover ( color:#fff; màu nền: #154b7d; )
đặt màu cho văn bản và nền của vùng chứa (nút) với liên kết mà con trỏ chuột hiện đang di chuột qua (thuộc tính CSS của liên kết khi được di chuột - a:hover - ).
Màu văn bản liên kết vẫn là màu trắng, nhưng màu nền (thực ra là màu nút) chuyển sang màu đậm hơn (màu nền: #154b7d;). Những thứ kia. Khi khách truy cập di chuyển chuột qua các nút trên thanh điều hướng sẽ thấy màu sắc của nút đó thay đổi, tạo cảm giác tương tác.
Quy tắc CSS:
#content .wp-pagenavi span.current ( đệm: 3px 8px 3px 8px; lề: 2px; chiều cao dòng: 25px; độ dày phông chữ: in đậm; màu: #add352; nền:#26343c; )
Đặt giao diện của nút với số trang blog hiện đang mở (thẻ SPAN với lớp HIỆN TẠI sẽ được viết bằng mã của liên kết này). Nút này sẽ trông giống như nút số một trong hình bên dưới:
Trong đó quy tắc CSSđặt màu nền của cái này nút hoạt động(thuộc tính nền:#26343c), màu của văn bản liên kết trên nút này (thuộc tính màu: #add352), và ngoài ra, phông chữ văn bản liên kết sẽ được in đậm do thuộc tính CSS này - font-weight: đậm ().
Nhưng để thay đổi giao diện của bảng điều hướng trang, bạn có thể thêm các thuộc tính CSS cần thiết vào tệp kiểu dáng của chính plugin. Bạn có thể mở tệp biểu định kiểu xếp tầng này để chỉnh sửa từ thư mục:
/wp-content/plugins/wp-pagenavi/pagenavi-css.css
Ví dụ: để có được bảng như thế này:
Bạn sẽ cần tải xuống kho lưu trữ này, giải nén nó và sao chép thư mục HÌNH ẢNH vào thư mục plugin WP-PageNavi mà bạn có thể tìm thấy trong đường dẫn sau:
/wp-content/plugin/wp-pagenavi
Trong thư mục HÌNH ẢNH là tập tin đồ họa fon.gif , sẽ tạo nền cho bảng điều khiển PageNavi. Bây giờ bạn sẽ cần mở tệp /wp-content/plugins/wp-pagenavi/pagenavi-css.css để chỉnh sửa và thay thế mã ở đó bằng các quy tắc sau:
Wp-pagenavi ( chiều rộng: 100%; tràn: ẩn; phần đệm: 4px 0px 4px 0px; lề trái: 0px; đường viền: 1px rắn #00598F; nền: url("images/fon.gif") ở giữa lặp lại-x ; ) .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited ( đệm: 4px 5px 4px 5px; lề: 2px 0px 2px 0px; màu: #ffffff; font-weight: đậm; văn bản -trang trí: không có; ) .wp-pagenavi a.last ( đệm: 4px 5px 4px 5px; ) .wp-pagenavi a.first ( đệm: 4px 5px 4px 5px; ) .wp-pagenavi a:hover ( màu nền: #00598F; màu: #FFFFFF; độ dày phông chữ: đậm; .wp-pagenavi span.pages ( phần đệm: 4px 5px 4px 5px; lề: 2px 0px 2px 0px; màu: #FFFFFF; nền: url("images/fon . gif") ở giữa bên trái lặp lại-x; màu nền: #4f4f4f; font-weight: đậm; ) .wp-pagenavi span.current ( đệm: 4px 7px 4px 7px; lề: 2px 0px 2px 0px; font-weight: đậm ; đường viền trên: 1px đường viền dưới: 1px đường viền #00598F; màu nền: #00598F .wp-pagenavi span.extend ( phần đệm: 4px 0px 4px 0px; lề: 2px 0px 2px 0px; lề phải: 0px; lề trái: 0px; đường viền trên cùng: 1px rắn #00598F; viền dưới: 1px liền khối #00598F; màu: #FFFFFF; nền: url("images/fon.gif") ở giữa bên trái lặp lại-x; độ dày phông chữ: đậm; ) .wp-pagenavi span.next-prev ( font-family: Arial; /* IE fix */ )
Lưu các thay đổi của bạn vào tệp pagenavi-css.css và truy cập blog của bạn để xem điều hướng có thay đổi hay không. Nếu nó không thay đổi, hãy thử làm mới nội dung của cửa sổ trong trình duyệt bằng cách giữ nút SHIFT và nếu điều này không hiệu quả thì hãy xóa bộ nhớ cache của trình duyệt.
Điều hướng trang là điều mà mọi blogger nên đặc biệt chú ý. Nó bao gồm việc hiển thị Bài đăng trên WordPress theo 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. Sử dụng miễn phí Plugin WordPress, được nêu 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.
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.
Các điểm và tính năng chính:
- Sử dụng điều hướng trang đơn giản.
- Thân thiện với SEO.
- Thân thiện với người dùng.
Phân trang đơn giản là một plugin cho phép bạn điều hướng qua cả bài đăng và nhận xét của mình. Đúng như tên gọi, plugin này rất dễ sử dụng. Bạn thậm chí có thể tạo kiểu cho điều hướng của mình để phù hợp với chủ đề blog bằng cách sử dụng biểu định kiểu.Có 6 biểu định kiểu phù hợp với trang web của bạn và hỗ trợ ngôn ngữ kép.
Các điểm và tính năng chính:
- Sử dụng điều hướng trang đơn giản.
- Sử dụng điều hướng bình luận.
- Có các bảng định kiểu cho các loại khác nhau trưng bày.
- Có 6 loại phong cách.
Liên kết trang Plus– một plugin thực hiện chức năng thêm điều hướng vào bài viết. Đôi khi bản ghi của bạn trở nên lớn đến mức bạn cần chia nó thành nhiều phần. Trong những trường hợp như vậy, plugin Page Links Plus sẽ giúp bạn, plugin này sẽ chia bài đăng của bạn thành các trang, hiển thị kết nối giữa chúng, cho phép bạn xem toàn bộ bài đăng.
Plugin đi kèm với nhiều cài đặt khác nhau để giúp bạn đạt được kết quả mong muốn cho bài đăng của mình.
Các điểm và tính năng chính:
- Cho phép bạn đánh số bài viết và trang.
- Có một tùy chọn để xem toàn bộ bản ghi.
- Có rất nhiều cài đặt.
- Có sẵn phiên bản Pro.
Phân trang theo bảng chữ cái sẽ đánh số các bài viết và trang trên trang web của bạn theo thứ tự ABC. Nếu bạn đang bán sản phẩm trên trang web WordPress của mình thì plugin này sẽ hoạt động rất hiệu quả, nó sẽ đánh số tất cả các sản phẩm của bạn theo thứ tự bảng chữ cái.
Nó có thể được sử dụng ở bất cứ đâu trên trang web của bạn bằng cách sử dụng shortcode.
Các điểm và tính năng chính:
- Có điều hướng theo thứ tự bảng chữ cái.
- Hỗ trợ giao dịch có sẵn.
- Có thể được đặt ở bất cứ đâu bằng cách sử dụng shortcode.
- Có thể hiển thị danh sách người dùng theo thứ tự bảng chữ cái.
Plugin phân trang thư viện cho WordPress sẽ giúp bạn điều hướng qua các thư viện hình ảnh trên trang web WordPress của bạn. Nó sẽ hiển thị tất cả các hình ảnh trong thư viện, giúp người dùng truy cập trực tiếp vào bất kỳ hình ảnh nào mà không cần phải cuộn qua từng hình ảnh một.
Hỗ trợ CDN giúp bạn làm cho thư viện hình ảnh của mình thân thiện với SEO. Ngoài ra còn có bộ nhớ đệm để tăng tốc độ tải trang, cũng như Ajax để thực hiện các thay đổi mà không cần phải tải lại trang.
Các điểm và tính năng chính:
- Có điều hướng thông qua các phòng trưng bày hình ảnh.
- Hỗ trợ CDN có sẵn.
- Thân thiện với SEO.
- Bộ nhớ đệm có sẵn.
Plugin phân trang bài nâng cao sẽ điều hướng qua bài viết của bạn. Nếu bài viết của bạn quá lớn, bạn có thể sử dụng plugin này để chia nó thành nhiều trang. Để không bị nhầm lẫn trong thông thường nút kỹ thuật số, với plugin này bạn có thể đặt văn bản và hình ảnh trên các nút. Bạn có thể sử dụng mã ngắn để phân trang bài đăng của mình theo bất kỳ cách nào bạn muốn.Ajax sẽ giúp bạn điều hướng đến một phần mà không cần phải tải lại toàn bộ trang.
Các điểm và tính năng chính:
- Tách mục nhập riêng biệt.
- Sử dụng văn bản và hình ảnh trên các nút.
- Sử dụng mã ngắn.
- Sử dụng Ajax.
Phân trang thông minh WP- Cái này Một cách thuận tiện hiển thị các bài đăng được chia thành các trang, cùng với một trường trong đó bạn có thể nhập số trang, cho phép bạn truy cập ngay lập tức trang mong muốn. Điều này rất hữu ích nếu bạn có nhiều bài đăng trên trang web của mình, khiến người dùng khó điều hướng đến một trang ở rất xa. Trong trường hợp bạn có 4000 trang bài đăng và người dùng muốn xem trang 2555, plugin này có thể cung cấp cho bạn một dịch vụ vô giá.Các điểm và tính năng chính:
- Sử dụng điều hướng trang đơn giản.
- Có một trường để điều hướng trực tiếp đến trang mong muốn.
- Chủ đề phù hợp.
- Có một sự sửa đổi của phong cách.
Cái này plugin jQuery, lấy cảm hứng từ jPages, giúp bạn dễ dàng phân trang các thư viện hình ảnh và nhận xét. Đây là một plugin đáp ứng đầy đủ sẽ cung cấp điều hướng nội dung cho tất cả các loại thiết bị có Đa dạng về kích cỡ màn hình. jPages Pagination For WordPress là một plugin nhỏ cho phép bạn dễ dàng tích hợp điều hướng với jQuery.Tất cả các trình duyệt chính đều hỗ trợ plugin này, vì vậy khách truy cập trang web của bạn sẽ không gặp vấn đề gì khi xem nội dung khi sử dụng plugin này để điều hướng.
Các điểm và tính năng chính:
- jQuery được sử dụng.
- Plugin đáp ứng.
- Được hỗ trợ bởi các trình duyệt lớn.
- Dễ dàng tích hợp.
Bài viết này cung cấp một danh sách tốt nhất plugin miễn phí Các tùy chọn phân trang WordPress có thể giúp bạn phân trang trang web của mình một cách hiệu quả nhất cách tốt nhất. Tất cả các plugin đều có Các tính năng khác nhau, vì vậy hãy chọn cái phù hợp nhất với trang web của bạn.Mỗi trang web về cơ bản là một tổng thể hệ thống điều hướng và liên kết, qua đó robot và du khách di chuyển. Hệ thống này có thể có mức độ khác nhau nỗi khó khăn. Theo quy định, nó bao gồm một menu chính chứa các liên kết đến tất cả các phần chính và các trang tĩnh, menu bổ sung, (danh sách các liên kết được sắp xếp và cấu trúc đến tất cả các trang và phần). Ngoài ra, hệ thống định vị của tài nguyên Internet có thể bao gồm điều hướng trang.
Nó là một tập hợp các nút có chứa các siêu liên kết được tích hợp sẵn, mỗi nút đều dẫn đến trang cụ thể. trong đó Chúng ta đang nói về không phải về các trang tĩnh và các trang có bài đăng, mà là về các trang đăng thông báo về bài đăng (định dạng blog).
Về phần cài đặt, không có quá nhiều. Để bắt đầu, bạn nên chỉ ra tên của tên đầu tiên và tên cuối cùng, cũng như tên tiếp theo và trang trước. Các nút này sẽ xuất hiện bất kể bạn đang ở trang nào. Để các nút Điều hướng Trang WP xuất hiện trên blog, bạn cần xóa mã điều hướng tiêu chuẩn trong mẫu; như tôi đã viết, rất có thể nó sẽ nằm trong mẫu archive.php hoặc content.php. Và thay vì chèn mã:
Nó thường bắt đầu bằng một dòng như thế này -
. Bạn có thể chỉnh sửa giao diện của các nút (màu chính và màu nền, khung, phông chữ, v.v.) thông qua tệp CSS của plugin này pagenavi-css.css, hỗ trợ của chúng có thể được bật trong “ Cài đặt danh sách trang" Tuy nhiên, điều này không thuận tiện lắm. Do đó, cái gọi là plugin bổ trợ có tên Trang WP Phong cách Navi. Sau khi cài đặt nó, tất cả các tùy chọn cần thiết để chỉnh sửa giao diện của các nút sẽ xuất hiện trong menu.
Tất cả các câu hỏi có thể được hỏi trong phần bình luận nếu ai đó không rõ về điểm này hoặc điểm khác. Chúng tôi sẽ luôn giải đáp mọi thắc mắc.
Thể loại
