Skip to content

Instantly share code, notes, and snippets.

@TANVIRFAZLEY TANVIRFAZLEY/tab.php

Created Dec 16, 2016
Embed
What would you like to do?
Tab dynamic in wordpress
/*DEMO*/
<div id="tab">
<ul class="nav nav-tabs" role="tablist">
<?php $loop = new WP_Query( array( 'post_type' => 'candidates', 'posts_per_page' => -1 ) ); ?>
<?php
$counter = 0;
while ( $loop->have_posts() ) : $loop->the_post();
$counter++;
?>
<li role="presentation" class="post-<?php the_ID(); ?> <?=($counter == 1) ? 'active' : ''?>"><a href="#post-<?php the_ID(); ?>" aria-controls="home" role="tab" data-toggle="tab"><?php the_title();?></a></li>
<?php endwhile; wp_reset_query(); ?>
</ul>
<div class="tab-content">
<?php
$counter = 0;
$loop = new WP_Query( array( 'post_type' => 'candidates', 'posts_per_page' => -1 ) );
while ( $loop->have_posts() ) : $loop->the_post();
$counter++;
?>
<div role="tabpanel" class="tab-pane <?=($counter == 1) ? 'active' : ''?>" id="post-<?php the_ID(); ?>"><?php the_content();?></div>
<?php endwhile; ?>
</div>
</div>
/****************************************MY CODE**********************************************************/
<div class="col-xs-12 col-sm-8 wow fadeInDown">
<div class="tab-wrap">
<div class="media">
<div class="parrent pull-left">
<ul class="nav nav-tabs nav-stacked">
<?php $loop = new WP_Query( array( 'post_type' => 'tab', 'posts_per_page' => 5 ) ); ?>
<?php
$counter = 0;
while ( $loop->have_posts() ) : $loop->the_post();
$counter++;
?>
<li class="<?=($counter == 1) ? 'active' : ''?>"><a href="#tab<?php the_ID(); ?>" data-toggle="tab"><?php the_title();?></a></li>
<?php endwhile; wp_reset_query(); ?>
</ul>
</div>
<div class="parrent media-body">
<div class="tab-content">
<?php
$counter = 0;
$tab_heading_name = get_post_meta($post->ID, '_corlate_tab-name', true);
$loop = new WP_Query( array( 'post_type' => 'tab', 'posts_per_page' => 5 ) );
while ( $loop->have_posts() ) : $loop->the_post();
$counter++;
?>
<div class="tab-pane fade <?=($counter == 1) ? 'active in' : ''?>" id="tab<?php the_ID(); ?>">
<div class="media">
<?php if(has_post_thumbnail()):?>
<div class="pull-left">
<?php the_post_thumbnail('tab_thumb', array('class' => 'img-responsive')); ?>
</div>
<?php endif;?>
<div class="media-body">
<?php if($tab_heading_name):?>
<h2><?php echo $tab_heading_name; ?></h2>
<?php endif;?>
<?php the_content();?>
</div>
</div>
</div>
<?php endwhile; ?>
</div> <!--/.tab-content-->
</div> <!--/.media-body-->
</div> <!--/.media-->
</div><!--/.tab-wrap-->
</div><!--/.col-sm-6-->
@asufian97

This comment has been minimized.

Copy link

asufian97 commented Nov 18, 2017

vai aktu help lagbe korben?
tab option ta bujtesina

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.