Pinterest not seeing images - wordpress

I'm using a Wordpress Theme by Elegantia in combination with NextGen Pro. I'm having an issue - Pinterest does not see any images in the NextGen Gallery.
Pinterest picks up any other images on my side just fine. And it also seems to work fine on NextGen installed on other Wordpress sites. So it seems like there is a conflict between my theme and NextGen.
I contacted NextGen, since I pay them for support, and unfortunately they are being fairly useless.
I tested the issue using sharing plugins, Pinterest's button and also Pinterest Safari extension - same result on all of them.
I also tried turning off all other plugins - made no difference.
I'm trying to figure how to trace down what is causing this issue with NextGen and Pinterest on my site and fix it.
Please let me know if you have any ideas. Thank you.
Here is my link: http://abclandscaping.com/outdoor-living/

I'm not entirely familiar with NextGen Gallery but it looks like it is using Flash to present the images and Pinterest does not play well with Flash. You should look for a Wordpress slideshow plugin that is CSS and Javascript. You might look into BxSlider or Flexslider for Wordpress. I hope this is helpful!

Related

Swiper JS for wordpress

as I already found great help here in the community, I thought I'd post my question here, maybe there'd be somebody who could help me.
I am creating my websites in wordpress and found a great tool for creating an image carousel. As I am more of an intermediate in wordpress and mainly working with plugins, I found the swiper JS plugin in the wordpress plugin directory. It works fine but I have the problem that it won't loop and you can't get to the first and last image of the carousel, it always snaps back to the second and second to last image.
https://wordpress.org/plugins/swiper-js-slider/
This is the one I am using right now.
My question also is how I can use the Swiper JS in wordpress without using the plugin. I want to have it specifically on one page and it should be mobile friendly. All the design that already is on the page should be remain as it is. Would there be a possibility to include the Swiper Js tool even though I am using a wordpress theme?
Thank you so so much, it is really hugely appreciated!
Linda
Only worked with the plugin so far, no css helped...
Using WP custom code.
We assume your words "the plugin" are about that exact SwiperJS plugin.
Have you considered using an iFrame? See lower web links.
An iframe will allow you to add a video, audio, images, etc., so presumably even a slider lands in that category. Try this avenue first to see if it works for your needs. Read about WP iframe use in the links below.
<iframe src="test7.html" width="600" height="300" style="border:1px solid black;" title=""></iframe>
Or...
Other snippet plugin options exist (read developer docs). There are pro/con to some of those options (i.e. time, etc). Read developer resources (from an WP admin perspective) for more ideas.
wordpress iframe
kinsta article
WP developers articles

Wordpress: Totally different theme on Twitter mobile

I have a Wordpress website and I noticed a weird behavior on Twitter. When I post a link on Twitter and tap on it on my iPhone, the website looks totally different. Like a "Reader" view. Nearly no design. And no Google Ads. I don't have that behavior when I do the same on Facebook, or use Twitter on my computer. My Wordpress theme works on the computer and on the phone. It looks a little different, but similar on the phone. As I said, on Twitter/Mobile it looks like no theme at all. I have Jetpack, but mobile theme is off there.
Does anyone have an idea?
OK I figured it out. It was the AMP plugin. Twitter called my link with ".../amp" at the end. Now I have the problem that it can't the page, when the plug in is disabled. But thats ok, perhaps I change the links somehow.

Wordpress website responsive won't show revolution slider on mobile version

I just finished creating this website from a theme I purchased on ThemeForest. It said to be Full-responsive, but somehow it won't display the Slider and the video on mobile, as it does in the desktop version.
I've tried looking at the css file and try to figure what might cause this, but I don't have much experience with #media. The website's address is http://topnotchweddingvideos.com/. I've also went over the documentation for the Revolution Slider and couldn't figure it out. If someone could take a look at it and suggest what I could do would me much appreciated. I don't expect anyone to do the work for me, I'm just trying to get some feedback or ideas.
P.S. It would also be good enough if I could have the video only display before About Us in the mobile version.
Change The theme!!
or reach to developers of the theme. There's problem in theme. i also have used the revolution slider in my wordpress site working 100% in mobile. your Theme is not 100% responsive

Wordpress Themify Responsiveness Issue

I am running a WordPress site using the Themify Basic theme. When I enable the responsive feature, the social links cover my logo and current posts appear before my content, which is seriously hurting my bounce rate.
If I turn it off, it looks awesome, but doesn't pass google mobile friendly tests. Any fix recommendations?
To my understanding this is a common issue with responsive themes.
(I am not super code savvy)
with responsive
without responsive

Trying to Use mediaelement.js alongside infinite-scroll plugin for Wordpress

I'm using Paul Irish's Infinite-Scroll plugin with Wordpress, and I'm also trying to use John Dyer's mediaelement.js plugin with it. Works great on the individual posts, and, oddly enough, no problems on iPhone, but when viewing in Firefox, the audio defaults to a placeholder image of the player, that when you click on it, then turns to an "X" like i'm missing a flashplayer plugin or something. Like I said, I don't have the issue on the individual post pages, just on the index, so I know Firefox can handle the files properly.
I'm sure this has to do with needing to add some javascript in the settings of inifinite scroll to re-initialize mediaelement.js for each new page that is brought in, but I'm at a loss as to what I should add. Any help would be really appreciated. Thank you.
John Dyer was awesome enough to answer this one for me.
$('video').mediaelementplayer()

Resources