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
Related
I've been asked to add a search function to a website. I'm trying this out on a testing site at http://www.somethingchronic.org.uk (the password to view is Entrand0s1).
I've installed a search plugin which works on all pages except the home page. On that page it clashes with the script in the slider plugin and when I tried deactivating the slider plugin I also lost the four large buttons at the bottom of the page which are part of the theme itself. Both the slider plugin and the theme are old but I'm hoping to keep the site going for a little while longer if I can. I asked for advice from the search plugin developer who said it's to do with the slider loading an older version of the jQuery library. I searched on here for jQuery library conflicts - one answer linked to the learn.jquery website with a list of options for avoiding library conflicts. There were a number of options for adding code - I tried adding some of these to the header.php document but each time the site broke completely and truth is I don't know enough about jQuery to know which is the correct piece of code to try. Any advice appreciated - would be great to know if there is a way to get the search plugin to also work on the home page whilst keeping the current slider. Many thanks
I am using the plugin Photo Gallery on my WP site and have a CSS issue with it. Before the gallery is displayed correctly, it is displayed for a split second in a different way.
From what I found out, this is apparently a "FOUC" (Flash of unstyled content) and caused by the plugin's CSS file being loaded too late.
Now I was able to fix it by adding a CSS class (.invisible) to the whole gallery in the plugins php code and setting that class in the wordpress style.css to "display: none;".
In my themes JS I then check if there is a photo gallery on the page and once the according CSS file is loaded, I remove the .invisible class from the gallery, so it is displayed correctly.
I am aware that this is not really a good solution, as the next plugin update will break it.
So my question is: What is a better way to fix an issue like this?
Probably the best bet would be to reach out in the support forums and let the plugin authors know that there is a problem. You already have a working fix for that problem so don't hestitate to show them your solution (but i dont think that hiding the slider is a good solution).
All plugins in the WordPress plugin repository have a support forum on wordpress.org … many plugins also have own websites with some kind of support mechanism (forum, contact form …).
Another solution would be to place the code that fixes the plugin not in the plugin folder itself but in you theme/child theme or a own plugin …
I'd like to have a video banner on my WordPress site pages. I saw the following site (http://pictoryproductions.com/) and they have exactly what I would like to do on my site. However, I'm not sure what plugin they used to accomplish this. Could anyone just point me in the right direction?
I'm fairly new to WordPress, so if anyone can suggest what plugin to use, or if there is functionality already in place in WordPress for this how I can use it to get the effect I want.
UPDATE
As per the requirement to show what has been done so far to achieve the result I want, I have created a PHP page that uses the HTML 5 video tags to embed the video I want, with the PNG overlay. I then embed the page using an iframe tag from within WordPress. The problem is I have to create a new PHP page for each WordPress page I want with this layout when it needs a different video and overlay png image.
Thank you!!!
To avoid an opinionated answer on what I think is the best plugin to use, I just did a simple View Page Source on the site you posted and picked through to find where that video banner is displayed. It references a lot of classes and stuff labeled "mejs" which I think refers to a mediaelement.js plugin found here:
https://wordpress.org/plugins/media-element-html5-video-and-audio-player/
I have searched quite a bit for a solution and can't seem to find anything on this topic so I thought I would reach out to this amazing community.
I will try to provide enough context here so that others may be able to see what is going wrong.
Up till a few days ago I have been able to use the standard pinterest bookmarklet to pin images from my blog's main page (Forged Photography) to pinterest. I tried pinning some images today and realized that it is only finding my header image and none of the other content.
It is a wordpress blog and I have deactivated my plugins and changed my theme to eliminate those aspects as a cause and the behavior still remains.
I have uploaded content in two ways:
Uploaded photos via Wordpress and created galleries
Pinterest bookmarklet only finds the header image and the featured gallery image
Embedding images that are hosted on facebook
I can still pin them if I click on individual pictures but I can't pin from the main page of the blog.
When I used to click the bookmarklet from the main page of my blog it used to pull up all of the images contained in all of the posts and enable me to pin them, now it only finds my header image.
Any ideas on what may have happened or what is preventing the bookmarklet from finding the images?
Well, it isn't the answer that I was looking for but it seems to work out. A nice lady reached out to me on Facebook who was experiencing the same issue, turns out Pinterest won't find images that are under 200px...
Doesn't explain why I was able to pin them in the past but now I can't. I am not crazy about the way the thumbnails look # 200px, any other ideas on how to get around this issue?
Try this:
<img src="smallimage.jpg" data-pin-media="largeimage.jpg" />
The bookmarklet should pick up the image you send in data-pin-media. Also worth trying out: data-pin-url, which will make the bookmarklet pin the URL you suggest rather than the URL of the page you're on right now.
I have googled this and looked across this site and for the life of me cannot find an answer,
I am writing a plugin for wordpress and when I log into the dashboard I can see a collapsable div with content all styled nicely.
When I open my plugin page I don't see the same styles even though the page is very basic.
I have copied the code from the dashboard but it seems as though some of the styles are missing.
I do not need to add custom styles or scripts I just want to load the same css as the dashboard page.
Can anyone tell me where I am going wrong? I assume that the plugin page will adopt the standard admin css, is this assumption wrong?
You don't have to load anything extra for this, just use the correct classes.
You can either look these up in the source, or by using resources as this:
http://www.onextrapixel.com/2009/07/01/how-to-design-and-style-your-wordpress-plugin-admin-panel/