【问题标题】:Breadcrumbs for one-page ( wordpress )一页的面包屑(wordpress)
【发布时间】:2019-04-17 11:24:29
【问题描述】:
我想为一页构建面包屑。
我想知道是否有某种方法可以通过滚动站点来更改标题中的标题。
当屏幕 1 处于活动状态时,显示屏幕 1 标题。
当屏幕 2 处于活动状态时,显示屏幕 2 标题。
请告知任何插件或案例。 (文字出版社)
【问题讨论】:
标签:
php
jquery
wordpress
breadcrumbs
onepage-scroll
【解决方案1】:
如果您使用的是自定义主题,您可以将一个 Java Script 文件加入队列以使用 jQuery 实现该功能。
你的主题 > functions.php
add_action('wp_enqueue_scripts', 'my_dynamic_breadcrumb');`function my_dynamic_breadcrumb() {
$target_pages = array(
'my-landing-page',
);
if ( is_page($target_pages) ) {
wp_register_script(
'handle_dynamic_breadcrumb',
get_stylesheet_directory_uri().'/inc/assets/js/handle_dynamic_breadcrumb.js',
array( 'jquery', ),
'1.0.0',
true
);
wp_enqueue_script('handle_dynamic_breadcrumb');
}
`
用您的页面 slug 和 jQuery 文件名替换 my-landing-page。然后检查标题中的 HTML 标记以插入动态字幕。
jQuery 代码应该将一个函数绑定到滚动事件中并检测页面的一部分,然后更改字幕。