Single-page app look on front page on old theme

  • Hi all.

    Being a beginner I am trying to read first and ask later, but at some point there is too much to read and too less time, so I am trying asking now…

    I administrate a website which is using a WordPress theme. I am trying to modify the landing page for users that are not logged in (those that are in the “else” part if using

    if ( is_user_logged_in() )

    ).

    My goal is to make this landing page for not logged in users to look like a single-page app, without modifying the theme. I need to remove the header and footer which are present in the rest of the website and to implement the single-page feel and look, including scrolling, just on this landing page.

    I would really appreciate some help, at least to know I am on the right path (as in “it’s possible”) and some suggestion on my first steps as well.

    Thank you for your help/time!

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

  • Well you have got the logic right. What you need to do is put all the parts of your them which you need to control inside ifs and elses like:

    if ( is_user_logged_in() )
    ...
) else {
    ...
}

    Of course this cannot work if you are using a caching plugin or a CDN or a caching server, because these will serve cached content regardless of whether the current user is logged in or not.

    Thread Starter adrian.jao

    (@adrianjao)

    First of all, thank you Nevma for your reply.

    Thank you for confirming me that all the logic I need should be included in my “else” statement. I was almost sure about it. This does not resolve my problem entirely, though.

    I need some help to start this. I need to have 6 different “sub-pages” on my first page, all with different backgrounds, pictures, text. I have to take into consideration:

    * it should be responsive (look good on mobile as well)
    * it should have JavaScript (some smooth scroll)
    * it should have a menu to allow the visitor to jump to a sub-page, using the scroll I mentioned, different from the menu that exists when the user is logged in (that’s why I want to remove the header – how do I do this?)

    Any idea on how to achieve all these? I read somewhere that it’s not really easy to make JavaScript work smoothly with WordPress.

    I must say again that I’ve just started with WordPress. I am trying to catch up, but probably I search in the wrong places…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Single-page app look on front page on old theme’ is closed to new replies.