I know a thing or two

About the stuff you're Googling

ShareBar Extended is an add-on I developed for the PageLines Framework theme for WordPress and replaces the default PageLines ShareBar. It adds social sharing icons for Google+, Pinterest, Facebook, Twitter, StumbleUpon, Reddit, Delicious, Digg, LinkedIn, and Email and is configured within the PageLines admin interface.

Appreciate this? Please donate!

This section is FREE. If you are happy I made it and appreciate the time spent, please consider making a donation to my coffee addiction. The PayPal donate button is over there on the right!

Installation

Installing the zip file

First, make sure you have installed and activated the PageLines Sections plugin. This plugin must be activated before any sections will work. Just visit the PageLines Store within your WordPress admin to activate.

Since PageLines has removed the links for Framework add-ons, I have uploaded the file to my site. To install ShareBar Extended for PageLines Framework, first download the ShareBar Extended add-on. Next:

Note: ShareBar Extended is for PageLines Framework only. If you’re looking for a sharing tool for PageLines DMS, check out Share Me.

Choose Where it Displays

Activate the section

After you have installed and activated ShareBar Extended, visit WordPress admin –> PageLines –> Drag&Drop then select “Template Area” and highlight the “Content Area”. The “Content Area Types” which can use the ShareBar Extended section are:

Template (Default, 1, 2, 3, 4, 5)

Blog

Blog Post

Author

Tag

Archive

Category

Search

404 Error

Custom Page

(I don’t know why you’d want a ShareBar on some of these pages but that’s your choice, not mine. 😉 )

Choose the content area type(s) where you want the ShareBar Extended section displayed, then move the ShareBar Extended box to the left side to activate it (see image above). Don’t forget to move the default ShareBar to the right side to deactivate it, if you have one (otherwise you will have two ShareBars).

Set the Options

Set the options

The ShareBar Extended options are located at WordPress admin –> PageLines –> Site Options –> ShareBar Extended. These options allow you to choose which sharing icons will display in the ShareBar, text alignment, icon alignment, the “call to action” text, text font, text font size, and text font color. You can even add ShareBar Extended to your post excerpts!

Note: If you enable all sharing icons while having a narrow-width content area, your ShareBar may wrap to two lines. If this happens, change the Post Footer Social Sharing Text sentence to something a little different. Shortening the sentence by a word or two usually does the trick.

Customizing with CSS

If you’re like me and customize everything with CSS, you may find this information handy.

Change Log

1.0: Initial release.

1.1: PageLines Framework 2.1 update removed the original share bar. This release adds it back in and is updated to work with 2.1. Post Footer Social Sharing Text is now part of this section since it was also removed as part of the framework update. Stylesheet added since the framework update removed padding between icons.

1.2: Code cleanup thanks to Simon @ PageLines.

1.3: Corrected Pinterest URL to properly pass the post title and post URL to the Pinterest description field.

1.31: Pinterest URL fix.

1.5: Major overhaul of the section. Added a separate admin tab located at PageLines -> Settings -> ShareBar Extended in order to avoid conflicts with the default PageLines sharebar. Enabled cloning. Added all new icons. Added share by email option. Added font family (uses GoogleFonts), font size, added font color for sharing text. Also added “float” options to provide positioning options. Also changed internal coding to avoid conflicts with the default PageLines sharebar. You will need to visit the new admin panel to re-save your options.

1.51: Fixed a coding error that I forgot to remove before releasing new version.

1.8: Email sharing now includes post/page title in email subject and post/page url in email body (props Sterling B!).

1.81: Pinterest and Google JavaScripts will now only load in the head of pages when needed, instead of all pages (props Adam!). Font usage is all better now.

Thanks for Stopping By!

If you have any questions, feature requests, or bugs to report, please leave a comment below. And don’t forget, if you’ve found this add-on helpful, please consider making a donation to my coffee addiction. The PayPal donate button is up there on the right.

Author

jenny

I’m a coffee-addicted mom of two insanely active boys. I love football (Go Pack!), cooking, video games, WordPress, and CSS.

78 Responses to "ShareBar Extended for PageLines Framework"

Hi is it possible to buy extended sharebar for pagelines framework at the moment? When i try to add it from the pagelines account within one of my sites i get the following message “Store error, Please use the store on http://www.pagelines.com as we are experiencing difficulties with our IPN.”

TPLDrew I have a new version for DMS. Just waiting on them to get everything fixed so it can go live. Email your PageLines username to developers@pagelines.com and I’ll have it added to your account once it’s live.

Hi Jen, have you had any case of FB and G+ icons not showing on chrome? But showing normally on Safari?
That’s what’s happening since the last upgrade. I remember I had this before, and sort of worked out a solution, which I just saw you asked me about some time ago, but it sort of went out of my worklist, I apologize!

@mmalfatti I haven’t had any issues like that, no. I would guess it’s some sort of javascript conflict with another plugin or add-on on your site. If you can get it to occur on every refresh, then I would start disabling WordPress plugins one by one until you find the bad egg.

Hi – Love the Sharebar extended but when I share using FB from the homepage the text reads

Miss M Make Up | Just another WordPress sitehttp://www.missm-makeup.co.uk/
Hello world!1 ReplyWelcome to WordPress. This is your first post. Edit or delete it, then start blogging! This entry was posted in Uncategorized on April 17, 2013 by MissMAdmin.

It doesn’t do this on any other page and all of the settings included above have been changed. I’ve tried redoing the home page but the problem remains.

Obviously I’d like it to pull the text from the home page.
Suggestions welcome

Hi Tiffany! It sounds like you have a static front page with text that’s kinda hidden. What you’ll need to do is use something like WordPress SEO by Yoast and alter the page title and description as seen by social sites and search engines. This should do the trick. Otherwise, before that, you might want to edit your home page and maybe change the text that’s displaying to what you want Facebook to see. This isn’t anything to do with the plugin really, but rather how Facebook is seeing your site. Hope that helps!

Hi, How do I access the settings for the sharebar? This path WordPress -> PageLines -> Settings -> does not seem to exist! i.e. There is no ‘Settings’ tab under Pagelines within WordPress. Any ideas? thanks…

Hi Jenny,
first of all, congrats for this cool plugin, which I recently purchased.

I’ve been trying to figure it out myself before bothering others, but I can’t seem to get things straight: facebook sharing icon is not showing, and g+ sharing does not appear at all (facebook appears in page source tough).

Any possible reason for this that you can think of? Maybe it’s really obvious, but I can’t solve it.

@mmalfatti Can you tell me the error you found? As you can see above, the Facebook and G+ icons are showing properly and both are functional. This site uses the latest version of PageLines Framework so I can ensure everything is always working correctly.

Hi Richard. I haven’t coded the email link to do anything else at this point other than provide a pop-up window to email. I may add further capability to this at a later date but emailing can be rather tricky and almost an entire plugin on its own. Hopefully I can get some other stuff added though.

@BrunoBasso I don’t have a Jigoshop installation to test but I have used it with Woocommerce which is essentially the same. In the Drag&drop editor, visit the “Content Area” and then look for a “Products” page template. If you add the ShareBar there, it should work just fine.

@Mama-Jen Hi Guys, You can’t add sections to Jigoshop pages – this is the message under ‘Site Options’ with Jigoshop installed:

Jigoshop Instructions.
All pages are handled in their respective page meta settings except the main shop page, as this is an archive it requires a special meta page to control layout.
It is not possible to add sections to the shop or product content areas, you can however add sections to the header/morefoot/footer areas and hide them by default then enable them on the product archive special meta tab.

I’d love to use it too as the built in sharing with Jigoshop is grim and annoyingly ‘old school’ compared to the fabulous Extended Sharebar. Maybe you could include enabling it for the Morefoot in the next revision

@ftwit Have you checked the Drag&Drop section to be sure? Like I said, I don’t have Jigoshop to test on, but using Woocommerce (which is basically the same), I see a “Product” page template as shown in this screenshot: http://i.imgur.com/y6pzJ.png

@Mama-Jen Hi Jen – yes that is exactly what I expected to see but it isn’t there. I left a query on the Paglines forum about moving the sidebars for product pages and these are affected by the Default layout template but there is no adding of sections so what ever is added to the default layout just ends up as the out of the box default configuration on the front end. I wasn’t aware of Woocommerce and selected Jigoshop because of its prominence in the Pagelines store – however, have to say apart from the adding of sections I am loving Jigoshop otherwise.
Thanks for the help.

Hello Jenny, I am really interested in buying and using your sharebar to use on a Buddypress site, specifically on the main activity stream page. Will the ShareBar work on that page? Or is this not compatible with BP?

@mischief_mari Thanks for your comment! I’m honestly not sure if the ShareBar works (or does not work) with BuddyPress, however, I do know that if you have any issues at all, PageLines will gladly refund you for your purchase. Please let me know if you end up purchasing it and the outcome so i can add it to document above. Thanks!

hi jenny, i just bought this and for some reason it shows up in blog template and not under blog post template. when i go to add it to blog post template, it doesn’t show up as a selectable section. it is definitely installed and activated. i’m on the latest version of PL 2.2.2 and WP 3.4.1. am i missing something?

@Mama-JenYES! Thank you!! But now I realize that the blog template (not blog post template) doesn’t have the share bar extended (looks similar but not quite the same in this case) and when I add the extended there, there is a double. How do I remove that one? You can see what I mean here: http://i.imgur.com/WrNuA.png

@td2 If you uncheck the option to show the sharebar in post exceprts, then you won’t have duplicates, however, that may not be what you’re wanting.

Adding the sharebar to the blog page will share that blog page’s url only. Adding the sharebar to post excerpts will share that post’s information. You can have both, or pick one – it’s your choice really.

The post excerpts sharebar does not have text associated with it to remove clutter on the home page. That is why they are different.

@Mama-Jen hi again…i guess i’m confused because I don’t know how to uncheck the option to show the default sharebar in post excerpts…the only options i see to uncheck or check to hide are Hide Posts Info | Hide PostLoop | Hide Post/Page Pagination | Hide ShareBar Extended…you can see by this screenshot here: http://i.imgur.com/rQefX.png

Hi Jenny
I’ve upgraded to 1.62 while I was upgrading to Pagelines 2.2 and I went in to change the icons as I have a set styled for my site but I can’t seem to change the pinterest one (the google one too). Can you advise me on what I need to do.

@Mama-Jen Hi Jenny – Thanks! yes I’m delighted with ShareBar Extended and what it can do – using it in conjunction with styled icons really helps keep the branding on message and the design uncluttered

It turned out I had a typo in the Pinterest icon name – doh! I guess not being able to change the Google one put me on the wrong track.

@ftwit Thanks so much for your compliments! I’m glad you are happy with the section. Maybe someday I can work on adding icon sets to the plugin. Might be a nice feature!

Also, glad you got the Pinterest icon figured out. If if you ever come across someone who has a +1 button that actually works but isn’t the normal Google button, let me know. Of course you can link to your page with any image but the +1 feature.. not so much. :-/

Hi David. I added the ability to add it to the blog page (just sent v1.62 to the store), but I don’t think this will help with your situation.

Have you tried checking the box to add it to post excerpts and seeing if it displays? If it does not, as an alternative, you can copy/paste all of your post html into the excerpt box and then that should work.

@Mama-Jen
Checking the box to add it to post excerpts makes the sharebar appear beneath the title/clip metabar. Plus, all the CSS styling is stripped (i.e. no background color, padding, etc.) This is not my desired layout.

It would be really great to easily display what happens on the blog post page (the page where individual blog posts are shown) on the blog page. The sharebar comes at the end of each post, which makes for an elegant visual break between posts as one scrolls toward the bottom of the blog page.

@JeremyThompson Glad you like it. If you’re talking about in an actual blog post, you can clone the section in Templates but I can’t make it appear under the meta bar; it will appear above the title. Hopefully that will work for you!

Hi Jenny, I just activated your share bar, but i´m not quite sure I understood your the excerpt feature..
What I´m looking for is a way to to have the shares in each excerpt (i.e. on the categories page or even search page) so that anyone reading the excerpt of a post can already share it without having to click through to the entire article first.
Can i do that with your share bar? How? Currently I can only get it to work on any page in the top or bottom position..

@Mama-Jen I have that checked, still does´t show (well only on the top of the page not in each post on i.e. a category list page)..
what i´d like is something like this: <a href=”http://naturalnews.com”> or also like this <a href=”http://apple-blog.dk/pagelines-developer/social-excerpts/”> (though this plugin does´t currently work as sold). Can your plugin do that?

@Mama-Jen I´m just trying to figure out a way to style the blog mode so that I can use your plugin and noticed the following:
The share text from your plugin has completely disappeared, the images are there, text gone. any suggestion?
also, the email icon just opens up an empty email, it does´t have the post title as subject or anything else in it, any way to customize this?
thanks!

@Holimed You may be able to add it using a hook or something (which requires custom PHP code) but I don’t have any plans to add this to the plugin as there simply isn’t enough room to add it to the bottom of magazine style posts. Sorry!

@Mama-Jen Thanks Jenny, deactivated all other related plugins, icons appear on the single post page below post, but not on homepage (blog page with full length posts)….is it possible to move the share bar extended icons to bottom of post on the home page….here’s the url jodyrlanders.com. Thanks, Jay

@jaylorenzen I see what you mean now. The plugin is actually coded to display it after the post excerpt rather than after a full post on a home/blog page. What you can do is copy your entire html and paste it in the excerpt field for you post, then the icons will display after it. I didn’t think about that when I added the option since most people use excerpts, but I’ll see what I can do for a future release.

@yooartuk Hi! Thanks for your comment. I have coded this plugin to have counters disabled so all icons appear the same. if you wish to have a one-off of the plugin, contact me at jenny@simplemama.com and I can provide you with a quote for customizing.