在CSS中突出显示标签:Wordpress主题开发


Highlighting tabs in CSS: Wordpress theme Development

我需要你的帮助我的测试wordpress主题开发自我培训。我想在css中创建类似http://www.countryqueenslandbookkeepers.com.au/的高亮选项卡,我尝试通过在URL中获取page_id的值并将其与帖子ID进行比较,在wordpress中创建类似的选项卡。如果是相等的,那么echo应该是"selected"或者"default"。它工作得很好,但是,当我改变永久链接,如www.mydomain/%postname%/,它不再工作了。

我怎样才能得到值,或者我如何比较/%postname%/,以便我可以将"selected"回显到我的链接?

<?php 
        $all_posts = $wpdb->get_results("SELECT * FROM $wpdb->posts WHERE
                post_type = 'page' AND 
                post_status = 'publish'
                ORDER by ID ASC");  
        foreach ($all_posts as $post):
    ?> 
        <li class="<?php 
                        if($post->ID == $_GET['page_id']){
                            echo"selected";
                        }else{
                            echo "default";
                        }?>">
            <a href="<?php echo $post->guid; ?>"><?php echo $post->post_title; ?></a>
        </li>
    <?php endforeach; ?>    

请使用get_permalink。您传入post id并返回永久链接。也可以查看wordpress.stackexchange.com。像这样的Wordpress代码问题通常在那里得到更好的回答。编码问题在这里做得更好。

     <?php 
     if(get_permalink($post->ID) == currentURL){
           echo"selected";
     }else{
        echo "default";
     }?>">

您需要使用CSS类.current-menu-item,它会自动应用于每个活动菜单项。修改你的style.css相应,你将获得突出显示的效果。请参阅动态菜单突出显示的WordPress指南。