Making a simple vertical (column) header.

  • tobiasfeltus

    (@wordpresstobiasfeltuscom)


    7 years, 3 months ago

    Hi,
    I’m working on a very simple theme for a single site, I’m presently trying to move the Header to the left as a simple column with 5 or 6 text links (to pages or categories).

    I have been tinkering with no positive results, and I have found no advice on forums for the subject.

    I don’t recall whether the index.html I have in my theme folder still has any influence on layout, as it is the only document which contains any form of layout that I really understand (though I’ve built some functioning themes, I am at sub-millennial 3-year-old coding level).

    Any advice would be greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)

  • I’m presently trying to move the Header to the left as a simple column with 5 or 6 text links (to pages or categories).

    Repositioning html elements is done via CSS. So you just need to work on the stylesheet. Use a browser’s web dev tool to inspect the elements and move it using CSS.

    I don’t recall whether the index.html I have in my theme folder still has any influence on layout

    WP theme folder doesn’t contain index.html. If one exists, I guess it’s not functioning as part of WP theme, it could be theme’s documentation or something.

    Thread Starter tobiasfeltus

    (@wordpresstobiasfeltuscom)

    Hi P,
    My index.html must be a remnant from the original structuring of the stripped down theme, a few years ago.

    Purely via CSS, I shall have a shot at it this evening.

    Thanks,
    T

    The “index.html” file has no influence upon your layout, there is a table in the docs which shows which and in what order “.php” template files are used.

    This graphic:
    https://developer.www.ads-software.com/files/2014/10/wp-hierarchy-768x404.png
    From this page: https://developer.www.ads-software.com/themes/basics/template-hierarchy/
    Shows what happens.

    What I suggest you do is to adapt one of the well known themes rather than try and create your own. Choose one which can have a LEFT-HAND sidebar and put your links into a widget in this sidebar. Then configure the header to be small and light on content.
    OR use a theme that has widget areas in the header, and put your links there.

    Using the custom CSS in the configurator makes this easier to do than it sounds. You may not even need to go to using a child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making a simple vertical (column) header.’ is closed to new replies.