I’m so happy after this great update!
I have a question regarding the implementation of sharing buttons.
Only sharing by email and whatsapp I used the following code which is generated by sharingbuttons.io/:
What a coincidence… Last night, I was playing with SVGs and discovered the fill attribute.
If you add fill="white" fill-opacity="1" stroke-opacity="1", it will show up. I added width and height attributes as well. I’m on a dark background. If you’re on a light backgrounds, then you want to use a dark color for the svg symbols:
what do you mean by easy? How are you adding them now? It they are only in albums, adding the code to the album template is probably the easiest way.
If you need them on all pages, then using phplugins is probably the way to go.
It doesn’t look like they are working as you need them to. The What’sApp button goes to an error page. The email button just opens an email with a link to sharingbuttons.io
At some point, I’ll need to add share-button support to Kookaburra. I’ve never actually written code for sharing to WhatsApp. I’ll need to look into that.
Hi Rod, hi Matt, hi Ben, hi Daniel,
i would like to bundle three topics into one idea:
menu behavior
tabs
sharing button
Since subsub menus are too much clicking, I came up with the idea to work with tabs. I found it on Daniels website, who has already implemented it. But it was also important to me to be able to assign a link to every single tab. I was able to set this up with the help of “https://codepen.io/vadimkor/pen/eVRQGL” on my test page.
Another need is to make these tabs also accessible, I found an example for this here: Demo: Accessible CSS-driven Tabs | dfkaye.com (but not linkable)
another thing is that a visitor of my website should have the possibility to share a certain information - e.g. a tab - to share with someone else through share buttons like email and whatsapp.
Interesting project. Not useful to us as is, due to it’s dependencies on jQuery and Font Awesome, but I can’t probably use it as reference material as some point.
Hi,
In Kookaburra page template, I have included a CSS stylesheet with the codes above mentioned in this post (in advance setpup), but without success. Could you explained in more details for someone who is not familiar with web coding? Thanks in advance .
The html posted above needs to go into the page content. That can be done either through phplugins or in the page or album template.
Are you doing that?
If you can include a link to a page where things aren’t working of as expected, that always helps with troubleshooting.
Yes i created a css with the following code: (.resp-sharing-button__icon svg {
width: auto;
height: auto;
vertical-align: middle;
padding-right: 10px;
}
and put the code in the page content of an album …???
belongs in your custom css file. The rest of what you have there now isn’t css.
CSS provides styling for existing page elements. So you also need to add the sharing button code (posted by Oliver (@volvoxturbo) at the beginning of this topic) to the page itself, not through the custom css file.
There are a couple different ways to do this. If this sharing button is to go only in albums, you could add the html to the album template copy. This would put the button in the copy area of the album page.
If you need the button elsewhere on the page, that might be done with phplugins, depending on where you want to put it. The Kookaburra phplugins hooks are not yet as numerous as those for Pangolin.
If you want the share button on every page, then phplugins is the best way to go. Probably using the footer_top hook. Or maybe add it in the scripts hook and then add css positioning.
Another option is to wait for @Matthew to add the functionality to Kookaburra.