How to add other pages to existing theme

  • Hi all!

    How am I able to add other pages with an other structure?
    Lets say 1 without sidebars as the homepage has.

    And how am I able to redesign -for example- the header of a theme?

    Thanks ahead! ??

    Rgs, Pieters

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Here’s a handy tool to find which theme a WordPress website is using
    https://whatwpthemeisthat.com/

    Thread Starter Pieters

    (@pieters)

    Hi Andrew, txs.

    It’s not a wordpress theme :/

    I just changed my question a bit…

    ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could write your own CSS styles, within a Child Theme or Custom CSS plugin.

    If you want to create a completely different page structure, you’ll need to use a Child Theme. You copy the original page (template file) from the theme, then paste it into your Child Theme. You can then work on it without compromising your theme and your code.

    You then rename the template file (within your Child Theme) and call it your own name; e.g,

    /*
Template Name: MyNewLayoutPage
*/

    https://codex.www.ads-software.com/Theme_Development#Custom_Page_Templates

    Then, manipulate the elements within that template file.
    Once you’re done, within the dashboard/admin side of the website, assign whichever page you want to that template.

    You may then need to specify CSS to only affect that page, e.g,

    .page-id-743 nav {
 /* Styles go here */
}

    Thread Starter Pieters

    (@pieters)

    Hi Andrew,

    I just made a child theme so nothing will be lost on an update, correct? ??

    The thing is, I would like to add a few new template pages with an other css structure.
    So then I’ll have to go as you explained? Will your line overwrite the available css?

    Other issue, on the homepage I would like to introduce a slideshow in the header. But not sure if I can do this with NGG Galeries. I wouldn’t mind (copy&)paste html hard code from glamour.es. (I like the big arrows, next/prev). Now the question, which option could be best and where to introduce the code?

    Last item… On all pages I want to change the navigation, style & function. Is this a nasty work to do?

    Greets!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I just made a child theme so nothing will be lost on an update, correct? ??

    Only the changes you transfer into the Child Theme will be saved.

    The thing is, I would like to add a few new template pages with an other css structure.
    So then I’ll have to go as you explained?

    Yes, for each page.

    Will your line overwrite the available css?

    If you’re going to create new pages and assign the template files to those pages, those new pages will have different page IDs.
    Page ids are available within the <body> HTML element, when the page loads. You can see what these are by using a Browser Inspector Tool like FireBug.
    Then you can pick these IDs off and use them for CSS.

    The CSS code I exampled is using the page ID, so it will only apply styles to that page and not override pervious styles.

    Other issue, on the homepage I would like to introduce a slideshow in the header.

    These sorts of things can be achieved with slideshow plugins, but I wouldn’t know which is best to recommend. There are many.

    Last item… On all pages I want to change the navigation, style & function. Is this a nasty work to do?

    Sorry, I don’t understand what specifically you want to do. Apply a style to the last menu item?

    Thread Starter Pieters

    (@pieters)

    – On the css issue, so it remains 1 style.css file and in this file have to be added the “ID’s.pages + all changed css” ?

    – The navigation, I would like to change to whole styling. Somewhat like glamour.es has. I could (c&p) hardcode this and update (which?) file. Would this be the way to do this?

    Txs!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    On the css issue, so it remains 1 style.css file ?

    Yes, you can only have 1 style.css file within each theme.

    and in this file have to be added the “ID’s.pages + all changed css”

    Any CSS you’ve added or modified should be within your style.css file of the Child Theme. This safeguards your modifications whence the theme updates. You can also have an easier time de-bugging code, as you can deactivate your Child Theme to see whether problems persist within the original theme (by activating your parent theme).

    The navigation, I would like to change to whole styling.

    This should be achievable by adding styles to your Child Theme stylesheet. There’s nothing wrong with adding CSS.

    Thread Starter Pieters

    (@pieters)

    Ok, doesn’t seem to difficult…

    Thanks for now Andrew, have a nice weekend!!

    Rgs,
    Pieters

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to add other pages to existing theme’ is closed to new replies.