Custom modular pages layout solution

  • I have been in wordpress dev business for more than a year, made few themes for some friends but one question always pops in my head when I see a PSD template:
    How to deal with multiple dynamic custom layouts ?

    Lets say for a sake of example I have two pages About Us, Contact

    About us:
    https://i.stack.imgur.com/FWZJg.png
    Simple 3 column layout.

    Contact:

    Has a more complex layout (I put something together for an example):
    https://i.stack.imgur.com/zd540.png
    All these textboxes have to be dynamic by dynamic I mean changeable.
    Problem?

    How do you approach this kind of modular design?

    I can think of 2 solutions:

    1st Page builder

    Using something as SiteOrigin Page Builder. Make a pre-built template for elements
    .
    2nd Custom fields

    Make a lot of custom field that will show when page-template == page (page-tample == about-us), and then get the certain fields with get_field().

    So for example above contact us we would have 3 meta boxes:

    • Column 1
    • Column 2
    • Column 3

    3rd ????

    Is there some other way to solve this problem, and how do you, more advance WP developers approach custom modular template design?

    Sorry for the long post, thanks in advance

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

  • I’m a big big fan of Advanced Custom Fields’ ‘Flexible Content’ field type. (https://www.advancedcustomfields.com/resources/flexible-content/)

    You create each potential ‘row’ as a set of fields, and then create a little template for each one. The user can then construct pages based on templates and fields I define.

    I find it the perfect medium between end-user flexibility, and code & design that I control.

    Thread Starter remailic

    (@remailic)

    WOW Jake I was totally unaware of Flexible content you really opened my eyes… I will try it my next project.

    Thank you a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom modular pages layout solution’ is closed to new replies.