HOWTO: Simple Bootstrap 4 WordPress Gallery

If you are looking for a simple way to have your WordPress inserted galleries use the Bootstrap 4 layout – look no further. Just drop this code into your theme’s functions.php file and any WordPress gallery you insert when selecting media ([ gallery ids=”” ]) will then use the Bootstrap layout.

Code Needed for the WordPress Gallery

 * Bootstrap 4 gallery
add_filter( 'post_gallery', 'lucidity_bootstrap_gallery', 10, 2);
function lucidity_bootstrap_gallery( $output = '', $atts, $instance ) {
    if (strlen($atts['columns']) < 1) $columns = 3;
    else $columns = $atts['columns'];
    $images = explode(',', $atts['ids']);
    // Set the # of columns you would like
    if ( $columns < 1 || $columns > 12 ) $columns == 3;
    $col_class = 'col-lg-' . 12/$columns;
    $output = '<div class="row text-center text-lg-left gallery">';
    $i = 0;
    foreach ( $images as $key => $value ) {
        $image_attributes = wp_get_attachment_image_src( $value, 'thumbnail');
        $output .= '
            <div class="'.$col_class.'">
              <a data-gallery="gallery" href="'.esc_url($image_attributes[0]).'" class="d-block mb-4 h-100">
                    <img src="'.esc_url($image_attributes[0]).'" alt="" class="img-fluid img-thumbnail">
    $output .= '</div>';
    return $output;

A few things to note:

  1. This example uses the image size “thumbnail”. If you want to use something different – you can change that here on this line: $image_attributes = wp_get_attachment_image_src( $value, ‘thumbnail’);
  2. This example uses 3 columns. Depending on the size of your images – you may also what to change that. You can make the change by changing the two references to “3” in the code above ($columns == 3, $columns = 3)

You can see the gallery in action here:

SDAC Theme: Lucidity Catalog 2.1 Is Available

Lucidity Catalog Theme

Our commercial theme – Lucidity Catalog is now available. This release is a complete re-write and takes advantage of a number of WordPress 2.9+ features. Creating a catalog of items (music, art, etc) into a catalog just got easier.

All catalog items are completely separate from your posts and pages. There are also custom widgets that help display your catalog items in hierarchal list (by item type), a tag cloud, and a custom catalog only search. If you are looking to offer a quick to set up and maintain catalog – check out Lucidity Catalog.

Changes Include:

  • Lucidity Catalog is now a child theme of Lucidity.
  • Catalog uses custom post types, custom taxonomies, featured images, and custom fields.
  • The admin panel has been completely re-vamped and simplified all while giving users more custom options to further customize their catalogs.

SDAC Theme: Lucidity 2.1 Is Available

Lucidity Theme

Our commercial theme – Lucidity just got updated and Lucidity 2.1 is now available for purchase/download.

In preparation for the release of two other Lucidity based themes (updated Lucidity Catalog and soon to debut Lucidity Mobile) we decided to make a few updates to the core framework to make sure we had everything simplified, in place and lined up.

Stay tuned in the next week for the release of the other two Lucidity based themes – as they are both in testing mode now.

Changes include:

  1. Simplifying the theme admin options (front and backend) and moving the theme options under Appearance (where it should go).
  2. We added in localization so the theme can be easily translated into other languages
  3. Moved to using the comment_form() function
  4. Made some minor layout changes
  5. Made sure it passed the Theme review standards (using Theme Check

Lucidity 2.0 WordPress Theme Released

We rebuilt this theme from the ground up while keeping the same goals in mind that we had for Lucidity’s original release: ease of use, customizable, and fun. We added in a ton of new features, cleaned up the admin, and give you much more customization options.


This new version is full of features to make your site customizable.

  • Use WordPress menus for your header navigation (drop down menus are also available by default)
  • Show/Hide Search in the navigation bar
  • Manage Ads (ROS/Home) for the leaderboard and two sidebar ads (widgets)
  • Define custom meta tags for easy site verification (without touching the theme code)
  • Choose your site colors/font
  • Show your social network links so your visitors can stay connected
  • Auto re-direct your feeds to your Feedburner account
  • Easily add in your Analytic code (Google/Quantcast) (without touching the theme code)



Lucidity 2.0 requires WordPress 3.0+


See Lucidity in action at:


The theme also supports threaded comments and sidebar widgets by default. Lucidity is a great theme for all levels of users and will continually be developed to add more features and additional functionality.


Support is available at the SDAC Inc. Forums.


Buy Lucidity WordPress theme now

Lucidity and Lucidity Catalog Updated to 1.1

Our commercial WordPress themes Lucidity (see demo), and Lucidity Catalog (see demo) have been updated to version 1.1. This update includes more customizations and easier admin options.

You can now easily change the font without touching any CSS at all by simply selecting one of eight pre-defined options in the admin.

Select Your Font

Select Your Font

You can also now easily select your site colors using a color picker. Simply point and click your way to new site colors!

Select Your Colors

Select Your Colors

We have also added more social networking site options so you can show off more of your sites (Technorati, LinkedIn, YouTube, and StumbleUpon)

You can purchase Lucidity for $50.00 or Lucidity Catalog for $75.00.

Why Lucidity?

I have personally created over 100 WordPress themes for friends, family, and clients over the last 4-5 years. Over this time – I have been working on a “starter” theme which would allow me to have something to use for each new theme I create, all while giving the users the most easy way to control their content and everything about their site.

I finally did so by developing Lucidity – a commercial WordPress theme. This theme is great for people who want to control colors, add in their analytics code, their social network links, and just start blogging. Changing background colors, link colors, etc is as easy as copying and pasting in color codes into the admin.

This theme is also great for developers as well because if offers a solid start at theme development – with the customizable options for their clients on top of everything else.

All the code is cleanly written and not overcomplicated so it is a great theme to use or simply learn from.

You can test drive the site: Lucidity Demo Site, and also purchase it as well.

We will continue to develop the theme and use our user’s feedback to make it even better.

If you have any questions or comments – feel free to leave them here or in the forums.

Lucidity Catalog WordPress Theme

Lucidity Catalog Theme

Lucidity Catalog Theme

Lucidity Catalog is an easy to use, intuitive WordPress theme that is highly customizable by any level of user. Lucidity Catalog has all the functions and features of Lucidity – with the addition of a “catalog” feature. Lucidity Catalog is perfect for people that are looking for an easy to use, set up, and maintain catalog on their blog within their content management system. This theme also supports threaded comments and sidebar widgets by default.

Simplicity is King

Sometimes setting up a eCommerce site or plugin is over the top, too complicated, or just too involved for people. With Lucidity Catalog – you can easily set up your own catalog or store using WordPress categories and a few custom fields. You can offer a store on your web site in a matter of minutes by following these simple five steps:

  1. Create Your Store or Catalog Category. Create a category within WordPress that you want to use for your store or catalog. You can just use one master category or you can create sub categories as well to offer several “types” of products.
    Create the Category

    Create the Category

  2. Select your Store or Catalog Category. Go to the Lucidity Catalog Settings and choose your category.
    Select Your Category

    Select Your Category

  3. Create a Post Announcing or Highlighting Your Product. Create a post that highlights your product and add in the extra information that will be used for the store or catalog view.
    Create a Post

    Create a Post

  4. Categorize Your Post/Product. Add your product to either the store or catalog category or one of the sub categories.


  5. Sit Back and Enjoy. Simply view your store or catalog category and you will see everything dynamically put into place as soon as you add a new post within that category.

You can see this in action by checking out the demo catalog: or by seeing a customized version:


Support is available at the SDAC Inc. Forums


You can demo this theme:


This theme is available for purchase: Buy Theme ($75.00)

*This theme is licensed under the GPL license.

Lucidity WordPress Theme

Lucidity Theme

Lucidity Theme

Lucidity is an easy to use, intuitive WordPress theme that is highly customizable by any level of user. Lucidity is perfect for people that are looking for a minimal clean lines layout with minimal code for fast page loads all while having the ability to control content and layout using the admin. This theme also supports threaded comments and sidebar widgets by default.

Take Control!

After building over one hundred custom WordPress themes – we decided to put together something that the majority of our clients wanted: the ability to control basic settings like colors, fonts, adding external code, etc to their site without having to touch the templates, know CSS, or mess with the .htaccess file.

Changing The Appearance is Fun!

We all love options. With Lucidity – you can easily change the look and feel of your site by selecting one of the several options available in the admin.

Simply select the font you want to use on your site in the drop down menu, save the selection, and reload your site to see the changes.


Choose Your Font

Choose Your Font

Now you can customize your site – with your own preferences without having to know CSS or pay a designer to change it for you.


Changing colors is something that most people love to do, but get frustrated with CSS. With the easy to use point and click color picker – simply point to the color you want, save the option and your web site will use the newly selected color.

Control Appearance

Control Appearance

Say goodbye to editing the CSS file and looking up the color codes for the colors you want to use.

Feedburner Is Easy

If you use Feedburner – you can copy and paste your custom Feedburner URL into the Feedburner field and all your readers who want to subscribe to your RSS feed will be directed to your Feedburner URL.

Add Feedburner Code

Add Feedburner Code

No more need to edit your .htaccess file, add a plugin, or do anything more than a simple copy and paste.

Follow Me With My Social Network Links

If you are like most people – you want to share your social networking site links like your LinkedIn Profile, your Facebook page, and your Twitter feed. With Lucidity – you can easily do so by copying and pasting your social networking sites into the admin.

Add Your Links/Icons

Add Your Links/Icons

Show all your sites easily in the header of your site without having to upload images, edit template files, or add in any other special code.

Stats Please

Companies like Google and Quantcast make it easy to track your web site’s stats. Simply copy and paste the code they give you into the admin and it will be automatically be added to each page, post, attachment, etc page in your site.

Add Analytic Code

Add Analytic Code

No plugins or messing with templates required.


Support is available at the SDAC Inc. Forums


You can demo this theme:


This theme is available for purchase: Buy Theme ($50.00)

Looking for a simple catalog solution? Check out our Lucidity Catalog Theme.