Masonry Effect
Permalink Browser Info Environment
Hi there!
Is there any possibility that you could add a masonry effect template to this add-on? My current client is very keen on their tweets being displayed in this way through pages on their websites, and on their previous sites I have used the Easy Social Feed add-on so it has not been a problem.
However, recent changes at Twitter now mean you have to apply for a developer account to be able to get the access keys, and weeks later waiting for the account to be verified, the add-on does not seen to be able to render the tweets properly anymore, probably because of the changes they have made at Twitter (Twitter apps setup before the change still seem to be running ok for now but I am guessing not for long). I have put in a support request but it seems the developer has been awol for some time and I don’t see a fix appearing any time soon, if at all.
This is very frustrating as I do a few primary school websites and they usually have a main Twitter account and then one for each class, and they LOVE the masonry effect on the class pages!
Anyway, it would be brilliant if we could use your add-on with the masonry effect and simplicity of setting up the connection.
I can only ask I guess!
Thanks,
Steve.
Is there any possibility that you could add a masonry effect template to this add-on? My current client is very keen on their tweets being displayed in this way through pages on their websites, and on their previous sites I have used the Easy Social Feed add-on so it has not been a problem.
However, recent changes at Twitter now mean you have to apply for a developer account to be able to get the access keys, and weeks later waiting for the account to be verified, the add-on does not seen to be able to render the tweets properly anymore, probably because of the changes they have made at Twitter (Twitter apps setup before the change still seem to be running ok for now but I am guessing not for long). I have put in a support request but it seems the developer has been awol for some time and I don’t see a fix appearing any time soon, if at all.
This is very frustrating as I do a few primary school websites and they usually have a main Twitter account and then one for each class, and they LOVE the masonry effect on the class pages!
Anyway, it would be brilliant if we could use your add-on with the masonry effect and simplicity of setting up the connection.
I can only ask I guess!
Thanks,
Steve.
| Type: | Discussion |
|---|---|
| Status: | On Hold |
Hi! I was just wondering if there might be an answer to this? Or if anyone knows if there is a way to customise to do this?
Hi StevieB,
I apologize for not answering the original question. For some reason I did not see the notification.
It looks like this could possibly be done. In the JavaScript that creates the Twitter feed (Twitter-Post-Fetcher), there is a "dataOnly" setting that when true would make the script return an array of JavaScript objects instead of HTML. You could then loop over the array and create your own custom HTML and classes needed to use Masonry.js. When calling the scripts, Masonry.js would need to be called only after twitterFetcher.fetch() had returned the array, otherwise it wouldn't do anything.
https://github.com/jasonmayes/Twitter-Post-Fetcher/blob/0fc7eea025fc...
I apologize for not answering the original question. For some reason I did not see the notification.
It looks like this could possibly be done. In the JavaScript that creates the Twitter feed (Twitter-Post-Fetcher), there is a "dataOnly" setting that when true would make the script return an array of JavaScript objects instead of HTML. You could then loop over the array and create your own custom HTML and classes needed to use Masonry.js. When calling the scripts, Masonry.js would need to be called only after twitterFetcher.fetch() had returned the array, otherwise it wouldn't do anything.
https://github.com/jasonmayes/Twitter-Post-Fetcher/blob/0fc7eea025fc...
Hi MrKDilkington,
Thanks for your reply, and no worries about not replying straight away, it wasn’t urgent, but I look after a number of primary school websites and they just love that look with their class Twitter feeds. Unfortunately, because of the fact you need a Developer account to use the other add-on now it is impossible as each school has a separate Twitter feed for each class!
I will give this a try (not totally code savvy) and see how it works out, but it would be great if it was something included with the add-on in the future if that was at all possible.
I will let you know how I get on!
Steve.
Thanks for your reply, and no worries about not replying straight away, it wasn’t urgent, but I look after a number of primary school websites and they just love that look with their class Twitter feeds. Unfortunately, because of the fact you need a Developer account to use the other add-on now it is impossible as each school has a separate Twitter feed for each class!
I will give this a try (not totally code savvy) and see how it works out, but it would be great if it was something included with the add-on in the future if that was at all possible.
I will let you know how I get on!
Steve.
@StevieB
I can put it on a potential todo list for this block.
I can put it on a potential todo list for this block.
If you mean like on Pinterest?
I have used this addon with CSS (less) like this to achieve it:
I have used this addon with CSS (less) like this to achieve it:
#twitter-feed-name { padding: 30px 0; ul { column-count: 3; column-gap: 20px; li { display: inline-block } } }
Hi madesimplemedia,
Thanks for that, I’m going to give this a go, pretty sure I can’t mess it up too much hahaha.
Steve.
Thanks for that, I’m going to give this a go, pretty sure I can’t mess it up too much hahaha.
Steve.