AI助手支持GPT4.0
DF-Pagination is a simple, flexible and cool pagination plugin which provides users with better navigation on your WordPress site.
DF-Pagination是一个简单,灵活且凉爽的分页插件,可为用户提供更好的WordPress网站导航。
It has builtin ‘rel=next’ and ‘rel=previous’ markup.
它内置了“ rel = next”和“ rel = previous”标记。 p>
In addition to increasing the user experience for your visitors, it has also been widely reported that pagination increases the SEO of your site by providing more links to your content.
除了增加访问者的用户体验外,还广泛报道了分页通过提供更多指向您内容的链接来提高网站的SEO。 p>
Starting in version 1.0, DF-Pagination can also be used to pagination post comments!
从1.0版开始,DF-Pagination也可以用于分页发布评论! p>
Translations: https://plugins.svn.wordpress.org/df-pagination/I18n (check the version number for the correct file)
翻译:https://plugins.svn.wordpress.org/df-pagination/I18n(检查版本号以获取正确的文件) p>
Install and Activate
安装并激活 em> p>Unzip the downloaded df-pagination zip file解压缩下载的df-pagination zip文件 li>Upload the df-pagination folder and its contents into the df-content/plugins/ directory of your WordPress installation将 df-pagination code>文件夹及其内容上传到WordPress安装目录的 df-content / plugins / code>目录中 li>Activate df-pagination from Plugins page从“插件”页面激活df分页 li> ol>Implement 实施 em> p>For posts pagination:对于分页:1) Open the theme files where you’d like pagination to be used.1)打开您要使用分页的主题文件。Usually this is the loop.php file.通常,这是 loop.php code>文件。For older version of WordPress, you may need to update the index.php, archive.php and search.php files.对于旧版本的WordPress,您可能需要更新 index.php code>, archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
df-pagination
df-content/plugins/
df-pagination code>文件夹及其内容上传到WordPress安装目录的 df-content / plugins / code>目录中 li>Activate df-pagination from Plugins page从“插件”页面激活df分页 li>
df-content / plugins / code>目录中 li>Activate df-pagination from Plugins page从“插件”页面激活df分页 li>
ol>
Implement
实施 em> p>For posts pagination:对于分页:1) Open the theme files where you’d like pagination to be used.1)打开您要使用分页的主题文件。Usually this is the loop.php file.通常,这是 loop.php code>文件。For older version of WordPress, you may need to update the index.php, archive.php and search.php files.对于旧版本的WordPress,您可能需要更新 index.php code>, archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
For posts pagination:
对于分页:
1) Open the theme files where you’d like pagination to be used.
1)打开您要使用分页的主题文件。
Usually this is the loop.php file.
loop.php
通常,这是 loop.php code>文件。For older version of WordPress, you may need to update the index.php, archive.php and search.php files.对于旧版本的WordPress,您可能需要更新 index.php code>, archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
loop.php code>文件。For older version of WordPress, you may need to update the index.php, archive.php and search.php files.对于旧版本的WordPress,您可能需要更新 index.php code>, archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
For older version of WordPress, you may need to update the index.php, archive.php and search.php files.
index.php
archive.php
search.php
对于旧版本的WordPress,您可能需要更新 index.php code>, archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
index.php code>, archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
archive.php code>和 search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
search.php code>文件。 p>2) Replace your existing previous_posts_link() and next_posts_link() code block with the following: 2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
2) Replace your existing previous_posts_link() and next_posts_link() code block with the following:
previous_posts_link()
next_posts_link()
2)用以下代码替换现有的 previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
previous_posts_link() code>和 next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
next_posts_link() code>代码块: p> <?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
<?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?> code> pre>Configure 配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
<?php if(function_exists('df_pagination')){ df_pagination();df_pagination();} ?>}?>
df_pagination();
df_pagination();
} ?>
}?>
code> pre>
Configure
配置 em> p>1) The styles can be changed with the following methods: 1)可以使用以下方法更改样式: p>Add the following custom CSS to your theme’s `styles.css’ :将以下自定义CSS添加到主题的“ styles.css”中: p>/* Pagination */ / *分页* / .pagination { .pagination { clear:both; 清除:两者; padding:0 0 10px 200px; padding:0 0 10px 200px; position:relative; 位置:相对; font-size:11px; font-size:11px; line-height:13px;line-height:13px; }} .pagination span, .pagination a { .pagination span,.pagination a { display:block; display:block; float:left; float:left; margin: 2px 2px 2px 0; 边距:2px 2px 2px 0; padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; text-decoration:none; 文字修饰:无; width:auto; 宽度:自动; color:#fff; 颜色:#fff; background: #555;背景:#555; }} .pagination a:hover{ .pagination a:hover { color:#fff; 颜色:#fff; background: #3279BB;背景:#3279BB; }} .pagination .current{ .pagination .current { padding:6px 9px 5px 9px; padding:6px 9px 5px 9px; background: #3279BB; 背景:#3279BB; color:#fff;颜色:#fff; }} p> li> ul>
1) The styles can be changed with the following methods:
1)可以使用以下方法更改样式: p>
Add the following custom CSS to your theme’s `styles.css’ :
将以下自定义CSS添加到主题的“ styles.css”中: p>
/* Pagination */
/ *分页* /
.pagination {
clear:both;
清除:两者;
padding:0 0 10px 200px;
padding:0 0 10px 200px;
position:relative;
位置:相对;
font-size:11px;
font-size:11px;
line-height:13px;
line-height:13px;
}
.pagination span, .pagination a {
.pagination span,.pagination a {
display:block;
display:block;
float:left;
float:left;
margin: 2px 2px 2px 0;
边距:2px 2px 2px 0;
padding:6px 9px 5px 9px;
padding:6px 9px 5px 9px;
text-decoration:none;
文字修饰:无;
width:auto;
宽度:自动;
color:#fff;
颜色:#fff;
background: #555;
背景:#555;
.pagination a:hover{
.pagination a:hover {
background: #3279BB;
背景:#3279BB;
.pagination .current{
.pagination .current {
} p>
li>
ul>
原文出处:http://www.sanshu.cn/a/10746.html
群主管理都是支付大佬