Ben HartLenn

The BW Portfolio plugin is powerful yet lightweight and fast. It allows you to easily add portfolio items in your WordPress Dashboard, and organize them with portfolio tags as well. Then by using a handy shortcode you can display your portfolio items just about anywhere in a nice, responsive css grid that is compatible on many different devices. Has tag filtering built in.
Here is a breakdown of the shortcode options currently available:
<ul>
<li>[bw_portfolio modal_off] >> By default clicking on a portfolio item card loads the full version of the portfolio item in a pop-up modal. Add the modal_off attribute to load portfolio items in your normal theme templates instead.</li>
<li>[bw_portfolio portfolio_title=”Ben’s Portfolio”] >> The portfolio_title attribute allows you to automatically insert a title before your portfolio items grid</li>
<li>[bw_portfolio columns=3] >> By default the bw_portfolio shortcode displays your items in a grid that will load as many items as it can per column, and reduce the number of items per column on smaller screen sizes. You can force the number of columns to be 1, 2, 3, or 4 by using the columns attribute.</li>
<li>[bw_portfolio show_tags] >> Display portfolio item tags on each of the portfolio item cards</li>
<li>[bw_portfolio num_of_words_on_cards=20] >> By default the bw_portfolio shortcode shows the portfolio item content clipped at 15 words on the cards, but you can over ride that number using the num_of_words_on_cards attribute</li>
<li>[bw_portfolio filter_by_tags=”yourtag1, yourothertag”] >> The filter_by_tags attribute allows you to only show portfolio items that have the tags you set</li>
<li>[bw_portfolio portfolio_items=”42, 69, 1111″] >> The portfolio_items attribute accepts a list of portfolio item ID’s, and will only display those portfolio items that you set. Ignores sticky posts automatically.</li>
<li>[bw_portfolio ignore_sticky_posts] >> There might be other times you want to ignore sticky portfolio items in your grid of portfolio items, do so by adding the ignore_sticky_posts attribute</li>
</ul>
If you want to see a new feature please let me know <a href="https://wordpress.org/support/plugin/bw-portfolio/" rel="ugc">in the plugins WordPress support forum.</a>

BW Portfolio

The BW Portfolio plugin allows you to easily add portfolio items in your WordPress Dashboard, and you can use a handy shortcode to display your portfo …

Jon Christopher

Pavlo

Use SearchWP Modal Search Form to easily integrate an accessible, lightweight modal search form into your WordPress website! SearchWP Modal Search Form does not require <a href="https://searchwp.com/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform" rel="nofollow ugc">SearchWP</a> but it will utilize SearchWP if it’s installed and activated! 👍
Beyond the information made available in this <code>README</code> there is <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform" rel="nofollow ugc">full documentation</a> available as well.
<h3>What makes it different from other modals?</h3>
The philosophy behind SearchWP Modal Search Form is to make it easy to implement accessible and lightweight modal search forms but perhaps even more important make it a great developer (and user) experience.
SearchWP Modal Search Form directly integrates with WordPress in the way you use it, and the default modal form theme builds upon the styles put in place by your active theme, making the overhead as small as possible. There’s a full template loader built in as well, allowing you to fully customize your SearchWP Modal Search Form with minimal hassle.
Check out the <a href="https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php" rel="nofollow ugc">default template</a> for an example of how easy it is to customize 🤓
<h3>Adding modal forms to your site</h3>
SearchWP Modal Search Form makes it easy to implement modal search forms anywhere in your WordPress website. The following methods are built in and available to you:
<ol>
<li>As a <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#menu-item" rel="nofollow ugc">Menu Item</a></li>
<li>Using a <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#shortcode" rel="nofollow ugc">Shortcode</a></li>
<li>As a <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#block" rel="nofollow ugc">Gutenberg Block</a></li>
<li>Within your template(s) <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#code" rel="nofollow ugc">programmatically</a></li>
</ol>
<h3>Template Customization</h3>
SearchWP Modal Search Form integrates a proper template loader for displaying search forms in any number of templates, allowing you to fully customize what the modal looks like per template.
The most straightforward way to create a custom template is as follows:
<ol>
<li>Create a folder named <code>searchwp-modal-form</code> within your theme</li>
<li>Create a file within that folder named <code>template.php</code> (or any name ending in <code>.php</code>)</li>
<li>Copy the contents of the <a href="https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php" rel="nofollow ugc">default template</a> into that file</li>
<li>Customize the <code>SearchWP Modal Form Name</code> value in the header comment block</li>
<li>Make any other customizations you\’d like to the markup/style, paying attention to the documentation</li>
</ol>
There are (jQuery) events that fire when modals are opened and closed. jQuery is not a dependency, but if jQuery is loaded the events will fire.
<pre><code>// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
 // Focus an input in the template.
 e.el.find('input').focus();
});

// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
 alert('Modal closed!');
});
</code></pre>
Please review the <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#templates" rel="nofollow ugc">full template documentation</a> for more detailed information.

SearchWP Modal Search Form


Very helpful support, thanks for everything that you do!


Great support

Quickly and easily insert modal search forms into Menus, as a Block, or directly within theme templates.

BW Portfolio vs SearchWP Modal Search Form