This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Tagged: 

HTML5 in Header

  • Creator
    Topic
  • #11869
    cybergrazer
    Participant

    Anyone have a good method of installing an HTML5 animation in header.

    I converted swf via swiffy and would like to put in header as logo.
    Many thanks
    Cybergrazer

Viewing 5 replies - 1 through 5 (of 5 total)
  • Author
    Replies
  • #11878
    Jason Bobich
    Keymaster

    Hello,

    For any kind of HTML markup you want to place in your header, you’d simply hook it from your child theme’s functions.php.

    Here’s a video on getting started with a child theme:

    https://vimeo.com/70832266

    Checkout this article if you’re not familiar with how action hooks work in WordPress:

    http://dev.themeblvd.com/tutorial/actions/

    And then find the appropriate action you want to hook to on the map:

    http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

    Here’s an example starting point:

    function my_header_top() {
    	?>
    	your html here ...
    	<?php
    }
    add_action( 'themeblvd_header_top', 'my_header_top' );
    #12102
    cybergrazer
    Participant

    Jason

    Many apologies for not getting back to you sooner.
    I have been extremely busy in my “day” job!
    Your information has been extremely helpful. I’m not quite there….but nearly.

    I wouldn’t have got his far without your esteemable knowledge!

    Best wishes
    Kind regards
    Cybergrazer

    #12108
    cybergrazer
    Participant

    Jason

    I have my html5 running.

    add_action( ‘themeblvd_header_logo_default’, ‘my_header_top’ );
    require_once( get_template_directory() . ‘/framework/themeblvd.php’ );

    However, the HTML5 has split the menu with the post area.

    So I have a menu……………………… then underneath I have my html.

    Ideally the html5 should replace the site title/logo to the far left of the screen at the same height as the social icons.

    Many thanks
    Kind regards
    Graeme

    #12115
    cybergrazer
    Participant

    Changed to ‘themeblvd_header_top’

    I now need to shift the menu down a few pixels.

    Menu and post area still “split” horizontally.

    Best wishes
    Kind regards
    Cybergrazer

    #12119
    Jason Bobich
    Keymaster

    Ideally the html5 should replace the site title/logo to the far left of the screen at the same height as the social icons.

    Utilize the actions map and find the action you want to hook to.

    http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

    function my_header_logo() {
    	?>
    	your html here ...
    	<?php
    }
    remove_all_actions( 'themeblvd_header_logo' );
    add_action( 'themeblvd_header_logo', 'my_header_logo' );

    Please see the articles I linked you to originally. Make sure this is going after the framework is included in your child theme’s functions.php.

    And then after you’ve got your HTML markup in there, then you’re essentially left with CSS customizations. —

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.