One Page Theme Development Structure


(cfx) #6

What about navbar management on the homepage itself?


(Chris Carr) #7

Just add a title to the field(s), generate some IDs and link them up in the navbar.


(Kalen Johnson) #8

Yup I’ve done that. Every flexible content field can be given a title, and you can generate an ID with that title, and have it hyperlinked automatically.


(cfx) #9

Thanks @chriscarr and @kalenjohnson, I’ve gone with the Flexible Content Field method and it’s working smoothly! Cheers!


(Tibor Paulsch) #10

I’m currently working on a (Roots) project using ACF’s flexible content fields, and I was also trying to figure out what would be the best way to automate the navigation. Could you explain a little more on how to achive this? Maybe a code sample?

Thanks in advance!


(Nate Wright) #11

Just curious, but how are you one-pagers handling all the extra page/post URLs that are generated, since these can weaken the SEO or lead to random pages being indexed by search engines? Are you just 301’ing everything to the index page in the htaccess file or is there a better trick for handling this with WordPress?


(cfx) #12

@TiborP and @NateWr both good questions. I smell a blog post I can squeeze out of this. Will write one up and post a link here when it’s published!


(cfx) #13

@TiborP and @NateWr, hot off the press: http://cfxdesign.com/one-page-wordpress-theme-workflows/


(Tibor Paulsch) #14

Awesome! Thanks for sharing!


(Kalen Johnson) #15

Awesome, thanks cfx, I look forward to reading it


(Nate Wright) #16

Thanks @cfx. All of those approaches look like they’d work with a client, where I can hold their hand through the setup process. I’ve actually used the Pages as Sections approach.

But I’d be hesitant to release a product on any of these models, as they seem like a kind of convoluted user workflow. I wonder how all those TF themes do it?


(cfx) #17

@NateWr that’s a good question. I’ve never purchased a one page TF theme. I suspect they may use a combination of page builders and an options framework…

Maybe someone who has purchased one can answer?


(Tibor Paulsch) #18

I recently got to see the Corsa theme, which used sections as a CPT. It wasn’t quite obvious how to sort those, but it turned out it ordering was depending on the order of a menu in the Menu settings. I did not find it very intuitive, nor user friendly, even for more experienced WP content managers. As a matter of fact: I was asked to have look at it because a less experienced user of it could not make her website look like the demo :smile:

Having said that; once you know how to do it, it does work well.


(cfx) #19

Interesting, thanks for sharing! It’s always tough at first when managing content for a certain page isn’t quite semantic, i.e. when you have to manage content on the home page anywhere but the home page edit screen.


(Tibor Paulsch) #20

@cfx For now I think I’ll go with suggestion no. 3 in your blogpost BTW :slight_smile:

I’ve had very positive client feedback introducing ACF’s flexible content fields so far.


(cfx) #21

Cool, glad you found it useful!


(Leland Fiegel) #22

Coming out of left field here but…is using something other than WordPress an option?

For a one page site, I’ve heard this is recommended: https://github.com/craig552uk/SingleCMS

It’s free and open source, although it looks like it hasn’t been updated in two years. The owner is looking for a new owner according to the readme.

I haven’t used either of these, but Perch or Kirby seem to be viable options. They’re not free, but the price is about what you’d pay for a one-page theme from ThemeForest.


(cfx) #23

@leland: no, you can’t.


(Kalen Johnson) #24

It’s unpossible…


(xool) #25

Here’s my 2 cents with flexible fields.

I created a flexible templates folder and added each flexible fields php file/template to it (have a custom template that calls them). That way i can update the modules and add to the fields in time and also use on other websites and new projects.
I have a separate less file for the fields such as class for module color (i can use variables from my roots theme for example the brand-primary color) so i have a lot of flexibility with everything.

Works like Visual composer, but better! As there is a lot more clean code with it and no bloat.

The only thing i have to do is to pull everything together (custom fields setting json file, templates etc.) into a plugin so it can be easily updated for future projects. Anyone done anything like that? Got any tips or starter points for it?