Personal and business homepage designs

  • kancaoglu

    (@kancaoglu)


    6 months ago

    Hello everyone,
    I have a question.
    I want to create the home page in two sections, personal and business, like some sites do. There should be another home page for personal and another page for business. I want to change this with a ‘change button’ in the header or top section.
    I thought about creating two different home pages and different subpages specific to those pages, but I couldn’t figure out how to change it to “Personal and Business” from the home page.
    I would appreciate if someone with knowledge or previous experience could help me.

    Thanks in advance.
    Serhat

    • This topic was modified 6 months ago by kancaoglu.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @kancaoglu ,
    Hope you are doing well,
    I understand your requirement and I suggested that you create one main page called main-homepage which will use like front-page then create two sub-pages one is personal and one is business then use the ACF plugin and create a field in main-homepage which will display two links one for personal and one for business then add links of the personal and business page in main-homepage, now create one-template names called main-homepage inside that template add code for ACF fields to display on frontend and also add design for two links that’s it you can see two links on your homepage you can click and it will go to personal and business is this what you want or you want different please let me know we are happy to help you.

    Thread Starter kancaoglu

    (@kancaoglu)

    Hello,
    I am sending two sample pictures attached.
    My preference is like the first picture, but if not, it can be like the second picture.

    I am sending two sample pictures attached. 
My preference is like the first picture, but if not, it can be like the second picture.
If the example you gave is correct, can you explain in more detail?

    1) https://ibb.co/rdsNVn2
    2) https://ibb.co/C6TvwL6

    So you want to load the section content without page refresh so first you have to set the design using tabs from Bootstrap then you have to make it dynamic using the ACF plugin.

    For tabs:- https://getbootstrap.com/docs/5.0/components/navs-tabs/#javascript-behavior
    you can use Bootstrap tabs.

    also, check this guide for more understanding of how can you use Bootstrap.
    https://www.elegantthemes.com/blog/wordpress/how-to-use-bootstrap-in-wordpress

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Personal and business homepage designs’ is closed to new replies.