What you need that’s you already have prettyPho in your theme (but it’s not using in post images). In my case, i don’t want to use any plugin and i want to integrate it by manually (following the ways below). You can do easy by using a WordPress plugin. There are some ways to do that so the images in your post used to open the lightbox. Lightbox keeps your visitors on blog with great user experience. With the light box effect, your visitors can view the images in a pop-up modal window which help them customize how images are displayed with nice formatting. Or if your them isn’t automatic scale your image, and the image you want to upload that’s quite large then your image able to get cut off or crop a part. Wow, this isn’t good for sure, which leads to lose the reader. They must to hit the back button of browser to back your blog.
As you know your reader taken off your blog and sent to the browser’s file or image viewer. Imagine if you don’t have lightbox for images in your post so when the viewer/reader click on the image inside the post, it is opened in its own window. More details here: prettyPhoto documentation Why we do ?
Fluid image lightbox wp code#
Then you can initialize, use prettyPhoto by using following JS code (you should put it before the closing of body tag): And it’s not only in WordPress but also it’s used on many websites, blog…with different platforms.īasically, for using prettyPhoto you need to add some scripts to your website or blog like the jQuery library, prettyPhoto JS (JavaScript) and the prettyPhoto CSS in the head or footer of the page(s). It is compatible in the most of the browsers (Firefox 3.0+, Google Chrome 10.0+, Internet Explorer 6.0+, Safari 3.1.1+, Opera 9+…).
Fluid image lightbox wp how to#
Most of the WordPress themes are using prettyPhoto for homepage slider, brands logo, features images… We can set up it is easy and quick by a plugin or learn how to integrate it with document guide here. In this artile i will tell you do that by manually and using WP plugin also.Īs you know prettyPhoto is a popular jQuery lightbox which fulfills most needs with showing images, videos, iframes… with popup, slider…(media lightbox).
Today i am going to guide you how to using prettyPhoto (lightbox popup/slider effect) for images in your post (articles).
0 kommentar(er)
