Jump to content
Sign in to follow this  
climbur

Adding items to the header region

Recommended Posts

climbur    0
climbur

I am brand new to PageLines and am using it to build Climbur.com. What's the best way to add in the tagline, ad space and social sharing buttons on my Photoshop design to the header region of my PL site? You can see the PSD file screenshot attached. 

 

Not sure where to start--boxes, banners, etc... 

 

Thanks so much for checking this out and adding your suggestions!

post-49420-0-66396500-1365636063_thumb.p

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Climbr

 

Welcome to Pagelines

 

Looking at your screenshot I would say the easiest option for the tag line and ad space would be the premium business branding plugin. This has options to add an advert code and additional text into the header and helps if you're not comfortable with custom coding. If you do know custom code, then you can add the add space and the tag line via a hook into the header.

 

For the social icons area, I would say use a contentbox (which is a free section available from the Pagelines store - it's a blank container) and then add to it the share icons embedded into sections using the Pagelines grid shortcodes found here - http://demo.pagelines.me/tools/

 

You will have to use css to color the different boxes and add the bottom borders within each column once it's all set up.


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
climbur    0
climbur

Thanks for checking this out James. 

 

So I went to the store and got the contentbox installed, but where do I find it to add it to a page/template? Will anything in those boxes automatically be responsive? Like, say I use the official Twitter follow button off Twitter's site and embed it in a contentbox... will the box resize around the button and keep it centered? 

 

Also, on the business branding plugin... I don't see anything in the description about an ad area... but you think it's there for sure? I just don't want to spend the $15 and not have it work.

 

Alternatively, if I just used hooks... how could I go about adding my own box to the right of the logo (on the right side of the header)?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi again

 

Check out - http://pagelines.ellenjanemoore.com/business-branding/ see the screenshot for adding code and images. You can put in your html/image for the advert in there.

 

Contentbox will show up as a new drag and drop section in the drag and drop page. You set the content for each box in the page meta settings. The contentbox will act responsively, if you set the button up to be center aligned it will stay center aligned when the site resizes.

 

If you were to use hooks you can put the code in using the hooker plugin, or directly into the functions.php of a child theme. For full details on how to use the hook, see - http://support.pagelines.me/docs/customization/hooks/


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
catrina    103
catrina

If you have installed a section and it says the destination folder exists, please access your WordPress files via FTP (either through your hosting provider’s control panel or an FTP application) and navigate to wp-content/plugins/pagelines-sections. Once you’re there, delete the folder contentbox and then go back to your WP Dashboard > PageLines > Store and install the contentbox section again. It should install successfully this time.


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
climbur    0
climbur

I just saw that James said that the contentbox content is set in EACH PAGE's meta settings. This actually doesn't work then for the solution I am after... I really need a contentbox that I can set template wide in the header underneath the branding where I can put some permanent facebook and twitter buttons --> as the original screenshot shows. Any help on how I can make that happen?

 

Hi again

 

Check out - http://pagelines.ellenjanemoore.com/business-branding/ see the screenshot for adding code and images. You can put in your html/image for the advert in there.

 

Contentbox will show up as a new drag and drop section in the drag and drop page. You set the content for each box in the page meta settings. The contentbox will act responsively, if you set the button up to be center aligned it will stay center aligned when the site resizes.

 

If you were to use hooks you can put the code in using the hooker plugin, or directly into the functions.php of a child theme. For full details on how to use the hook, see - http://support.pagelines.me/docs/customization/hooks/

Share this post


Link to post
Share on other sites
James B    436
James B

Hi again, you can also set the contentbox up in the sitewide defaults in Pagelines>page options>sitewide defaults. They'll be a tab for the contentbox.

 

http://screencast.com/t/pdZMu0mt3x8


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
climbur    0
climbur

Great. Thanks man. So... do I need a separate content box for each button? Or would the contentbox just be the wrapper that I could create some divs in to hold the content? If the latter... is there anything else special I need to do to make the divs resize (and the content within them) with the contentbox wrapper?

Share this post


Link to post
Share on other sites
James B    436
James B

If you use the grid shortcodes inside the contentbox, examples here - http://demo.pagelines.me/tools/ they will act responsively. Its like creating columns inside the contentbox


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

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

    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking
      Cheers
    • Le Chef Est Une Femme
      By Le Chef Est Une Femme+
      Hey everyone
      I am very sorry if this question has a "deja vu"  taste but I have been looking for more than 2 hours a way to add a phone number in the top right corner of my header website.
      Before asking that, I have read many of the questions related to that subject, from hooks and action map to function.php and hooker plugin but I am very lost. Plus many links kindly given by some of you are now 404 pages
      Is there anyone willing to help me find the easiest way to add this number please ? 
      In advance, thank you 
      www.upgrad.paris
×