具有自定义POST类型的动态菜单

时间:2012-02-02 作者:user5486

我想创建一个动态菜单,其中混合了静态页面和自定义post类型归档,将一个类“current”应用于当前选项卡。下面的示例使用1)设置为主页的静态页面2)静态页面3)自定义帖子类型存档4)博客内容的静态页面。

试图从我以前的菜单中编辑代码,但不起作用。如果有任何帮助,我将不胜感激!

谢谢

<ul>
<li<?php if ( is_front_page() ) { echo \' class="current"\'; } ?>><a href="/">Home</a></li>
<li<?php if ( is_page(\'my-page\') { echo \' class="current"\'; } ?>><a href="/my-page/">My Page</a></li>
<li<?php if ( is_post_type_archive(\'my-custom\') && is_single()) { echo \' class="current"\'; } ?>><a href="/my-custom/">My Custom Posts</a></li>
<li<?php if ( is_page(\'blog\') { echo \' class="current"\'; } ?>><a href="/blog/">Blog</a></li>
</ul>

2 个回复
SO网友:Caleb

因此,我认为您是在问如何动态突出显示您当前所在页面的选项卡。我在最近的网站项目中做了这样的事情,因为我需要在自定义帖子类型时突出显示某个选项卡。

以下是一些可用于网站的代码:

function custom_tab_highlighting() { 
    global $post;
    ?>
    <ul>
    <?php if( is_front_page() || is_page(\'my-page\') || is_post_type_archive(\'my-custom\') || is_page(\'blog\') ) { ?>
        <li class="current_page_item">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </li>
    <?php } else { ?>
        <li class="tab">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </li>
    <?php } ?>
    </ul>
<?php
}
使用“| |”符号创建菜单确实是一种更简洁的方法。虽然我猜你会想列出你所有的页面,无论你是否在那一页上。。。我将让您编写该功能。尝试使用for或foreach循环列出所有页面。

希望这有帮助。

如果您使用的是WordPress的wp\\u list\\u pages功能,那么当您使用某个post\\u类型时,您可以使用类似的方式突出显示选项卡:

// this highlights the "Sermons" tab when I\'m on a post type of "sermon_post"
// just set the get_post_type and $page->ID values accordingly
function my_page_css_class( $css_class, $page ) {
    global $post;
    if ( get_post_type() == \'sermon_post\' && $page->ID == \'11\' ) {
        $css_class[] = \'current_page_item\';
    }
    return $css_class;
}
add_filter( \'page_css_class\', \'my_page_css_class\', 10, 2 );

SO网友:abrudtkuhl

如果您使用WordPress菜单系统,它将向活动菜单项添加一个“活动”CSS类。如果您想扩展wp\\u nav\\u菜单输出的内容,可以通过参数或自定义Walker类轻松地对其进行自定义。

结束

相关推荐

使用GET_TEMPLATE_PART发布格式Single-loop.php

我已设置为使用标准之外的post格式库和视频。我正在编辑循环单。php为每个帖子格式提供不同的布局,但我要为每个帖子格式包含get\\u template\\u部分。这就是我所拥有的:<?php /** * The loop that displays a single post. * * The loop displays the posts and the post content. See * http://codex.wordpress.or

具有自定义POST类型的动态菜单 - 小码农CODE - 行之有效找到问题解决它

具有自定义POST类型的动态菜单

时间:2012-02-02 作者:user5486

我想创建一个动态菜单,其中混合了静态页面和自定义post类型归档,将一个类“current”应用于当前选项卡。下面的示例使用1)设置为主页的静态页面2)静态页面3)自定义帖子类型存档4)博客内容的静态页面。

试图从我以前的菜单中编辑代码,但不起作用。如果有任何帮助,我将不胜感激!

谢谢

<ul>
<li<?php if ( is_front_page() ) { echo \' class="current"\'; } ?>><a href="/">Home</a></li>
<li<?php if ( is_page(\'my-page\') { echo \' class="current"\'; } ?>><a href="/my-page/">My Page</a></li>
<li<?php if ( is_post_type_archive(\'my-custom\') && is_single()) { echo \' class="current"\'; } ?>><a href="/my-custom/">My Custom Posts</a></li>
<li<?php if ( is_page(\'blog\') { echo \' class="current"\'; } ?>><a href="/blog/">Blog</a></li>
</ul>

2 个回复
SO网友:Caleb

因此,我认为您是在问如何动态突出显示您当前所在页面的选项卡。我在最近的网站项目中做了这样的事情,因为我需要在自定义帖子类型时突出显示某个选项卡。

以下是一些可用于网站的代码:

function custom_tab_highlighting() { 
    global $post;
    ?>
    <ul>
    <?php if( is_front_page() || is_page(\'my-page\') || is_post_type_archive(\'my-custom\') || is_page(\'blog\') ) { ?>
        <li class="current_page_item">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </li>
    <?php } else { ?>
        <li class="tab">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </li>
    <?php } ?>
    </ul>
<?php
}
使用“| |”符号创建菜单确实是一种更简洁的方法。虽然我猜你会想列出你所有的页面,无论你是否在那一页上。。。我将让您编写该功能。尝试使用for或foreach循环列出所有页面。

希望这有帮助。

如果您使用的是WordPress的wp\\u list\\u pages功能,那么当您使用某个post\\u类型时,您可以使用类似的方式突出显示选项卡:

// this highlights the "Sermons" tab when I\'m on a post type of "sermon_post"
// just set the get_post_type and $page->ID values accordingly
function my_page_css_class( $css_class, $page ) {
    global $post;
    if ( get_post_type() == \'sermon_post\' && $page->ID == \'11\' ) {
        $css_class[] = \'current_page_item\';
    }
    return $css_class;
}
add_filter( \'page_css_class\', \'my_page_css_class\', 10, 2 );

SO网友:abrudtkuhl

如果您使用WordPress菜单系统,它将向活动菜单项添加一个“活动”CSS类。如果您想扩展wp\\u nav\\u菜单输出的内容,可以通过参数或自定义Walker类轻松地对其进行自定义。

相关推荐

如何将Java脚本添加到Custom-Page.php模板?

如何将javascript添加到自定义页面。php模板?如何使从w3schools ajax教程获得的以下javascript在自定义页面上工作。php模板?任何帮助都将不胜感激。工作javascript包含在以下HTML中:<!DOCTYPE html> <html> <style> table,th,td { border : 1px solid black; border-collapse: collapse;&#x