Jump to content
Sign in to follow this  

Trying to get my head around it

Recommended Posts


I am trying to get my head around the whole PageLines framework and not able to get too far. I'm used to coding from scratch HTML/CSS/Javascript or I've delved into PHP with MovableType. I still want to do a lot of customization and coding myself, but i also want to use WP & PL to take care of some of the heavy lifting that a framework provides. I have a really strong suspicion that WP & PL can answer all my prayers. I just need to understand it better.

I've watched the videos on Page Templates and Sections a few times and poked around playing with different layouts and such. But I still struggle trying to understand how to customize my own navbar with its own images. I also can't figure out all the differences between Sections and Templates. But the main thing is assigning the proper sections to a template that does what I want it to do.

With that, I'm going to attach a mockup and try to ask some very simple but dumb newbie questions that will hopefully make it clear for me. The mockup/wireframe shows the navbar I'm after. I have the images cut up, fonts, etc.; you can see I have the logo and the background image and the rest is blank.

Does this make sense to anyone?? Thanks in advance!


Share this post

Link to post
Share on other sites


1. Sections are drag and drop pieces of code that can be moved around your template(s). They're a lot like widgets, only they handle more complex tasks like Javascript, CSS loading, options, etc…

2. If you wish to customise your Navbar, you will need to use custom CSS, especially if you wish to add images.

3. After viewing your Wireframe image, you will need to use or make the following changes via custom code.

Header = Branding section - branding is the only section that contains social icons. However, if you wish to have your Logo/Name and tagline in that style, you will most likely need to use either create a custom section or create a child of the branding section and customise it.

Navigation - Like I mentioned above, you will need to use Custom CSS/HTML to apply images to your navigaiton.

Gradient on either side - Can be applied by using the Content Shadow option in Color Control.

The Posts can be created using your Blog page in Magazine Mode using clips.

The Banners on the right handside can be basic HTML added to a text widget and displayed in your Sidebar.

Like anything there is a learning curve and the best way in my opinion to learn PageLines Framework, is for you to basically have a play with it.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

Thanks Danny! Will read and explore in more detail, but exciting stuff. Looking forward!

Share this post

Link to post
Share on other sites

The topic was marked as resolved.

Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict


Kindly search this 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.

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

Sign in to follow this  

  • 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?
    • cstudio
      By cstudio
      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.
    • DonRicardoRVM
      By DonRicardoRVM+
        First of all, sorry for my bad English.  I am developing an ecommeece with wp, woocommerce, PL5 and quickshop, and I need to do some changes in the simple product grid. I want to change the classes of some divs, but I can't find the templates. 
      Also, I change the grid of the category products pages, but I didn't make it correctly.
      This is the cat archive's: http://globosdemar.com/wp/categoria-producto/camisetas-para-ninos-y-ninas/
      Can you help me?
    • 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
    • poseyg
      By poseyg+
      Could someone explain exactly how the new template sync works or what it is suppose to do?