Uğurlu BİLGİSAYAR
  • Facebook
  • Google+
  • Instagram
  • Twitter
  • RSS
Şimdi Ara: 0 544 811 21 10
0 530 245 61 85
  • Anasayfa
  • Blog
  • Post Grid
    • Post Grid – 2 Columns
    • Post Grid – 3 Columns
    • Post Grid – 4 Columns
    • Post Grid – 5 Columns
  • Sidebar Layouts
    • Full Width Page
    • Sidebar Right
    • Sidebar Left
    • Double Sidebars
    • Double Right Sidebars
    • Double Left Sidebars
  • Sample Layouts
    • Business Homepage #1
    • Business Homepage #2
    • Business Homepage #3
    • Business Homepage #4
    • Classic Magazine #1
    • Classic Magazine #2
    • Design Agency
    • Portfolio Homepage
    • Showcase Blogger
  • Features
    • Bootstrap Integration
    • Contact Forms
    • Footer Options
    • Layout Builder
    • Lightbox Integration
    • Responsive Design
    • Shortcodes
      • Buttons
      • Columns
      • Components
      • Display Posts
      • Image Icons
      • Inline Elements
      • Lightbox
      • Sliders
        • Custom Sliders
        • Gallery Slider
        • Post Sliders
      • Tabs & Toggles
    • Slider Manager
    • Typography
    • Unlimited Sidebars
    • Vector Icon Integration
    • Widgets
  • Page Templates
    • Archives
    • Post List
    • Post Grid
    • Sitemap
    • Redirect
Sitede ara...
  • Home
  • Shortcodes
  • Lightbox

Lightbox

Lightbox Example
[lightbox link="http://yoursite.com/image.jpg" thumb="http://yoursite.com/thumbnail.jpg" title="Lightbox Example" frame="true" icon="image"]
Video Lightbox Example
[lightbox link="https://vimeo.com/11178250" thumb="http://yoursite.com/thumbnail.jpg" title="Video Lightbox Example" frame="true" icon="video"]

Options

Argument Default Description
link (required) None

The full URL of what you want to link to in the lightbox. This can be a link to an image, a YouTube of Vimeo video page, or a Google map embed URL.

Examples:
http://yoursite.com/uploads/image.jpg
http://youtube.com/watch?v=123456
http://vimeo.com/123456
https://maps.google.com/maps?q=London,+United+Kingdom

thumb (required) None The full URL to the thumbnail image that will lead to the lightbox image.
Ex: http://yoursite.com/uploads/image.jpg
title None Title to display in the lightbox popup.
width None The width of the thumbnail image – 70, 70%, etc.
align none Alignment of thumbnail image – none, left, right.
frame true Whether to wrap the thumbnail in a frame – true, false.
icon image When thumbnail is framed, what icon to display when hovered on – image, video.

Note: The default “image” option is generally just a plus symbol, in most themes, which can be used for many different purposes.

class None Optional CSS class for custom styling to append to the <a> tag, or the outer frame, if enabled.
For more information on generating Google Maps URLs, see this article: Quick Tip: Embedding New Google Maps

Lightbox Gallery

When you have several lightbox items on the same page, you can link them into a gallery. This means that when in the lightbox popup, the user can navigate from item to item without leaving the lightbox.

To do this, you can simply wrap multiple instances of the [lightbox] shortcode in the [lightbox_gallery] shortcode.

Lightbox Example
Video Lightbox Example
[raw]
[lightbox_gallery]
[lightbox link="http://yoursite.com/image.jpg" thumb="http://yoursite.com/thumbnail.jpg" title="Lightbox Example" frame="true" icon="image" align="left"]
[lightbox link="https://vimeo.com/11178250" thumb="http://yoursite.com/thumbnail.jpg" title="Video Lightbox Example" frame="true" icon="video" align="left"]
[/lightbox_gallery]
[/raw]

Auto Lightbox

The Auto Lightbox feature will automatically convert images inserted into pages and posts into the [lightbox] shortcode when they link to a lightbox-compatible URL. Note that you can disable this functionality from Settings > Writing > Theme Blvd Shortcodes in your WordPress admin.

This might be one of the most flexible footers you’ve ever seen in a WordPress theme. I’m not gonna lie to you here, but it’s pretty close to pure, outright voodoo magic.

After you’ve installed your Theme Blvd theme, go to Appearance > Theme Options > Layout > Footer and you’ll find something like what you see in the following screenshot. Select your amount of columns and the widths for them all. Then for each column, select your content — Content feed from a page? Content feed from a custom widget area? Or just input some raw content.

This might be one of the most flexible footers you’ve ever seen in a WordPress theme. I’m not gonna lie to you here, but it’s pretty close to pure, outright voodoo magic.

After you’ve installed your Theme Blvd theme, go to Appearance > Theme Options > Layout > Footer and you’ll find something like what you see in the following screenshot. Select your amount of columns and the widths for them all. Then for each column, select your content — Content feed from a page? Content feed from a custom widget area? Or just input some raw content.

This might be one of the most flexible footers you’ve ever seen in a WordPress theme. I’m not gonna lie to you here, but it’s pretty close to pure, outright voodoo magic.

After you’ve installed your Theme Blvd theme, go to Appearance > Theme Options > Layout > Footer and you’ll find something like what you see in the following screenshot. Select your amount of columns and the widths for them all. Then for each column, select your content — Content feed from a page? Content feed from a custom widget area? Or just input some raw content.

This might be one of the most flexible footers you’ve ever seen in a WordPress theme. I’m not gonna lie to you here, but it’s pretty close to pure, outright voodoo magic.

After you’ve installed your Theme Blvd theme, go to Appearance > Theme Options > Layout > Footer and you’ll find something like what you see in the following screenshot. Select your amount of columns and the widths for them all. Then for each column, select your content — Content feed from a page? Content feed from a custom widget area? Or just input some raw content.

(c) 2018 Uğurlu BİLGİSAYAR - NiKo YAPIM tarafından desteklenmektedir, NiKo tarafından tasarlanmıştır.