Как реализовать так header?

223

29 июня 2018, 14:30

как можно вставить и подтянуть элемент влево

<?php
// @package weston
global $woocommerce;
$header_position              = get_theme_mod( 'weston_header_position', 'header-top' );
$slide_bg                     = get_theme_mod( 'weston_slide_panel_background' );
$header_color_scheme          = get_theme_mod( 'weston_header_color_scheme' );
$show_header_search           = get_theme_mod( 'weston_enable_header_search' );
$show_slide_panel             = get_theme_mod( 'weston_enable_slide_panel' );
$header_layout                = get_theme_mod( 'weston_header_top_layout', 'inline-header' );
$mobile_breakpoint               = intval(get_theme_mod( 'weston_mobile_header_breakpoint', 768 ));
//Grab the metabox values
$header_class = "";
$header_body_class = "";
if(!is_archive() && !is_search()) {
    $id = get_the_ID();
    $header_hide = get_post_meta( $id, '_weston_header_hide', true );
    $header_transparent_bg = get_post_meta( $id, '_weston_header_transparent_bg', true );
    $header_color_scheme_metabox = get_post_meta( $id, '_weston_header_color_scheme', true );
    $header_color_scheme = ($header_color_scheme != $header_color_scheme_metabox) ? $header_color_scheme_metabox : $header_color_scheme;
    if($header_transparent_bg == "yes"){ $header_class .= "transparent is-transparent "; $header_body_class = "has-transparent-header";}
    $header_class .= $header_color_scheme;
}
if($woocommerce){
    if( is_shop() || is_product_category() ) {
        $id = get_option( 'woocommerce_shop_page_id' );
        $header_hide = get_post_meta( $id, '_weston_header_hide', true );
        $header_transparent_bg = get_post_meta( $id, '_weston_header_transparent_bg', true );
        $header_color_scheme_metabox = get_post_meta( $id, '_weston_header_color_scheme', true );
        $header_color_scheme = ($header_color_scheme != $header_color_scheme_metabox) ? $header_color_scheme_metabox : $header_color_scheme;
        if($header_transparent_bg == "yes"){ $header_class .= "transparent is-transparent "; $header_body_class = "has-transparent-header";}
        $header_class .= $header_color_scheme;
    }
}

?>
<!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="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <?php wp_head(); ?>
</head>
<body <?php body_class($header_body_class); ?> data-mobile-breakpoint="<?php echo $mobile_breakpoint; ?>">
    <?php weston_loader(); ?>
    <?php weston_scroll_to_top(); ?>

<div id="site-wrap">
<div id="main-container">
            <?php if(!isset($header_hide) || $header_hide != "yes") { ?>
            <header id="site-header" class="<?php echo $header_class; ?>">
                <?php if($show_header_search == "yes") { ?>
                <div id="header-search" class="header-search">
                    <div class="inside">
                        <div class="form-wrap">
                        <form role="search" method="get" id="searchform" class="searchform clear" action="<?php echo esc_url( home_url( '/' ) ); ?>">
                            <?php $search_text = __("Type and press enter to search.", "weston"); ?>
                            <input type="text" placeholder="<?php echo $search_text; ?>" name="s" id="s" />
                            <span id="search-toggle-close" class="search-toggle right close" data-target="header-search" ></span>
                        </form>
                        </div>
                    </div>
                </div>
                <?php } ?>
                <div class="inside logo-and-nav clearfix">
                    <?php $logo_default = get_theme_mod( 'weston_logo_top' ); ?>
                    <?php $logo_head_tag = ( is_front_page() ) ? "h1" : "h2"; ?>
                    <?php $ttrust_logo_top = ($header_color_scheme == "light") ? get_theme_mod( 'weston_logo_top_light' ) : get_theme_mod( 'weston_logo_top' ); ?>
                    <?php $ttrust_logo_sticky = get_theme_mod( 'weston_logo_sticky' ); ?>
                    <div id="logo" class="logo <?php if($ttrust_logo_sticky) echo 'has-sticky-logo'; ?>">
                    <?php if( $ttrust_logo_top ) { ?>
                        <<?php echo $logo_head_tag; ?> class="site-title"><a href="<?php bloginfo('url'); ?>"><img src="<?php echo $ttrust_logo_top; ?>" alt="<?php bloginfo('name'); ?>" /></a></<?php echo $logo_head_tag; ?>>
                    <?php } else { ?>
                        <<?php echo $logo_head_tag; ?> class="site-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></<?php echo $logo_head_tag; ?>>
                    <?php } ?>
                    <?php if( $ttrust_logo_sticky ) { ?>
                        <<?php echo $logo_head_tag; ?> class="site-title sticky"><a href="<?php bloginfo('url'); ?>"><img src="<?php echo $ttrust_logo_sticky; ?>" alt="<?php bloginfo('name'); ?>" /></a></<?php echo $logo_head_tag; ?>>
                    <?php } else { ?>
                        <<?php echo $logo_head_tag; ?> class="site-title sticky"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></<?php echo $logo_head_tag; ?>>
                    <?php } ?>
                    </div>
                    <div id="logo-mobile" class="logo mobile">
                    <?php if( $logo_default ) { ?>
                        <<?php echo $logo_head_tag; ?> class="site-title"><a href="<?php bloginfo('url'); ?>"><img src="<?php echo $logo_default; ?>" alt="<?php bloginfo('name'); ?>" /></a></<?php echo $logo_head_tag; ?>>
                    <?php } else { ?>
                        <<?php echo $logo_head_tag; ?> class="site-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></<?php echo $logo_head_tag; ?>>
                    <?php } ?>
                    </div>
                    <?php if($header_layout=="split-header inline-header"){?>
                    <div class="main-nav left clearfix">
                    <?php wp_nav_menu( array(
                        'container'         => 'nav',
                        'container_id'      => 'left-menu',
                        'menu_class'        => 'main-navigation sf-menu clear',
                        'theme_location'    => 'left',
                        'fallback_cb'       => 'weston_main_nav',
                        'menu' => get_post_meta( $id, '_weston_header_menu_left', true)
                    ) ); ?>
                    </div>
                    <?php } ?>
                    <div class="nav-holder">
                        <div class="main-nav clearfix">
                        <?php wp_nav_menu( array(
                            'container'         => 'nav',
                            'container_id'      => 'main-menu',
                            'menu_class'        => 'main-navigation sf-menu clear',
                            'theme_location'    => 'primary',
                            'fallback_cb'       => 'weston_main_nav',
                            'menu' => get_post_meta( $id, '_weston_header_menu_main', true)
                        ) ); ?>
                        </div>
                        <div class="secondary-nav clearfix">
                            <?php if($woocommerce) { ?>
                            <a class="cart-icon right open" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'weston'); ?>">
                            <?php if($woocommerce->cart->cart_contents_count > 0){?>
                            <span class="cart-count"><?php echo $woocommerce->cart->cart_contents_count; ?></span>
                            <?php } ?>
                            </a>
                            <?php } ?>
                            <?php if($show_header_search == "yes") { ?>
                            <span id="search-toggle-open" class="search-toggle right open" data-target="header-search" ></span>
                            <?php } ?>
                            <?php if($show_slide_panel == "yes") { ?>
                            <span id="menu-toggle-open" class="menu-toggle right open slide <?php if($show_slide_panel == "yes") echo 'constant'; ?>" data-target="slide-menu" ></span>
                            <?php } ?>
                        </div>
                        <div class="hamburger hamburger--spin right" >
                          <span class="hamburger-box">
                            <span class="hamburger-inner"></span>
                          </span>
                        </div>
                    </div>
                </div>
            </header><!-- #site-header -->
            <?php if(!isset($header_hide) || $header_hide != "yes") { ?>
            <!-- Slide Panel -->
            <div id="slide-panel-holder" class="<?php if($show_slide_panel == "yes") echo 'constant'; ?>" >
            <div id="slide-panel">
                <div class="hidden-scroll">
                    <div class="inner <?php if(has_nav_menu('slide_panel_mobile')) echo 'has-mobile-menu'; ?>">
                        <?php wp_nav_menu( array(
                            'container'         => 'nav',
                            'container_id'      => 'slide-main-menu',
                            'menu_class'        => 'collapse sidebar',
                            'theme_location'    => 'slide_panel',
                            'fallback_cb'       => 'weston_slide_nav'
                        ) ); ?>
                        <?php wp_nav_menu( array(
                            'container'         => 'nav',
                            'container_id'      => 'slide-mobile-menu',
                            'menu_class'        => 'collapse sidebar',
                            'theme_location'    => 'slide_panel_mobile',
                            'fallback_cb'       => 'weston_slide_nav',
                            'menu' => get_post_meta( $id, '_weston_header_menu_mobile', true)
                        ) ); ?>
                        <?php if ( is_active_sidebar( 'slide_panel' ) ) : ?>
                            <div class="widget-area desktop" role="complementary">
                                <?php dynamic_sidebar( 'slide_panel' ); ?>
                            </div><!-- .widget-area-desktop -->
                        <?php endif; ?>
                        <?php if ( is_active_sidebar( 'slide_panel_mobile' ) ) : ?>
                            <div class="widget-area mobile" role="complementary">
                                <?php dynamic_sidebar( 'slide_panel_mobile' ); ?>
                            </div><!-- .widget-area-mobile -->
                        <?php endif; ?>
                    </div><!-- .inner -->
                </div>
                <span id="menu-toggle-close" class="menu-toggle right close slide" data-target="slide-panel"><span></span></span>
            </div><!-- /slide-panel-->
            </div>
            <?php } ?>
            <?php } ?>
    <div id="middle">

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Все mysql запросы в одном файле php. Правильно ли?

Обычно, я прописываю все необходимые запросы в одном файле - functionsphp

259

PHP

Не приходит url запрос

У меня есть скрипт проверки оплатыВ случаи успешной проверки должно прийти сообщение на e-mail

211

PHP

Как работать с gulp на хостинге

Я загрузил сайт на laravel на хостинг через ftp, но у меня там много вещей сделанных во vueРанее, чтобы эти вещи обновлять, мне приходилось прописывать...

185

PHP

PHP STDIN: чтение кириллицы из командной строки

Пишу в целях самообучения чат на php в консоли windowsСтолкнулся со следующим: при чтении из потока ввода командной строки win10 и последующем выводе...

285