随着互联网的不断发展,越来越多的企业和个人开始使用WordPress来搭建自己的网站。WordPress作为一个开源的内容管理系统,以其丰富的功能和易用的界面受到广大用户的喜爱。在众多的文章和页面中,如何进行有效的排序,使得用户体验更加顺畅,成为了许多站长和运营人员关心的问题。
本文将围绕WordPress后台文章排序展开,从以下几个方面进行详细介绍:
一、WordPress文章排序方式
1. 默认排序:WordPress默认按照发布时间对文章进行排序,即新发布的文章会显示在前面。这种排序方式适合于想要突出最新内容的网站。
2. 按标题排序:按标题排序即按照文章标题的字母顺序进行排列。这种排序方式适用于需要按照特定顺序展示文章标题的场景。
3. 按分类排序:按分类排序是指按照文章所属的分类对文章进行排序。这种排序方式有利于用户快速找到特定分类下的文章。
4. 按评论数排序:按评论数排序是指按照文章评论的数量对文章进行排序。这种排序方式有助于突出热门文章。
5. 按修改时间排序:按修改时间排序是指按照文章最后修改的时间对文章进行排序。这种排序方式适用于经常更新文章的网站。
二、WordPress后台文章排序操作方法
1. 默认排序:在WordPress后台,点击“文章”菜单,进入文章列表页面。在文章列表页面,你可以看到默认的排序方式。
2. 自定义排序:点击“文章”菜单,进入文章列表页面。在顶部工具栏,你可以看到“排序方式”下拉菜单,选择你想要的排序方式即可。
3. 修改排序规则:在文章列表页面,点击“筛选”按钮,你可以根据发布时间、分类、作者等条件对文章进行筛选。在筛选结果中,你可以看到当前排序规则。
三、WordPress文章排序技巧
1. 利用分类:合理地使用分类可以帮助你更好地组织文章,并按照分类进行排序,提高用户体验。
2. 使用标签:标签可以用来描述文章的主题,帮助你更好地管理和排序文章。
3. 调整发布时间:通过调整文章的发布时间,你可以将重要文章排在前面,吸引更多用户的关注。
4. 使用插件:市面上有许多优秀的WordPress插件可以帮助你实现更丰富的文章排序功能。
四、文章排序表格展示
排序方式 | 描述 |
---|---|
默认排序 | 按发布时间排序,新文章排在前面 |
按标题排序 | 按标题字母顺序排序 |
按分类排序 | 按文章所属分类排序 |
按评论数排序 | 按文章评论数量排序 |
按修改时间排序 | 按文章最后修改时间排序 |
WordPress后台文章排序是网站运营中的重要环节,合理的文章排序可以提升用户体验,吸引更多用户关注。本文介绍了WordPress文章排序方式、操作方法、技巧以及表格展示,希望能对你有所帮助。
在实际操作过程中,你可以根据自己的需求和网站特点,灵活运用这些排序方法,打造出属于自己的个性化文章排序方案。多尝试不同的排序方式,找到最适合自己网站的排序规则,才能在激烈的市场竞争中脱颖而出。
提醒大家在优化文章排序时,不要过于追求视觉效果,要注重用户体验,让用户在浏览文章时感到愉悦。祝愿你的网站在优化过程中越办越好!
wordPress如何调整置顶文章的顺序
首先要添加一处。在wordpress后台的“写文章”里面,最上面点开“显示选项”,勾选最上面的“自定义栏目”。
这时候在文章编辑区的下面就会看到自定义栏目了。一般老魏习惯于把这个栏目用鼠标左键拖拽到右侧最上面,这样编辑文章的时候就直接能输入排序序号了。
点击输入新栏目,输入post_order,值为0,点击添加自定义栏目,结果如下图。这样就添加了一个自定义栏目,初始值是0,这个post_order就是用来排序的。
这种方法需要每篇文章都设置一下排序值,魏艾斯博客首页置顶文章排序就是这样设置出来的。以后每次写文章的时候,在值这里输入一个足够大的数字。比如老魏这里的设置是从00001开始的,也就是可以够你写一万篇文章,按照每天写一篇文章的速度计算足够写十年的文章排序用了,嫌不够用前面可以多加几个0。
下载你网站模板里面的index.php文件并做好备份。在index.php中替换如下代码,把默认发布时间排序改成了你的meta_key,同时添加一项meta_key。找到如下代码$paged=(get_query_var(‘paged’))? get_query_var(‘paged’): 1;$args=array(从这里开始下面的代码
‘caller_get_posts’=> 1,‘paged’=>$paged
替换成
‘meta_key’=>‘post_order’,‘orderby’=>‘meta_value’,‘paged’=>$paged,‘order’=>‘DESC’
);上传覆盖源文件后,你就可以依据自己定义的meta_data对文章进行排序了。
最后要说的是,这样方法不仅试用于首页,也适用于标签页、分类页等存档页面,具体修改方法和文章页一样,您可以自己尝试一下。
wordpress网站分类目录怎么排序
1.插件实现分类目录排序。
安装插件My Category Order
启用插件,在控制面板的文章菜单下就出现如下图所示的目录调整选项,可以用鼠标随意拖曳调整目录排列顺序。
2.修改代码完成wordpress分类目录排序。
首先,修改表wp_terms,增加排序字段order_(类型int)。按需要的顺序修改order_字段的值。
其次,修改wp-includes目录下taxonomy.php文件。
找到如下位置:
if(‘count’==$orderby)
$orderby=‘tt.count’;
在elseif处增加order_的判断
elseif(‘order’==$orderby)
$orderby=‘t.order_’;
最后,是修改主题中目录列表的代码,如sidebar.php
查询到
<?phpwp_list_cats(‘sort_column=name&optioncount=0&depth=1′);?>
修改为
<?phpwp_list_cats(‘sort_column=order&optioncount=0&depth=1′);?>
以上都是wordpress网站实现分类目录排序的教程,大家按照此wordpress教程一步步下来可以完工了。
如何在WordPress上正确加载Javascript和CSS
现在许多WordPress网站都开始讲要正确加载 jQuery、Javascript和 CSS到你的WordPress网站。今天来一篇更详细讲解如何使用WordPress官方推荐的方式来加载脚本/ CSS的文章。
有两种常用的 add_action钩子可以加载脚本和CSS到WordPress:
init:确保始终为您的网站头部加载脚本和CSS(如果使用home.php,index.php或一个模板文件),以及其他“前端”文章、页面和模板样式。
wp_enqueue_scripts:“适当”的钩子方法,并不总是有效的,根据你的WordPress设置。
下面的所有例子都在WordPress多站点模式、WordPress 3.4.2通过测试(如果不支持后续版本,请留言告知)
加载外部 jQuery库和主题自定义的脚本、样式
下面这个例子在 add_action钩子中使用 init。使用 init有两个原因,一是因为我们正在注销WordPress默认的jQuery库,然后加载谷歌的jQuery库;二是确保在WordPress的头部就加载脚本和CSS。
使用if(!is_admin())是为了确保这些脚本和css只在前端加载,不会再后台管理界面加载。
/** Google jQuery Library, Custom jQuery and CSS Files*/
function myScripts(){
wp_register_script('google',';);
wp_register_script('default', get_template_directory_uri().'/jquery.js');
wp_register_style('default', get_template_directory_uri().'/style.css');
if(!is_admin()){/** Load Scripts and Style on Website Only*/
wp_deregister_script('jquery');
wp_enqueue_script('google');
wp_enqueue_script('default');
wp_enqueue_style('default');
}
}
add_action('init','myScripts');
加载WP默认 jQuery库和主题自定义的脚本、样式
第3行:使用 array(‘jquery’)是为了告诉 WordPress这个 jquery.js是依赖WordPress的jQuery库文件,从而使 jquery.js在WordPress jQuery库文件后加载。
/** Add Custom jQuery and CSS files to a Theme*/
function myScripts(){
wp_register_script('default', get_template_directory_uri().'/jquery.js', array('jquery'),'');
wp_register_style('default', get_template_directory_uri().'/style.css');
if(!is_admin()){/** Load Scripts and Style on Website Only*/
wp_enqueue_script('default');
wp_enqueue_style('default');
}
}
add_action('init','myScripts');
加载 print.css到你的WordPress主题
第 3行:最后的‘print’是媒体屏幕调用,确保 print.css在网站的打印机中的文件加载时才加载。
/** Adding a Print Stylesheet to a Theme*/
function myPrintCss(){
wp_register_style('print', get_template_directory_uri().'/print.css','','','print');
if(!is_admin()){/** Load Scripts and Style on Website Only*/
wp_enqueue_style('print');
}
}
add_action('init','myPrintCss');
使用 wp_enqueue_scripts替换 init
如果你要在文章或页面加载唯一的脚本,那就应该使用 wp_enqueue_scripts替换 init。使用 wp_enqueue_scripts仅仅只会在前台加载脚本和CSS,不会在后台管理界面加载,所以没必要使用!is_admin()判断。
使用 is_single()只在文章加载脚本或CSS
第 3行的#替换为文章的ID就可以让脚本和css只加载到那篇文章。当然,如果直接使用 is_single()(不填ID),就会在所有文章加载脚本和CSS。
/** Adding Scripts To A Unique Post*/
function myScripts(){
if( is_single(#)){/** Load Scripts and Style on Posts Only*/
/** Add jQuery and/or CSS Enqueue*/
}
}
add_action('wp_enqueue_scripts','myScripts');
使用 is_page()只在页面加载脚本或CSS
第 3行的#替换为页面的ID就可以让脚本和css只加载到那个页面。当然,如果直接使用 is_single()(不填ID),就会在所有页面加载脚本和CSS。
/** Adding Scripts To A Unique Page*/
function myScripts(){
if( is_page(#)){/** Load Scripts and Style on Pages Only*/
/** Add jQuery and/or CSS Enqueue*/
}
}
add_action('wp_enqueue_scripts','myScripts');
使用 admin_enqueue_scripts加载脚本到后台
这个例子将在整个后台管理界面加载脚本和CSS。这个方法不推荐用在插件上,除非插件重建了整个后台管理区。
第 10行使用 admin_enqueue_scripts替换了 init或wp_enqueue_scripts
第 5、6行,如果你要自定义后台管理区,你可以需要禁用默认的WordPress CSS调用。
/** Adding Scripts To The WordPress Admin Area Only*/
function myAdminScripts(){
wp_register_script('default', get_template_directory_uri().'/jquery.js', array('jquery'),'');
wp_enqueue_script('default');
//wp_deregister_style('ie');/** removes ie stylesheet*/
//wp_deregister_style('colors');/** disables default css*/
wp_register_style('default', get_template_directory_uri().'/style.css', array(),'','all');
wp_enqueue_style('default');
}
add_action('admin_enqueue_scripts','myAdminScripts');
加载脚本和CSS到WordPress登录界面
第 6行:我无法弄清楚如何在在登录页面注册/排序 CSS文件,所以这行手动添加样式表。
第 10-14行:用来移除WordPress默认的样式表。
/** Adding Scripts To The WordPress Login Page*/
function myLoginScripts(){
wp_register_script('default', get_template_directory_uri().'/jquery.js', array('jquery'),'');
wp_enqueue_script('default');
?>
<link rel='stylesheet' id='default-css' href='<?php echo get_template_directory_uri().'/style.css';?>' type='text/css' media='all'/>
<?php}
add_action('login_enqueue_scripts','myLoginScripts');
/** Deregister the login css files*/
function removeScripts(){
wp_deregister_style('wp-admin');
wp_deregister_style('colors-fresh');
}
add_action('login_init','removeScripts');
将 jQuery库移动到页脚
你不能将WordPress默认的jQuery库移动到页面底部,但是你可以将自定义的jQuery或其他外部jQuery库(比如Google的)移动到底部。不要将CSS移动到页面底部。
第 3、4行:最后的‘true’告诉WordPress在页面底部加载这些脚本。
/** Moves jQuery to Footer*/
function footerScript(){
wp_register_script('jquery',(“”), false,'', true);
wp_register_script('default', get_template_directory_uri().'/jquery.js', false,'', true);
if(!is_admin()){/** Load Scripts and Style on Website Only*/
wp_deregister_script('jquery');
wp_enqueue_script('jquery');
wp_enqueue_script('default');
}
}
add_action('init','footerScript');
根据不用的用户角色和功能加载jQuery和CSS
如果你的网站有作者、编辑和其他管理员,你可能需要通过 jQuery来为他们显示不同的信息。你需要使用 current_user_can确定登录的用户的角色和功能。
下面三个例子中,如果用户已经登录,将在整个网站加载这些脚本和CSS。使用!is_admin()包装 enqueue_script确保只在前台加载,或者在 add_action使用 admin_enqueue_scripts就可以确保只在后台管理区加载。
为可以“编辑文章”的管理员加载脚本和CSS
只对超级管理员和网站管理员生效
/** Add CSS& jQuery based on Roles and Capabilities*/
function myScripts(){
if( current_user_can('edit_posts')){
/** Add jQuery and/or CSS Enqueue*/
}
}
add_action('init','myScripts');
为所有登录用户加载脚本和CSS
/** Admins/ Authors/ Contributors/ Subscribers*/
function myScripts(){
if( current_user_can('read')){
/** Add jQuery and/or CSS Enqueue*/
}
}
add_action('init','myScripts');
为管理员以外的已登录用户加载脚本和CSS
/** Disable for Super Admins/ Admins enable for Authors/ Contributors/ Subscribers*/
function myScripts(){
if( current_user_can('read')&&!current_user_can('edit_users')){
/** Add jQuery and/or CSS Enqueue*/
}
}
add_action('init','myScripts');
最后的提示
上面的很多例子如果使用相同的add_action,就可以被合并成一个单一的函数。
换句话说,您可以使用多个 if语句在一个函数中分裂了你的脚本和CSS调用,如:if_admin!if_admin,is_page,is_single和current_user_can的,因为每次使用相同的add_action的init。