This topic has 16 replies, 3 voices, and was last updated 5 years by Radu.

  • Author
  • #199473
     alexlii
    Participant

    Hello,

     

    I know there is a option to hide header when create a new page.

     

    But I would like to hide all of theme header on our site, and replace the site header with our custom design by a shortcode, I mean site widely.

     

    Would you please let me hide site widely hide theme header, and where I can input a shortcode or html codes of our custom design for whole site?

     

    Thanks so much.

    Alex

    #199560
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #199615
     Radu
    Moderator

    Hi,

    Just copy the header.php file from parent theme to child wp-content/themes/kleo-child/

    Child theme needs to be installed and activated.

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #200699
     alexlii
    Participant

    Hi,

    I am using Kleo in our multisite, so it is in used in several subsites.

    In this case, it will change all of header menu design of all of subsites please?

    Thanks

    Alex

    #200816
     Radu
    Moderator

    Yes, if you don’t need that

    Wrap the content of the header.php into a condition like this

    COPY CODE
    
        if(get_current_blog_id() == '1') {
            //header content here
        }
    

    So the header will be run only for the blog with id 1

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #200918
     alexlii
    Participant

    Hi Radu,

    Greatly thanks, I am trying to input a custom header menus built by Hype (https://tumult.com), so that it could show most great animation style.

    And here is my test process, but it show a white page, I understand this might be out of your support, so your support here are highly appreciated:

    1# I upload Hype test menu resource to wordpress project directory, and I can access it, and please check at: https://lovcour.com/hype%20menu/topics_menu/topics_menu.html

    2# here is the content of topics_menu.html file:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <meta http-equiv=”X-UA-Compatible” content=”chrome=1,IE=edge” />
    <title>topics_menu</title>
    <style>
    html {
    height:100%;
    }
    body {
    background-color:#FFFFFF;
    margin:0;
    height:100%;
    }
    </style>
    <!– copy these lines to your document head: –>

    <meta name=”viewport” content=”user-scalable=yes, width=900″ />
    <link href=’https://fonts.googleapis.com/css?family=PT+Sans&subset=latin&#8217; rel=’stylesheet’ type=’text/css’>

    <!– end copy –>
    </head>
    <body>
    <!– copy these lines to your document: –>

    <script type=”text/javascript” charset=”utf-8″ src=”topics_menu.hyperesources/topicsmenu_hype_generated_script.js?83225″></script>

    <!– end copy –>

    <!– text content for search engines: –>

    PROFESSIONAL LEADERSHIP
    CRITICAL THINKING
    SELF – AWARENESS
    REFLECTIVE PRACTICE
    MY CAREER GAME PLAN
    CREATION OF PROFESSIONAL PORTFOLIO
    ACADEMIC SUCCESS STRATEGIES
    THE FUTURE OF WORK
    THRIVING IN CHAOS
    THE ART OF PERSUASION

    <!– end text content: –>

    </body>
    </html>

    3# I copied the following lines into header.php:

    <script type=”text/javascript” charset=”utf-8″ src=”topics_menu.hyperesources/topicsmenu_hype_generated_script.js?83225″></script>

    4# the final header.php content as below:

    <?php
    /**
    * The Header for our theme
    *
    * Displays all of the <head> section and everything up till

    *
    * @package WordPress
    * @subpackage Kleo
    * @since Kleo 1.0
    */
    /* For wp-activate.php page */
    if ( defined( ‘WP_INSTALLING’ ) && WP_INSTALLING == true && ! function_exists( ‘kleo_setup’ ) ) {
    require_once dirname( __FILE__ ) . ‘/functions.php’;
    }
    ?><!DOCTYPE html>
    <!–[if lt IE 7]>
    <html class=”no-js lt-ie9 lt-ie8 lt-ie7″ <?php language_attributes(); ?>><![endif]–>
    <!–[if IE 7]>
    <html class=”no-js lt-ie9 lt-ie8″ <?php language_attributes(); ?>><![endif]–>
    <!–[if IE 8]>
    <html class=”no-js lt-ie9″ <?php language_attributes(); ?>><![endif]–>
    <!–[if IE 9]>
    <html class=”no-js lt-ie10″ <?php language_attributes(); ?>><![endif]–>
    <!–[if gt IE 9]><!–>
    <html class=”no-js” <?php language_attributes(); ?>>
    <!–<![endif]–>
    <head>
    <meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE”/>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <link rel=”profile” href=”http://gmpg.org/xfn/11″&gt;
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”>

    <!– Fav and touch icons –>
    <?php if ( sq_option_url( ‘favicon’ ) ) { ?>
    <link rel=”shortcut icon” href=”<?php echo sq_option_url( ‘favicon’ ); ?>”>
    <?php } ?>
    <?php if ( sq_option_url( ‘apple57’ ) ) { ?>
    <link rel=”apple-touch-icon-precomposed” href=”<?php echo sq_option_url( ‘apple57’ ); ?>”>
    <?php } ?>
    <?php if ( sq_option_url( ‘apple72’ ) ) { ?>
    <link rel=”apple-touch-icon-precomposed” sizes=”72×72″ href=”<?php echo sq_option_url( ‘apple72’ ); ?>”>
    <?php } ?>
    <?php if ( sq_option_url( ‘apple114’ ) ) { ?>
    <link rel=”apple-touch-icon-precomposed” sizes=”114×114″ href=”<?php echo sq_option_url( ‘apple114’ ); ?>”>
    <?php } ?>
    <?php if ( sq_option_url( ‘apple144’ ) ) { ?>
    <link rel=”apple-touch-icon-precomposed” sizes=”144×144″ href=”<?php echo sq_option_url( ‘apple144’ ); ?>”>
    <?php } ?>

    <!– HTML5 shim, for IE6-8 support of HTML5 elements –>
    <!–[if lt IE 9]>
    <script src=”<?php echo get_template_directory_uri(); ?>/assets/js/html5shiv.js”></script>
    <![endif]–>

    <!–[if IE 7]>
    <link rel=”stylesheet” href=”<?php echo get_template_directory_uri(); ?>/assets/css/fontello-ie7.css”>
    <![endif]–>

    <?php
    if ( function_exists( ‘bp_is_active’ ) ) {
    bp_head();
    }
    ?>

    <?php wp_head(); ?>
    </head>

    <?php
    /***************************************************
    * :: Some header customizations
    ***************************************************/

    $site_style = sq_option( ‘site_style’, ‘wide’ ) == ‘boxed’ ? ‘ page-boxed’ : ”;
    $site_style = apply_filters( ‘kleo_site_style’, $site_style );
    ?>

    <body <?php body_class(); ?> <?php kleo_schema_org_markup(); ?>>

    <?php do_action( ‘kleo_after_body’ ); ?>

    <!– PAGE LAYOUT
    ================================================ –>
    <!–Attributes–>

    “>

    <!– HEADER SECTION
    ================================================ –>
    <?php
    /**
    * Header section
    *
    * @hooked kleo_show_header
    */
    do_action( ‘kleo_header’ );
    ?>

    <!– MAIN SECTION
    ================================================ –>

    <?php
    /**
    * Hook into this action if you want to display something before any Main content
    */
    do_action( ‘kleo_before_main’ );

    if(get_current_blog_id() == ‘2’) {

    <script type=”text/javascript” charset=”utf-8″ src=”topics_menu.hyperesources/topicsmenu_hype_generated_script.js?83225″></script>

    }

    ———————–

    Would you please let me know what is wrong with my contest please?

    Thanks so much.

    Alex

    #200919
     alexlii
    Participant

    Sorry, I copied these line into header.php:

    <script type=”text/javascript” charset=”utf-8″ src=”topics_menu.hyperesources/topicsmenu_hype_generated_script.js?83225″></script>
    #200920
     alexlii
    Participant

    Oh, really sorry, these lines:

    <script type=”text/javascript” charset=”utf-8″ src=”topics_menu.hyperesources/topicsmenu_hype_generated_script.js?83225″></script>

    and please check the attached topics_menu.html

    Attachments:
    You must be logged in to view attached files.
    #201243
     Radu
    Moderator

    Hi,

    The white page it’s shown because there it’s a error or something similar in your written code.

    Other method that you can try it’s to comment do action kleo header and to add below echo do shortcode your code

    Handling the files require basic html and php knowledge.

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #201525
     alexlii
    Participant

    Other method that you can try it’s to comment do action kleo header and to add below echo do shortcode your code

    Hi Radu,

    Thanks, I can upload the menu project by Hype official wordpress plugin:https://wordpress.org/plugins/tumult-hype-animations/

    and I can use those animations by shortcode in wordpress, and all of animation project works well.

    My question is how to use this method with the one you send me last time please:

    COPY CODE
    
        if(get_current_blog_id() == '1') {
            //header content here
        }

    I mean I need set different custom Animation menu for different Blog ID by using Hype shortcode in your method.

    Thanks so much, and have a nice day.

    Alex

    #201569
     Radu
    Moderator

    Hi,

    Just see the screenshot

    In the header.php copied in child theme ( wp-content/themes/kleo-child/header.php )
    Duplicate that condition and inside it run your plugin shortcode by the blog id.

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #201593
     alexlii
    Participant

    Hi Radu,

    Thanks for detailed instructions, and I tried again, but not only the su-bsites which Id were input in Header.php will show white page, but also all of other sub-sites.

    Would you please check the attached Header.php, and let me know what I did wrong please?

    Thanks

    Alex

    Attachments:
    You must be logged in to view attached files.
    #201871
     Radu
    Moderator

    Hi
    You had forgot to add the singlequotes

    Normally it should look like this

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #201958
     alexlii
    Participant

    Hi Radu,

    Thanks for your detailed instruction.

    There will a “Array” show up at the top of all of subsites as per your instructions, and the theme header and menu will dispear, but the custom shortcode header will not show up.

    Please check the screenshot:

    http://prntscr.com/jzdktc

    Attached, please check the header.php, thanks so much.

    Alex

    Attachments:
    You must be logged in to view attached files.
    #202026
     Radu
    Moderator

    Hi,

    Check this

    If i place a shortcode that i have already done there it’s rendered.

    In your case it meaning that it’s not running the shortcode maybe it will print it try to remove the echo orrr ask the plugin author how . you can run their shortcodes directly from php.

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #202299
     alexlii
    Participant

    Hi Rahu,

    Thanks. the right way seems this way:
    '[hypeanimations_anim id="1"]'

    The animation of that shortcode works fine now.

    But if not comment do_action( 'kleo_header' ); the Kleo theme header will still show up at the site which was assigned new custom header, is that right?

    Attached, please check the header file, and check the site at http://www.lovcour.com

    Alex

    Attachments:
    You must be logged in to view attached files.
    #202399
     Radu
    Moderator

    Yes, you want the kleo header to not be displayed ? if yes comment with // this line do_action( ‘kleo_header’ ); if no leave it like that.

    IF other explain

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 17 posts - 1 through 17 (of 17 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?