使用Slick作为WP Post导航 - 腾讯云开发者社区

文章/答案/技术大牛

发布

WordPress 技巧：在 WP_Query 使用 post__in 的时候注意要 ignore_sticky_posts

今天和同事在使用 WP_Query 的 post__in 参数的时候： $like_query = new WP_Query(array( 'post_type' => array('post','event...'), 'post__in' => array(138,139), 'orderby' => 'post__in', 'posts_per_page'=> -1 ) ); 但是返回的结果总是超过这个...原来如此，我又正好使用了 sticky posts，置顶文章，所以，哎，调试了整整好几个小时，都把 WP 源代码翻烂了。...所以最终的代码应该是： $like_query = new WP_Query(array( 'post_type' => array('post','event'), 'post__in' =>...array(138,139), 'orderby' => 'post__in', 'posts_per_page' => -1, 'ignore_sticky_posts' => 1 ) );

4723 0

豆瓣电台WP7客户端 MVVM重构记录之使用MVVM Light的Message实现导航

这几天使用MVVM重构这个应用，发现一个严重的问题，那就是导航。...root.Navigate(pageUri); 不过这样直接在ViewModel里导航总感觉比较唐突，而且有个重要的问题，那就是使用CodeBehind时，可以依靠重写OnNavigatedTo等这种方法来处理的逻辑在...思路：当一个VM需要导航的时候，Send一个Message把导航的URL传递出去，这个消息被一个NavgationController截获，执行导航操作，导航完成之后NavgationController...} } 导航控制器，拦截所有导航的消息，然后导航，导航完成之后发送消息通知导航到的View对应的VM执行Navigated方法。...使用：在App.xaml里添加一个NavigationController静态资源 <vm:MvvmViewModelLocator

7702 0

您找到你想要的搜索结果了吗？

是的

没有找到

WordPress 教程：使用 wp_set_post_terms 给文章设置分类和标签信息时参数的注意事项

我们在写插件的时候，可以使用 wp_set_post_terms 函数给文章设置分类标签信息，需要特别注意的时候，设置这两种不同的分类模式时候，这个函数的参数会有细微的差异。...wp_set_post_terms 函数参数的差异 function wp_set_post_terms( $post_id = 0, $terms = '', $taxonomy = 'post_tag...', $append = false ) 首先我们看看 wp_set_post_terms 函数的参数： $post_id：文章 ID。...这是因为 term 也可能为数字，wp_set_post_terms 调用 term_exists 函数进行term 是否存在判断的时候，无法区别字符串类型的数字到底是 ID 还是标签名，所以这个函数就强制要求...因为 wp_set_post_terms 使用 intval 函数在处理层级关系的分类模式时对 $terms 数组中的每个元素做了强类型转换。所以也为了防止冲突，他也直接接受 IDs 方式的参数。

1.2K2 1

【说站】WordPress网站文章ID不连续如何解决？

post，而且都会占用一个post的id，在wp_posts表的数据表结构里面可以看出post类型种类（详细介绍WordPress数据库表wp_posts），这个无法改变。...删除文章修订版所谓的文章修订版就是你每次修改一次文章，它都会自动帮你保存修改之前的文章版本，专业术语叫做版本控制，这样保证了在误修改的情况下可以还原之前的内容，这个在维基文档的维护方面是有很大帮助的，但是作为我们的小博客...缺点是每篇都文章都会有一个自动保存的记录，同样占据一个文章ID，也是文章ID不连续的原因之一，如果你不需要这个功能，我们就需要在wp-admin/post-new.php和wp-admin/post.php...四、导航菜单项和页面占用id WordPress的导航菜单项也会占用id，但一个网站的导航菜单不会太多，占用了就占用了，个人觉得还好。.../ 禁用修订版本 remove_action( 'pre_post_update' , 'wp_save_post_revision' ); add_filter( 'wp_revisions_to_keep

1K2 0

jQuery幻灯片插件slick

简介 slick 是一个基于 jQuery 的幻灯片插件，具有以下特点：支持响应式浏览器支持 CSS3 时，则使用 CSS3 过度/动画支持移动设备滑动支持桌面浏览器鼠标拖动支持循环支持左右控制...演示下载使用方法 1、引入文件 slick.css"> slick.min.js"> 2、HTML slick"> slick({ dots: true }); }); 参数参数类型默认值说明 accessibility 布尔值 true 启用Tab键和箭头键导航 autoplay...swipe 布尔值 true 移动设备滑动事件 touchMove 布尔值 true 触摸滑动 touchThreshold 整数 5 滑动切换阈值，即滑动多少像素后切换 useCSS 布尔值 true 使用

4.2K3 0

WordPress 常用模板函数速查表

这个速查表列出你制作主题时候常用的函数，你可以直接复制到你的主题中使用，并且大部分函数都链接到了其 Codex 页面以便了解更多详细使用。...> 字符集链接导航菜单默认导航菜单 wp_nav_menu(); ?> 指定的导航菜单 wp_nav_menu( array('menu' => 'Project Nav' )); ?> 基于分类的导航 wp_list_categories('title_li=&orderby=id');?> 基于页面的导航 post_link(); ?> 文章编辑链接链接 wp_list_bookmarks(); ?> 友情链接列表链接 <?

8303 0

WordPress主题的基本模板及常用函数

）模板例如，single-book.php 是作为 post type 为 book 的 posts 的模板。...page.php：内容也（page）模板例如，page-about.php 是作为 slug 为 about 的 Page 的模板。...()：头部挂钩，通过该函数让其他插件或功能函数在网站头部输出css,js等 wp_footer()：同上类似 wp_nav_menu()：调用导航菜单，一般需要在functions.php添加注册菜单函数...register_nav_menus()一起使用 wp_list_bookmarks() 友情链接函数 the_title()：内容页标题 the_permalink()：内容页url the_category...–next page-> 来使用 edit_post_link() ：如果用户已登录并具有权限，显示编辑链接 posts_nav_link(); ：显示上一页/下一页的链接，通常用在索引页、分类页和文章存档页

1.2K1 0

优化 WordPress 数据库，提高 WordPress 速度

WordPress 的机制是主要使用 wp_posts 表来存储所有数据，包括日志，页面，附件，导航菜单等等，所以 WordPress 使用了一定时间之后，数据量一大还是有点慢，除了对 WordPress...wp_term_relationships b ON (a.ID = b.object_id) LEFT JOIN wp_postmeta c ON (a.ID = c.post_id) WHERE a.post_type...('WP_POST_REVISIONS', 3); 3....删除没有的标签不再使用的标签，WordPress 是不会自动删除的，需要人工清理下： DELETE a,b,c FROM wp_terms AS a LEFT JOIN wp_term_taxonomy...JOIN wp_posts wp ON wp.ID = pm.post_id WHERE wp.ID IS NULL ----

1.6K2 0

WordPress 文章查询教程3：如何使用文章类型参数

在 WordPress 中，使用 WP_Query 进行文章查询是最常见的操作，学习好这方面的操作， WordPress 开发基本就学会了一半。...「WordPress果酱」将通过一系列教程讲解如何使用 WP_Query 进行 WordPress 文章查询。...'nav_menu_item' – 导航菜单栏 'any' – 获取除了文章修订和除了文章类型的 'exclude_from_search' 的属性为 true 的所有文章类型。...'exclude_from_search' 的属性为 true 的所有文章类型）： $query = new WP_Query( array( 'post_type' => 'any' ) ); 获取多个文章类型的文章...，包括自定义文章类型： $query = new WP_Query( array( 'post_type' => array( 'post', 'page', 'product', 'movie' )

1.2K3 0

WordPress 技巧：后台文章列表搜索支持 ID

){ if($wp_query->is_main_query() && $wp_query->is_search()){ global $wpdb; $search_term = $wp_query...$wpdb->posts.'.post_title LIKE', '('.$wpdb->posts.'.ID = '.$search_term.') OR ('....$wpdb->posts.'.post_title LIKE', '('.$wpdb->posts.'.ID in ('.$search_term.')) OR ('....$wpdb->posts.'.post_title LIKE', $clauses['where']); } } return $clauses; }, 2, 2); 上面代码支持直接搜索一个文章...「WordPress果酱」公众号免费插件列表：插件简介网址导航最轻便快捷的网址导航插件支持分组，分组排序，网址排序等功能。

8592 0

开发者的福音：GenerateWP 自动生成WordPress 开发相关代码

GenerateWP 工具和生成器内容 Taxonomy Generator 使用 register_taxonomy() 功能创建自定义分类 Post Type Generator 使用 register_post_type...() 功能创建自定义日志 Post Status Generator 使用 register_post_status() 功能创建自定义日志状态 Theme Support Generator 使用 add_theme_support...() 功能创建自定义导航菜单 Quicktags Generator 为 WordPress 文本编辑器创建自定义快速标签功能 Toolbar Generator 使用 WP_Admin_Bar 类别功能创建自定义工具栏...WordPress 查询 WP_User_Query Generator 使用 WP_User_Query 类别功能创建自定义用户查询 WP_Comment_Query Generator 使用 WP_Comment_Query...使用 wp_register_script() 功能注册自定义脚本 Register WordPress Styles 使用 wp_register_style() 功能注册自定义 WordPress

1.8K5 0

WordPress巧用面包屑导航，SEO优化。

什么是网站面包屑导航？面包屑导航意在告知用户所处的当前网页的位置，方便用户可以通过该导航快速返回上一级网页。...面包屑导航一般都在导航的下面，形式一般为首页 > 一级目录名称 > 二级目录名称 > 目前位置，尽量要把面包屑导航的层次控制在四层以内，这样也有利与搜索引擎蜘蛛一层层往下爬，到了四层以下就很难爬到了。...便于搜索引擎对于网站的收录，蜘蛛可以沿着面包屑导航爬下去，便于寻找链接，提高蜘蛛的爬行速度和效率；便于用户了解网站的层次结构，进而浏览网站，提高用户体验；优化面包屑导航每个层级的名称，尽量使用关键字...$delimiter . ' '; if ( is_category() ) { // 分类存档 global $wp_query; $cat_obj = $wp_query->get_queried_object...echo sprintf( __( '( Page %s )', 'cmp' ), get_query_var('paged') ); } echo ''; } }复制使用方法

1.2K3 0

优化WordPress数据库只需6步给网站提点速吧

WordPress的文章、评论等很多数据都是存放在数据库的，所以搭建wordpress网站的时间，网站的空间不需要多大，而数据库一定要充足，而在WordPress数据库中主要使用 wp_posts 表来存储日志...，页面，附件，导航菜单等数据，根据使用的时间越来越长，堆积的数据越来越多，从而运行起来也越来越慢，那么我是十分有必要对 WordPress数据库来进行整体的优化下。... JOIN wp_postmeta c ON (a.ID = c.post_id) WHERE a.post_type = 'revision' 3、优化 wp_posts 表写文章的时候进行的插入... = c.term_taxonomy_id WHERE ( c.taxonomy = 'post_tag' AND c.count = 0 ); 6、删除没用的 postmeta 记录当文章的记录删除后... = pm.post_id WHERE wp.ID IS NULL 通过以上数据库命令优化，你的数据库是不是已经很小了呢，网站速度是不已经得到提升了呢，记得不要让自己的网站太过臃肿,以免影响访问哦。

1.4K4 0

React 图片轮播 Carousel：从入门到进阶

React 作为一个流行的前端框架，提供了丰富的工具和库来实现这一功能。本文将从基础开始，逐步深入，探讨在 React 中实现图片轮播时常见的问题、易错点以及如何避免这些问题。基础概念1....这里我们使用 react-slick，这是一个基于 Slick 的 React 轮播组件库。...解决方法：使用懒加载（Lazy Loading）技术，只在需要时加载图片。...解决方法：使用 react-slick 提供的事件处理方法来增强交互体验。...解决方法：使用 react-slick 的响应式设置来调整不同屏幕尺寸下的显示效果。

8481 0

wordpress自定义菜单时常用到的函数

下面按使用频率由高到低整理，并给出典型用法和一句话说明，方便速查。注册菜单位置register_nav_menus()一次性注册多个菜单位置(供后台“外观→菜单”分配)。...add_action( 'after_setup_theme', function () { register_nav_menus( [ 'primary' => __( '顶部主导航...$menu_obj = wp_get_nav_menu_object( 'guest-menu' ); // 返回 WP_Term返回菜单条目数组(WP_Post类型)。...Walker类(自定义HTML结构)Walker_Nav_Menu继承它可彻底改写子菜单等输出，常见于Bootstrap/Tailwind导航。...wp_delete_nav_menu($menu)wp_update_nav_menu_object(menu id,args)速查表(一行记忆)注册：register_nav_menus()显示：wp_nav_menu

2811 0

wordpress导航菜单详解及改造

对于wordpress主题来说 wp的菜单是必不可少的可以用于制作导航栏也可以做侧边栏、页脚导航等等只要熟练掌握就能利用wp菜单做成想要的东西话不多说现在先讲一下菜单的创建首先要开启导航菜单功能...当然照我所写代码也可具体怎么使用稍后会讲然后在wp后台菜单处显示如下至于怎么设置菜单，具体见下面wordpress大学的教程 https://www.wpdaxue.com/wordpress-nav-menus.html...的参数为创建的导航别名 depth代表导航级数例如上面这段代码表示调用别名为header-menu的一级导航相关参数还有很多完整代码如下 wp_nav_menu(array( 'theme_location...array_intersect($var,array('current-menu-item','current-post-ancestor','current-menu-ancestor','current-menu-parent...自己根据需要加上即可接着再来讲一个多级菜单一般来说我们最多只需要二级菜单我们只需把depth改为2即可但如果要三级菜单以上呢可不是简简单单那改个depth就行了构造三级菜单我们需要对菜单进行定制需要使用

3.7K7 0

给WordPress新添加一个古腾堡编辑器

你可以在 wp-content/plugins 目录下创建一个新的文件夹，并在其中创建一个PHP文件。...', 'wp-element', 'wp-editor'), null, true);}add_action('enqueue_block_editor_assets', 'custom_gutenberg_editor_enqueue_scripts...');function custom_gutenberg_editor_init() { register_post_type('custom_post_type', array(...>步骤 4: 激活插件在WordPress后台，导航到“插件”页面，找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站，并检查页面底部是否出现了第二个古腾堡编辑器实例。...兼容性：确保你的代码与当前使用的WordPress版本兼容。安全性：在生产环境中使用自定义代码时，请确保进行适当的安全检查和测试。

5601 0

WordPress 文章查询教程5：如何使用分页相关的参数

在 WordPress 中，使用 WP_Query 进行文章查询是最常见的操作，学习好这方面的操作， WordPress 开发基本就学会了一半。...「WordPress果酱」将通过一系列教程讲解如何使用 WP_Query 进行 WordPress 文章查询。...使用 'posts_per_page'=>-1 则显示所有文章（此时 "offset" 参数将被忽略）。...--nextpage--> 中用于页面导航。在静态首页显示当前页面的文章： $paged = ( get_query_var('page') ) ?...WP_Query( array( 'post__not_in' => get_option( 'sticky_posts' ) ) );

2K2 0

React 图片轮播 Carousel：从入门到进阶

React 作为一个流行的前端框架，提供了丰富的工具和库来实现这一功能。本文将从基础开始，逐步深入，探讨在 React 中实现图片轮播时常见的问题、易错点以及如何避免这些问题。基础概念 1....这里我们使用 react-slick，这是一个基于 Slick 的 React 轮播组件库。...解决方法：使用懒加载（Lazy Loading）技术，只在需要时加载图片。...解决方法：使用 react-slick 提供的事件处理方法来增强交互体验。...解决方法：使用 react-slick 的响应式设置来调整不同屏幕尺寸下的显示效果。

7401 0

WordPress 6.0 提升了分类模式的性能

提高导航菜单的性能在获取导航菜单的 wp_get_nav_menu_items 函数中，首先使用简单的 taxonomy query 代替 get_objects_in_term 函数，这个替换首先可以把两次数据库查询降低到一次...此外如果菜单中含有分类和文章的数据，wp_get_nav_menu_items 会改成使用 _prime_term_cache 和 _prime_post_cache 来准备 term 和 post 的缓存...，这两个函数的使用会使得获取菜单的数据库请求变得更少，效率更高。...term_exists 使用 get_terms 处理 term_exists 函数内部从使用非缓存的数据库查询转换成使用 get_terms ( WP_Term_Query ) 来处理，这个函数是最后一个对...wp_suspend_cache_invalidation( true ); $check = term_exists( 123, 'category' ); wp_suspend_cache_invalidation

5413 0

点击加载更多

WordPress 技巧：在 WP_Query 使用 post__in 的时候注意要 ignore_sticky_posts

豆瓣电台WP7客户端 MVVM重构记录之使用MVVM Light的Message实现导航

WordPress 教程：使用 wp_set_post_terms 给文章设置分类和标签信息时参数的注意事项

【说站】WordPress网站文章ID不连续如何解决？

jQuery幻灯片插件slick

WordPress 常用模板函数速查表

WordPress主题的基本模板及常用函数

优化 WordPress 数据库，提高 WordPress 速度

WordPress 文章查询教程3：如何使用文章类型参数

WordPress 技巧：后台文章列表搜索支持 ID

开发者的福音：GenerateWP 自动生成WordPress 开发相关代码

WordPress巧用面包屑导航，SEO优化。

优化WordPress数据库只需6步给网站提点速吧

React 图片轮播 Carousel：从入门到进阶

wordpress自定义菜单时常用到的函数

wordpress导航菜单详解及改造

给WordPress新添加一个古腾堡编辑器

WordPress 文章查询教程5：如何使用分页相关的参数

React 图片轮播 Carousel：从入门到进阶

WordPress 6.0 提升了分类模式的性能

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐