当前位置: 首页 > 知识库问答 >
问题:

当我在wordpress菜单中使用类别时,在index.php上设置当前页面?

丌官信厚
2023-03-14

我在WordPress的主导航中使用类别。为了显示我的类别“home”(开始页),我在index.php中使用以下代码。“家”是第4类。

<?php if ( have_posts() ) : ?> <?php query_posts("cat=4"); //set cat 4 to start page ?>
            <?php /* Start the Loop */ ?>

问题是,当有人访问我的网站时,“主页”没有标记为当前页面。但如果点击“主页”,它会被突出显示为当前页面。

当有人访问我的网站时,我如何将类别主页设置为当前页面?我能在上面的php代码中包含css吗?

在我的css中有以下功能,当你点击主菜单中的链接(类别)时可以工作,但当有人访问网页而不点击菜单时就不行了。

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #ffffff;
            background-color: #f68a1f;
}

我的菜单代码如下所示(使用wordpress菜单)

<nav id="site-navigation" class="main-navigation" role="navigation">
            <h3 class="menu-toggle"><?php _e( 'Meny', 'twentytwelve' ); ?></h3>
            <div class="skip-link assistive-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a></div>
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
        </nav><!-- #site-navigation -->

共有1个答案

南宫勇军
2023-03-14

不使用index.php,而是创建一个新的“page of posts”页面模板,如下所述:http://codex.wordpress.org/pages#a_page_of_posts

在该模板中,您使用query_posts(“cat=4”);代码仅显示该类别中的帖子。

然后您在Wordpress仪表板中创建一个新页面,将其称为任何您喜欢的页面,并将其模板(在编辑页面上的“页面属性”块中)设置为您新创建的模板。

最后,在您的设置>Reading中,将“four page displays”设置为“a static page”,并选择您新创建的页面作为首页。

这样,您就可以使用Wordpress的内置功能创建一个包含特定类型内容的自定义页面,并且当您在页面上时,它仍然可以识别该页面是活动的。

 类似资料:
  • 我正在为客户创建一个Wordpress站点,网址是http://digitaldemo.net/vintage/about/。我遇到的唯一问题是,当我在给定的页面上时,li.current-menu-item类没有被应用。 例如,在上面的URL上,关于菜单项应该有更深的灰色背景,而不是图标后面的白色“聚光灯”。 下面是我的导航的CSS: 每个li都有一个独特的背景图像(例如li.blog有blog

  • 我有一个基于WordPress的网站,我的主题通过添加“当前菜单项”类来突出当前菜单项。 问题是,我有一个包含3个子菜单项的菜单项,它们都指向具有不同容器ID的相同页面(它们的href包含容器ID),因此它们都被突出显示。 如何仅突出显示href指向当前查看的容器的菜单项? 我尝试了这个答案,在标签后面插入了以下内容:

  • 问题内容: 我正在使用React Router 1.0.2,我的路线如下所示: 我的App组件如下所示,我认为我可以在道具中传递位置: 我想在Menu组件上有条件地设置一个活动类: 但是,当调用菜单的render函数时,null是否为null? 如何将道具传递给子组件? 问题答案: 好像您没有将prop传递到正确的元素中。该的将是什么子路径被渲染(所以无论是或),但你想要的道具要传递给。 为此,只

  • 我在wordpress中为buddypress创建了一个自定义菜单。 链接始终包含当前用户。在本例中,用户"admin /成员/管理员/个人资料/ 我必须做什么才能使链接始终指向当前用户?

  • 我在一个网站上做一些代码清理/验证,遇到了一个问题。该站点有一个主菜单(菜单栏),其中应显示当前页面。 菜单结构如下所示: 根据WAI-ARIA规范,角色menuItem上不允许状态aria选择:http://www.w3.org/TR/wai-aria/states_and_properties#aria-selected.我也找不到任何似乎将menuproject标记为选择的menuproje

  • 我想突出显示我的导航菜单中的当前链接基于当前活动的URL。 如果我的导航菜单是纯CSS,我已经找到了很多解决方案,但是我的菜单是基于图像的,因此每个链接的活动类都是不同的,这就是我被困住的地方。 谁能给我提点有用的东西吗?我对jQuery很陌生,但发现它非常有用,是我学过的最好的语言之一。 每个标记都有一个预加载的CSS背景图像,每个类都有一个悬停函数。