team member shortcode with visual composer
team member shortcode:-
=================================================================================================
html code:
...................
<div class="team-member">
<div class="team-image"><img src="images/team/4.jpg" alt=""></div>
<div class="team-info">
<h3>Arya Stark</h3><span>Founder and CEO</span>
</div>
<div class="team-social">
<ul>
<li><a href="#" target="blank"><i class="ti-facebook"></i></a></li>
<li><a href="#" target="blank"><i class="ti-twitter-alt"></i></a></li>
<li><a href="#" target="blank"><i class="ti-linkedin"></i></a></li>
<li><a href="#" target="blank"><i class="ti-instagram"></i></a></li>
<li><a href="#" target="blank"><i class="ti-dribbble"></i></a></li>
</ul>
</div>
</div>
........................
<?php
function commet_team($one, $two){
$commet = shortcode_atts([
't-img' =>' ',
't-name' =>' ',
't-deg' =>' ',
't-fb' =>' ',
't-twi' =>' ',
't-linked' =>' ',
't-insa' =>' ',
't-dri' =>' ',
], $one);
ob_start();
?>
<div class="team-member">
<div class="team-image"><img src="<?php
$teamimg = wp_get_attachment_image_src($commet['t-img'], 'large');
echo $teamimg[0];
?>" alt=""></div>
<div class="team-info">
<h3><?php echo $commet['t-name']; ?></h3><span><?php echo $commet['t-deg']; ?></span>
</div>
<div class="team-social">
<ul>
<li><a href="<?php echo $commet['t-fb']; ?>" target="blank"><i class="ti-facebook"></i></a></li>
<li><a href="<?php echo $commet['t-twi']; ?>" target="blank"><i class="ti-twitter-alt"></i></a></li>
<li><a href="<?php echo $commet['t-linked']; ?>" target="blank"><i class="ti-linkedin"></i></a></li>
<li><a href="<?php echo $commet['t-insa']; ?>" target="blank"><i class="ti-instagram"></i></a></li>
<li><a href="<?php echo $commet['t-dri']; ?>" target="blank"><i class="ti-dribbble"></i></a></li>
</ul>
</div>
</div>
<?php
return ob_get_clean();
}
add_shortcode('commet_team', 'commet_team');
vc_map([
'name' =>'Commet Team Member',
'base' =>'commet_team',
'icon' =>get_template_directory_uri(). '/images/cat.png',
'description' =>'Commet Custom box',
'params' =>[
[
'param_name' => 't-img',
'type' =>'attach_image',
'heading' =>'Member Image',
],
[
'param_name' => 't-name',
'type' =>'textfield',
'heading' =>'Member Name',
],
[
'param_name' => 't-deg',
'type' =>'textfield',
'heading' =>'Member Designation',
],
[
'param_name' => 't-fb',
'type' =>'textfield',
'heading' =>'Facebook',
],
[
'param_name' => 't-twi',
'type' =>'textfield',
'heading' =>'twitter',
],
[
'param_name' => 't-linked',
'type' =>'textfield',
'heading' =>'Linkedin',
],
[
'param_name' => 't-insa',
'type' =>'textfield',
'heading' =>'Instagram',
],
[
'param_name' => 't-dri',
'type' =>'textfield',
'heading' =>'Dribble',
],
],
]);
?>
............................................
No comments