Jump to content
biklops

Help Me Strategize How To Do A One-Page Website

Recommended Posts

biklops

Hi Pageliners!

I'm designing a one-page website similar to the one I designed here: bayhousenaples.com. I used the Catalyst Wordpress Framework for that site. I chose my layout to be one long column of widgets, then used the 'Page in Widgets' plugin to make the site essentially a long stack of pages. The advantage to that is that each section has a page ID# so I could use CSS to give each section its own look/feel/background.

Now that I've made the switch to Pagelines I'm much happier but not really sure how I'd recreate the above. Can anyone help me strategize how to make a long, one-page website with multiple photo galleries, etc.? Can I put widgets inside different Pagelines sections?

Thank you for helping a beginner get a grasp!

  • Like 1

Share this post


Link to post
Share on other sites
catrina

Thebayhouse.com doesn't exist (I get a blank site). Can you please re-post the link?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
catrina

From browsing the website, you'll definitely need to use the Fixed Nav Bar for the main navigation and use a custom menu (created using Appearance > Menus) to add custom menu item links that use anchor links (links that allow you to navigate within a single page)


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
biklops

Thanks catrina! My main concern is how I would do each section. Would I just clone a bunch of sections and drag them into a stack in the drag and drop layout editor? Will I be able to specify a different background for each section?

Share this post


Link to post
Share on other sites
James B

Hi there, yes you can apply a different bg for each cloned section. They'll all be given a class like .clone_3 etc. Some sections like boxes will actually allow you to chose a class name in the meta settings.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Jason M

biklops - did you figure out how to recreate a site like bayhousenaples in pagelines, yet?  This has become a very popular trend and one that I'm seeing a lot for event design.  I have a client that would like to go down this road all of their conference websites and I'd like to stick with pagelines if possible.

Share this post


Link to post
Share on other sites
Rob

Hi Jason,

 

I'm not sure that you're going to get a reply quickly as this topic is four months old. I'd recommend opening a new topic with specific questions that address your concerns. This way you'll get much more and better attention in a timely manner.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
biklops

Oh I can answer this right away! No problem—

 

I found pagelines to be counter-intuitive and clunky. I tried it twice and have no abandoned it—and I never found a way to do a site like the Bay House—which is why I now use Ultimatum for anything requiring some real design flexibility. I'll keep an eye on Pagelines—some more flexibility and power and a COMPLETE rethinking UX and I could jump back on.

Share this post


Link to post
Share on other sites
Jason M

Thanks for the replies!  I'll also have to check out Ultimatum and also see if this can be done soon with Pagelines.

Share this post


Link to post
Share on other sites
Rob

Jason, I'd still recommend opening a new topic on this subject, with the details of what you're trying to achieve.  Your goals may sound similar, but we've found most times there are differences that we can help with individually. 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • yemoonyah
      By yemoonyah+
      Hi, even though I just got a SSL certificate, I can't get the green padlock to appear due to the following error:
      :A file with an insecure url of "http://yemoonyah.com/wp-content/plugins/pl-section-boxes/check.svg" was loaded via the javascript file: https://yemoonyah.com/wp-includes/js/jquery/jquery.js?ver=1.12.4 on line 3. The insecure URL may not be directly contained in the script file and may exist elsewhere."
      I figured if I delete and re-install the plugin it might fix the problem but will my boxes on the website still be there? Or do I have to redesign everything all over again if I delete the plugin and then re-install it?
    • jdubdigi
      By jdubdigi+
      The blog section from onepage is no longer displaying on the website, it just shows 'content missing'
    • cstudio
      By cstudio
      Hello,
      I need some help!  I am trying to add a Square booking script.  When I add it to a embed section it crashes the page editor and I am unable to save the page version.  I have tried using different browsers with the same result.
       I can add the script on the backend in the word press content area and get it to show and work, but it look terrible.  A page with in a page.  http://www.zoeanastacia.com/booking/.
      I need help getting the page editor to work properly or to make the wp content section to not look like an 90's iframe.
      Thanks
    • jdubdigi
      By jdubdigi+
      Onepage plugin is not working on an iphone. The page does not scroll properly and sections are partially missing, any ideas what the problem could be?
    • oseehys
      By oseehys+
      Hello There,
      So i want to use platform 5 and DMS sections on a single page, i am using a child theme with pinspro as my main theme and i activated platform 5, the only problem am having so far is the fixed option, my navbars are not aligning to their default size, and it will be great if platform 5 header and footer section will function, has anyone used this option, how can i make the best use of platform 5 and DMS on a site
      Cheers
×