Mini Shell
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'ai-news' ); ?></a>
<?php
$show_social_icon = get_theme_mod('ai-news_left_header_social_icon_display',true);
$facebook_url = get_theme_mod('ai_news_social_icon_fb_url',true);
$twitter_url = get_theme_mod('ai_news_social_icon_twitter_url',true);
$youtube_url = get_theme_mod('ai_news_social_icon_youtube_url',true);
$googleplus_url = get_theme_mod('ai_news_social_icon_google_url',true);
$instagram_url = get_theme_mod('ai_news_social_icon_instagram_url',true);
$social_icon_target = get_theme_mod('ai_news_social_icon_target_display',true);
$show_header_menu = get_theme_mod('ai_news_header_menu_display',true);
$ai_news_enable_sticky=get_theme_mod('ai_news_sticky_menu_enable',true);
$ai_news_nav_class='';
$has_header_image = has_header_image();
?>
<header class="wp-header">
<div class="wp-topbar" <?php if (!empty($has_header_image)) { ?> style="background-image: url(<?php echo esc_url(header_image()); ?>); background-size: cover;" <?php } ?>>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4">
<?php if($show_social_icon) { ?>
<div class="topbar-left">
<ul class="social-area">
<?php if($facebook_url != '#' && $facebook_url != "") { ?>
<li><a href="<?php echo esc_url($facebook_url); ?>" <?php if($social_icon_target) { ?> target="_blank" <?php } ?> ><i class="fa fa-facebook"></i></a></li>
<?php } ?>
<?php if($twitter_url != '#' && $twitter_url != "") { ?>
<li><a href="<?php echo esc_url($twitter_url); ?>" <?php if($social_icon_target) { ?> target="_blank" <?php } ?> ><i class="fa fa-twitter"></i></a></li>
<?php } ?>
<?php if($youtube_url != '#' && $youtube_url != "") { ?>
<li><a href="<?php echo esc_url($youtube_url); ?>" <?php if($social_icon_target) { ?> target="_blank" <?php } ?> ><i class="fa fa-youtube-play"></i></a></li>
<?php } ?>
<?php if($instagram_url != '#' && $instagram_url != "") { ?>
<li><a href="<?php echo esc_url($instagram_url); ?>" <?php if($social_icon_target) { ?> target="_blank" <?php } ?> ><i class="fa fa-instagram"></i></a></li>
<?php } ?>
</ul>
</div>
<?php } ?>
</div>
<div class="col-lg-4">
<div class="logo-area">
<?php
the_custom_logo();
if ( is_front_page() && is_home() ) :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$ai_news_description = get_bloginfo( 'description', 'display' );
if ( $ai_news_description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo esc_html($ai_news_description); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
<?php endif; ?>
</div>
</div>
<div class="col-lg-4">
<div class="topbar-right">
<?php
if ($show_header_menu && has_nav_menu('topbar-menu')) :
wp_nav_menu(
array(
'theme_location' => 'topbar-menu',
'menu_id' => 'topbar-menu',
)
);
endif;
?>
</div>
</div>
</div>
</div>
</div>
<!-- Start Navbar Area -->
<?php if($ai_news_enable_sticky==true){
$ai_news_nav_class .= 'ai-news-sticky';
}?>
<div class="navbar-area <?php echo esc_attr($ai_news_nav_class);?>">
<!-- Menu For Desktop Device -->
<div class="main-nav">
<nav id="site-navigation" class="ai-news-main-navigation" role="navigation" aria-label="<?php esc_html__('Primary', 'ai-news')?>">
<div class="wrapper">
<?php
if ( has_nav_menu( 'primary-menu' ) ) {
?>
<button type="button" class="ai-news-menu-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<?php
wp_nav_menu( array(
'theme_location' => 'primary-menu',
'menu_id' => 'primary-menu',
'menu_class' => 'nav-menu',
) );
}
else{
echo '<a href="' . esc_url( admin_url( 'nav-menus.php' ) ) . '" class="nav-link" title="' . esc_attr__( 'Add a menu', 'ai-news' ) . '">' . esc_html__( 'Add A Menu', 'ai-news' ) . '</a>';
}
?>
</div><!-- .wrapper -->
</nav><!-- #site-navigation -->
<a class="skip-link-menu-end-skip" href="javascript:void(0)"></a>
</div>
</div>
</header>