WordPress фильтры: Исследуем фильтры в WordPress: Вступительная часть

Search & Filter — Плагин для WordPress

Search & Filter is a simple search and filtering plugin for WordPress — it is an advancement of the WordPress search box.

You can search by Category, Tag, Custom Taxonomy, Post Type, Post Date or any combination of these easily to really refine your searches — remove the search box and use it as a filtering system for your posts and pages. Fields can be displayed as dropdowns, checkboxes, radio buttons or multi selects.

Links: Search & Filter Documentation | Search & Filter Discussion

New: Search & Filter Pro

• View live demo >> demo 1 | demo 2 | video
• Search Custom Fields, Post Meta, Authors, Post Types, Post Dates, Taxonomies, Tags, Categories
• Use AJAX to display results — no more page reloading!
• Search Post Meta/Custom Fields with checkboxes, radio buttons, dropdowns, multiselects or comboboxes
• jQuery range slider, date pickers and auto-complete comboboxes for selects and multiselects
• Order Results Field — users can order results by meta value, Post ID, author, title, name, date, date modified, parent ID, random, comment count and menu order
• Drag & Drop editor
• Use custom templates
• Create as many fields and different search forms as you like
• Use for blogs, reviews sites, news sites, property sites and more.
• Use for your online shop — tested and compatible with WooCommerce, WP eCommerce, Easy Digital Downloads
• Place anywhere in your themes and posts using shortcodes and widgets
• Works with WPML
• Works with Advanced Custom Fields
• Extremely easy to use admin UI, fully integrated with WP 3.8+
• Dedicated Support
• More info >>

• Full example of Search & Filter when used in a widget and with a combination of checkboxes, radio buttons and selects
• Minimal example of Search & Filter embedded in the header
• Minimal example of Search & Filter embedded in a widget
• Example of Search & Filter using a post type filter

1. Upload the entire search-filter folder to the /wp-content/plugins/ directory.
2. Активируйте плагин на странице «Плагины» в панели управления WordPress.

You will find ‘Search & Filter’ menu in your WordPress admin panel.

For basic usage, you can also have a look at the plugin homepage or refer to the Search & Filter menu in your WordPress admin panel.

How can I xxxxx ?

The documentation has been updated to include examples almost all configurable options with screenshots — please refer to the Search & Filter Docs.

I highly recommend this plugin for adding faceted search functionality to your WordPress sites. Also well worth the $20 to go PRO. I was up and running quickly even though I am a novice website developer. The customer support was simply awesome! Within 30 minutes of issuing my question, troubleshooting of my settings was completed via video conference and the post search output formatting issue I was having was resolved. So helpful.
A great experience all around.

(The free version) does not work with Advanced Custom Fields 🙁

Thank you Trevor. If I could give you a bonus star for extra service I would definetely give that. You helped me so well. Really clear explained and the plugin is doing great. I am so thankful.

Incredible plugin. I spent most of today trawling google how to make a good custom search form with php etc, lots of separate queries to get custom terms into select menus etc. Nightmare. This plugin was VERY well hidden but is incredibly powerful. This is certainly getting bookmarked.

Thank you.

Does whatever is has to do regarding filtering categories and tags with effort and easiness. Top!

I don’t often write reviews (sorry), but for this plugin I just had to.
First I was doubting to purchase the Pro version as the Free didn’t gave me much options.
But after installing Pro, I was blown away by it’s features and customization possibilities.

I’m no expect in coding, but with their very useful help guides I was able to set up custom result pages, filtering, etcetera.

With this plugin I was basically able to setup a mini-webshop without using Woocommerce. I have my products in different pages and I use the search results as my product-overview page. It has everything I need in a very lightweight plugin. Together with Generatepress my website is blazing fast!

I hope the developers keep the plugin this lightweight in the future as well 🙂

Посмотреть все 138 отзывов

«Search & Filter» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

1.2.12

• Fixed — some PHP warnings when using radio, checkbox and multiselects
• Fixed — a typo (thanks sunjunkie)
• Tested with WP 5.3

1.2.11

• Fixed — a few typos in the admin screen
• Tested with WP 5.0 RC2

1.2.10

• Fixed — an issue with our syntax highlighting script modifying our shortcodes

1.2.9

• Fixed — bugs with WP 4.4 compatibility
• Fixed — an issue with operators being case sensitive — they are no longer case sensitive

1.2.8

• Fixed — an issue with rewrites — thanks @iohannis

1.2.7

• Fixed — fix for new taxonomy rewrites and problems with multiple selection when using checkboxes
• Fixed — added previously hidden multiselect field type

1.2.6

• Fixed — compatibility issues with WP 4.2.x

1.2.5

• Fixed a PHP error when setting defaults for taxonomies — many users did not see this but resulted in unexpected behaviour
• Fixed an error with post date sometimes being undefined for blank searches
• Added argument empty_search_url — when a users submits the search form without any search preferences selected they will be redirected to this URL
• Updated argument add_search_param — setting to 1 will force add a «?s=» to all urls generate by the plugin — this may help with the loading of search templates in some themes

1.2.4

• Fixed a bug created in 1.2.3 when doing an empty search

1.2.3

• Added arguement all_items_labels which allows for support for custom all_items labels in taxonomies, categories, post tags and post types when using select and radio types — the default text displaying «All Categories» for example can now be defined using all_items_labels
• Added show_count to arguments — this shows how many posts are in a particular term, in brackets after the term name — works only for categories, tags and taxonomies
• Fixed a bug when using when using «all post types» and it displaying no results
• Reverted behaviour from 1.2.2 — no longer force load search template when search is blank — let WP handle it again
• Added argument add_search_param — setting it to 1 will force a «?s=» or «&s=» to be added to the url even when the search is blank — in some circumstances this will force load the search template, instead of other WP templates, such as taxonomy or category templates

1.2.2

• Added support for multi selects — use multiselect as the type for your field
• Added support for AND & OR operators when using checkboxes or multiselects — use the operators argument with allowed values of and & or
• Force load search template when search is blank, don’t include when search field is not included in shortcode
• Fixed an issue with navigation disappearing when using post_types

1.2.1

• Version Bump — bad commit

1.2.0

• WARNING — this update includes some major changes to shortcode construction, do not upgrade until you have read how this will affect your setup — updating should be easy.
• Renamed the taxonomies argument to fields — taxonomies is now no longer appropriate as this list contains field types other than taxonomies — this list now contains taxonomies, post_type, post_date and search — taxonomies as an argument is still supported however will be deprecated
• Search box can now be positioned anywhere, simply include search in the fields list in the position desired. Upgrading from previous versions will cause you to lose your search box, simply include search in the fields list to show it again
• Drop support for search argument as no longer relevant — control display of search input by adding it to the fields list
• Labels have been completely rewritten — label has been renamed to headings to avoid confusion with internal taxonomy labels — the headings argument now allows for any text to be added and displayed as a heading for each field — this allows for much more flexibility and no longer uses internal taxonomy labels — to hide a label simply leave blank
• Added support for hierarchical taxonomies for all input types — checkbox, radio & select
• Added support for ordering of taxonomies — use order_by argument — allowed values are id, name, slug, count, term_group
• Added support for ordering direction of taxonomies — use order_dir argument — allowed values are ‘asc’ or ‘desc’
• Added support to show or hide empty taxonomies — use hide_empty argument
• Added support for search_placeholder
• Updated post_date functionality to work with older versions of WP — can be displayed either as date or daterange — the post_date field uses the HTML 5 input type of date — browsers that do not support it will simply show a text box — a tutorial of integrating jquery for graceful degredation is in the works
• Renamed submitlabel to submit_label — submitlabel still works for now.
• Renamed type to types — type still works for now.
• Updated display of checkboxes and radio buttons, inputs are now wrapped in an unordered list which may affect your styling
• Various bug fixes
• Thanks to bradaric for help with hierarchical dropdown lists and date input types — https://github.com/bradaric

1.1.3

• Added support for post_date to be displayed either as date or daterange (WP 3.7+) type

1.1.2

• Added support for all public and custom post types (the attachment post type is excluded) — all post types can be user searchable or predfined and hidden from the user. This allows for users to add multiple search widgets to their site which work on specific post types independantly from eachother.
• Added offical updated documentation, created and moved to Search & Filter Docs

1.1.1

• Fixed: when submitting an empty search/filter, «?s=» now gets appended to the url (an empty search) to force load a results page, previously this was redirecting to the homepage which does not work for many use cases

1.1.0

• Added support for checkboxes and radio buttons, with the option to control this for each individual taxonomy.
• Added support to show or hide headings for each individual taxonomy.
• Added support to pass a class name through to Search & Filter widgets, this allows styling of different instances of Search & Filter
• Fixed problems with escaping output in search box
• Notice: This update will automatically add headings to taxonomy dropdowns, refer to usage and examples on how to disable them.

1.0.3

• Added some documention & screenshots to plugin page

1.0.2

• Version bump for WordPress plugins site

1.0.1

• Updated to use label->all_items in taxonomy object for dropdowns before using label->name
• Notice: This update may cause some labels to break, ensure you have set up your taxonomy properly including setting label->all_items

1.0.0

Фильтр записей или товаров в WordPress

В последнее время замечаю, что всё больше постов публикуются по просьбам читателей, так что пишите, возможно и для вас разберу какую-нибудь тему 🙂

Сейчас я покажу вам, как легко и просто создавать асинхронные фильтры записей/товаров (и те и вторые — это произвольные типы постов) на сайте при помощи всего лишь jQuery и WP_Query.

Для простоты не буду загружать пост ничем лишнем — рассмотрю только фильтрацию массива аргументов, постраничной навигации не будет, чтобы не усложнять пример. При необходимости могу дать подсказки по постраничной навигации в комментариях.

1. HTML форма фильтра

Форма будет состоять из выпадающего списка таксономий (для простоты — рубрик), диапазона значений произвольного поля (например пусть это будет цена), радио-кнопок сортировки по дате, по убыванию и возрастанию, а также чекбокса, который позволит отфильтровать посты, отобразив только те из них, у которых имеется миниатюра.

Таксономии

Неважно, элементы какой таксономии вы хотите вывести, в любых случаях функция get_terms() мне кажется ну самым удобным вариантом.

Для того, чтобы вывести элемент выпадающего списка с её помощью, вы можете воспользоваться следующим кодом:

if( $terms = get_terms( 'category', 'orderby=name' ) ) : // как я уже говорил, для простоты возьму рубрики category, но get_terms() позволяет работать с любой таксономией
	echo '<select name="categoryfilter"><option>Выберите категорию...</option>';
	foreach ($terms as $term) :
		echo '<option value="' . $term->term_id . '">' . $term->name . '</option>'; // в качестве value я взял ID рубрики
	endforeach;
	echo '</select>';
endif;

Произвольные поля

Для примера возьмём минимальную и максимальную цену.

Ну тут всё легко, можно просто использовать два HTML-инпута. Конечно, будет гораздо интереснее элемент range с возможностью передвигания ползунков минимального и максимального значения. Но это уже на ваше усмотрение, плагинов jQuery много, что-нибудь да выберете.

<input type="text" name="cena_min" placeholder="Минимальная цена" />
<input type="text" name="cena_max" placeholder="Максимальная цена" />

Дата

Как я уже писал выше — это будут две radio-кнопки.

<label><input type="radio" name="date" value="ASC" /> Дата: по возрастанию</label>
<label><input type="radio" name="date" value="DESC" selected="selected" /> Дата: по убыванию</label>

Чекбокс «Только с фото»

Ну тут вообще всё просто.

<label><input type="checkbox" name="featured_image" /> Только с миниатюрой</label>

Форма целиком

Так как данная статья относится к разделу для начинающих, то не поленюсь теперь подвести итог и скинуть весь код получившейся формы.

<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST">
<?php
if( $terms = get_terms( 'category', 'orderby=name' ) ) : // как я уже говорил, для простоты возьму рубрики category, но get_terms() позволяет работать с любой таксономией
	echo '<select name="categoryfilter"><option>Выберите категорию...</option>'
	foreach ($terms as $term) :
		echo '<option value="' . $term->term_id . '">' . $term->name . '</option>'; // в качестве value я взял ID рубрики
	endforeach;
	echo '</select>';
endif;
?>
<input type="text" name="cena_min" placeholder="Минимальная цена" />
<input type="text" name="cena_max" placeholder="Максимальная цена" />
<label><input type="radio" name="date" value="ASC" /> Дата: по возрастанию</label>
<label><input type="radio" name="date" value="DESC" selected="selected" /> Дата: по убыванию</label>
<label><input type="checkbox" name="featured_image" /> Только с миниатюрой</label>
<button>Применить фильтр</button>
<input type="hidden" name="action" value="myfilter">
</form>
<div></div>

2. jQuery-скрипт для отправки запроса и получения данных

Тут я подразумеваю, что вы уже знаете, что такое jQuery и умеете его как минимум подключать на сайт.

jQuery(function($){
	$('#filter').submit(function(){
		var filter = $(this);
		$.ajax({
			url:ajaxurl, // обработчик
			data:filter.serialize(), // данные
			type:filter.attr('method'), // тип запроса
			beforeSend:function(xhr){
				filter.find('button').text('Загружаю...'); // изменяем текст кнопки
			},
			success:function(data){
				filter.find('button').text('Применить фильтр'); // возвращаеи текст кнопки
				$('#response').html(data);
			}
		});
		return false;
	});
});

3. Обработчик PHP

Ну и последний шаг. Основная задача, с которой у многих людей возникают трудности — это задание аргументов для WP_Query с учётом всех параметров фильтра выше.

function true_filter_function(){
	$args = array(
		'orderby' => 'date', // сортировка по дате у нас будет в любом случае (но вы можете изменить/доработать это)
		'order'	=> $_POST['date'] // ASC или DESC
	);
 
	// для таксономий
	if( isset( $_POST['categoryfilter'] )
		$args['tax_query'] = array(
			array(
				'taxonomy' => 'category',
				'field' => 'id',
				'terms' => $_POST['categoryfilter']
			)
		);
 
	// создаём массив $args['meta_query'] если указана хотя бы одна цена или отмечен чекбокс
	if( isset( $_POST['cena_min'] ) || isset( $_POST['cena_max'] ) || ( isset( $_POST['featured_image'] ) && $_POST['featured_image'] == 'on' ) )
		$args['meta_query'] = array( 'relation'=>'AND' ); // AND значит все условия meta_query должны выполняться
 
	// условие 1: цена больше $_POST['cena_min']
	if( isset( $_POST['cena_min'] ) )
		$args['meta_query'][] = array(
			'key' => 'cena',
			'value' => $_POST['cena_min'],
			'type' => 'numeric',
			'compare' => '>'
		);
 
	// условие 2: цена меньше $_POST['cena_max']
	if( isset( $_POST['cena_max'] ) )
		$args['meta_query'][] = array(
			'key' => 'cena',
			'value' => $_POST['cena_max'],
			'type' => 'numeric',
			'compare' => '<'
		);
 
	// условие 3: миниатюра имеется
	if( isset( $_POST['featured_image'] ) && $_POST['featured_image'] == 'on' )
		$args['meta_query'][] = array(
			'key' => '_thumbnail_id',
			'compare' => 'EXISTS'
		);
 
	die();
}
 
 
add_action('wp_ajax_myfilter', 'true_filter_function'); 
add_action('wp_ajax_nopriv_myfilter', 'true_filter_function');

Если особый интерес у вас вызывают последние две строчки, то тема AJAX в WordPress подробно раскрыта тут.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Фильтр метаданных и таксономий WordPress (MDTF) — Плагин для WordPress

WordPress Meta Data Filter & Taxonomies Filter (MDTF) плагин для WordPress. Основная идея MDTF — сделать так, чтобы контент вашего сайта WordPress был фильтруемым и доступным для поиска по метаполям и таксономиям одновременно.

MDTFпредназначен для фильтрации и поиска контента WordPress — посты и пользовательские типы постов по таксономиям и полям метаданных одновременно.

MDTF готов работать в качестве фильтра продуктов WooCommerce. Плагин обладает очень высокой гибкостью благодаря богатому набору фильтрующих элементов!

С помощью MDTF клиенты вашего сайта смогут фильтровать записи / страницы / пользовательские типы по мета-полям и / или таксономии одновременно.

ДОКУМЕНТАЦИЯ: https://wp-filter.com/documentation/

ДЕМО-САЙТЫ: https://wp-filter.com/demo-sites/

PHP 7.4.x — ПОЛНАЯ СОВМЕСТИМОСТЬ !

Особенности фильтра метаданных и таксономий WordPress:

✅ AJAX поиск и фильтрация: сообщений, пользовательских типов постов, продуктов woocommerce, продуктов jigoshop, продуктов Easy Digital Downloads

✅ Виджеты и шорткоды

✅ СТАТИСТИКА — проанализируйте информацию о том, что ваши клиенты фильтруют на вашем сайте

✅ Post Messenger — пусть ваши клиенты узнают о новых сообщениях или продуктах в соответствии с выбранными критериями поиска

✅ Фильтрация постов и пользовательских типов постов по метаполям

✅ Фильтрация постов и пользовательских типов постов по таксономиям

✅ Запрос нескольких таксономий и мета полей одновременно

✅ ВСТАВЬТЕ ФОРМЫ ПОИСКА / ФИЛЬТРА ШОРТКОДОМ В ЛЮБОМ МЕСТЕ ВАШЕГО САЙТА

✅ Создание шорткодов SEARCH / FILTER по конструктору

✅ Автоматический пересчет мета-значений комбинаций html-элементов на основе текущего поиска (динамический пересчет)

✅ Динамический пересчет значений терминов таксономии на основе текущего поиска

✅ Встроенный конструктор данных мета-полей (флажок, раскрывающийся список, раскрывающийся список, ползунок диапазона, календарь, ввод текста, метка)

✅ AJAX пересчет html-элементов формы SEARCH / FILTER для иерархического поиска

✅ Неограниченное количество мета-полей, которые могут быть созданы встроенным конструктором метаданных

✅ Опция автоматического поиска

✅ Шаг для ползунка диапазона на выбор. Целое или десятичное.

✅ Размер для любого раскрывающегося списка по желанию

✅ Фильтрация по названию поста и его содержанию (любой тип поста)

✅ Укажите для каждого метаполя режим отображения: раскрывающийся список, флажок, бегунок диапазона, календарь, ввод текста, метка

✅ Укажите для каждой таксономии режим отображения в передней части сайта: раскрывающийся список, флажок, многократный раскрывающийся список, метка

✅ Конструктор сорт-панелей

✅ Работа с WooCommerce : цена, атрибуты товаров и категории товаров!

✅ Готов к Jigoshop! и EasyDigitalDownloads

✅ Хорошая подсказка для каждого html-элемента фильтра в форме фильтра с текстом описания

✅ Неограниченное количество экземпляров виджетов MDTF и коротких кодов MDTF, каждый из которых имеет свой набор настроек

✅ Пустые термины или мета-поля могут быть скрыты в виджетах и коротких кодах (премиум)

✅ Работает с любыми типами постов, пользовательскими типами постов, продуктами woocommerce / jigoshop, категориями или пользовательскими таксономиями, ценами

✅ Динамический пересчет для поисковых комбинаций

✅ Кнопка сброса опционально

✅  Переключатели для секций фильтра

✅ Широкий API

Get Premium version of WordPress Filter plugin on CODECANYON

Видео:

Дополнительная информация:

Примечания:

If you have troubles with empty result page, and you sure that it must be, do next please:
* open your wp theme file header.php
* at the same bottom of the file drop this <?php do_shortcode(‘[mdf_force_searching]’) ?>
* save file

Сделайте ваш сайт более прибыльным с помощью следующих мощных скриптов:

✅ WOOF — WooCommerce Products Filter: это расширяемый, гибкий и надежный плагин для WooCommerce, который позволяет клиентам вашего сайта фильтровать товары по категориям товаров, атрибутам, тегам, пользовательским таксономиям и цене. Поддерживает последнюю версию плагина WooCommerce. Обязательный плагин для вашего интернет-магазина на платформе WooCommerce! Максимальная гибкость!

✅ WOOBE — WooCommerce Bulk Editor Professional: Плагин WordPress для управления и массового редактирования данных продуктов WooCommerce надежным и гибким способом! Будьте профессионалами в управлении данными вашего интернет-магазина woocommerce!

✅ WOOCS — WooCommerce Currency Switcher: это мультивалютный плагин WooCommerce, который позволяет посетителям вашего сайта переключать цены на товары в соответствии с установленными курсами валют в режиме реального времени и оплачивать в выбранной валюте (опционально). Позволяет добавлять любую валюту для магазина WooCommerce!

✅ WPCS — WordPress Currency Switcher: это плагин WordPress, который позволяет переключать валюты и конвертировать их курсы в реальном времени на вашем сайте!

✅ WPBE — WordPress Posts Bulk Editor Professional: is WordPress plugin for managing and bulk edit WordPress posts, pages and custom post types data in robust and flexible way! Be professionals with managing data of your site!

Лицензия

This plugin is copyright pluginus.net © 2012-2020 with GNU General Public License by realmag777.

Эта программа является свободным программным обеспечением; Вы можете распространять его и / или изменять его в соответствии с условиями Универсальной общественной лицензии GNU , опубликованной Свободным программным обеспечением Фонд; либо версия 2 лицензии, либо (по вашему выбору) любая более поздняя версия.

Эта программа распространяется в надежде, что она будет полезна, но БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ. Смотрите GNU General Public License для получения более подробной информации.

Добавление фильтра по таксономиям в WordPress

Сколько у вас постов на блоге? 100 или может быть 10000? Согласитесь, что при огромном количестве записей бывает полезно отобразить только содержимое какой-нибудь конкретной категории в админке. Правда сам я, если вдруг что, пользуюсь поиском, но тем не менее 🙂

Для этого есть фильтр по рубрикам, который находится на странице с записями:

Окей, вроде всё норм, но однажды у меня один клиент попросил добавить фильтр по таксономиям. Вот типо того:

Знаете, я недавно видел статью (не стану называть автора), в которой проводился обзор: что лучше — Joomla или WordPress, там говорилось, что:

• якобы WordPress подходит только для блогов,
• якобы WordPress очень ограничен по функционалу и возможностям в отличие от джумлы

Возможности в WordPress не ограничены, по крайней мере я с границами пока что не столкнулся и эта статья тому подтверждение. Это было небольшое отступление, а теперь за дело.

function true_taxonomy_filter() {
	global $typenow; // тип поста
	if( $typenow == 'post' ){ // для каких типов постов отображать
		$taxes = array('platform', 'game'); // таксономии через запятую
		foreach ($taxes as $tax) {
			$current_tax = isset( $_GET[$tax] ) ? $_GET[$tax] : '';
			$tax_obj = get_taxonomy($tax);
			$tax_name = mb_strtolower($tax_obj->labels->name);
			// функция mb_strtolower переводит в нижний регистр
			// она может не работать на некоторых хостингах, если что, убирайте её отсюда
			$terms = get_terms($tax);
			if(count($terms) > 0) {
				echo "<select name='$tax'>";
				echo "<option value=''>Все $tax_name</option>";
				foreach ($terms as $term) {
					echo '<option value='. $term->slug, $current_tax == $term->slug ? ' selected="selected"' : '','>' . $term->name .' (' . $term->count .')</option>'; 
				}
				echo "</select>";
			}
		}
	}
}
 
add_action( 'restrict_manage_posts', 'true_taxonomy_filter' );

Ну как бы и добавить больше нечего, исчерпывающий код 🙂 вставляем в файл functions.php вашей темы и радуемся.

P.S. Если хотите удалить при этом стандартный фильтр по рубрикам, используйте вот этот код:

add_filter( 'wp_dropdown_cats', '__return_false' );

После удаления фильтра по рубрикам может показаться логичным ещё и удаление колонки с рубриками, но эта тема затронута в отдельном посте.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Ultimate WooCommerce Filters — Плагин для WordPress

Ultimate WooCommerce Filters is a plugin that allows you to filter WooCommerce products by color, size, attribute, category or tag. Easy to set up and implement with a simple WooCommerce filter widget and WooCommerce filter shortcode.

Key WooCommerce Filter Features

• Filter WooCommerce products by color, with the actual colors displayed in the widget on your shop page
• Filter WooCommerce products by size
• Filter products by any attribute that you have set up in WooCommerce
• Filter products by WooCommerce categories and tags
• Include a smart product search in the WooCommerce filtering widget
• Add a smart table format/view to your shop page

New Gutenberg block included for displaying your WooCommerce filters!

It’s very simple and quick to set up your WooCommerce filters. Use an intuitive color picker to select the colors for your shop and then, for each product, just check the ones that apply. It works the same way for the sizes.

For the categories and tags, it’s even easier! Ultimate WooCommerce Filters automatically recognizes the categories and tags that you already have set up in WooCommerce. It’s as simple as enabling the filtering in our options. You will then automatically have all your WooCommerce categories and WooCommerce tags available as filters on your shop page.

Table format option: Ultimate WooCommerce Filters now includes a brand new table format view for your shop page. With this enabled, your main WooCommerce shop page will now display in a table format, instead of the regular thumbnail format. With options to display the product title, image, price, rating and «add to cart» button, your customers can find and compare exactly what they need as quickly and easily as possible. If using this layout, we suggest to not use the widget at the same time.

Create a powerful, effective and practical product browsing experience for your customers with the ability to filter your products by WooCommerce attributes. This is the attributes functionality that is built into WooCommerce and that you already use to provide specific information about your products. In our WooCommerce filtering options, just enable which attributes you’d like to add to the filtering widget and they’ll automatically display as filters on your WooCommerce shop page. No extra setup required. This is an incredibly useful feature that brings the WooCommerce shopping experience to a whole new level for your customers!

[ultimate-woocommerce-filters]

It could not be easier to display your WooCommerce filters to your shop page. Just add our widget to your theme’s page sidebar. That’s it. The WooCommerce filter widget is already configured to only show on the WooCommerce shop page, and not your other pages. Alternatively, you can place the WooCommerce filters anywhere you want on a page using the intuitive shortcode shown just above.

In addition to the available filters, Ultimate WooCommerce Filters also includes a dynamic and fast product search that you can add to the WooCommerce filter widget. With features like auto-complete, your customers can quickly find the exact products they’re looking for.

Premium WooCommerce Filtering Features

Ultimate WooCommerce Filters comes with a host of advanced features in the premium version that you let you further customize the filtering experience. These include advanced attribute options the table format. There are also separate layout options and functions for each type of filter, an option to display WooCommerce filter attributes under the thumbnails on your shop page, and more, there are many ways to configure your WooCommerce filters just how you need.

Ultimate WooCommerce Filters premium features include:

• Display WooCommerce filter attributes under shop page thumbnails (e.g. adjacent to the rating stars). Gives your customers a visual indication of what’s a available for each product without having to go to the product page.
• Specific layout options for each type of WooCommerce filter (color, size, attributes, categories and tags).
• Add a price slider and attributes to the table format
• Advanced options that allow you to customize the filtering functionality and experience.
• Labelling options that allow you to quickly change the wording of specific labels.

Ultimate WooCommerce Filters is great for WooCommerce shops that want to show available product colors, such as clothing stores, sports equipment, electronics, music shops, collectibles and more. By having all your filters and your search in one place, it will save a lot of time for your WooCommerce store visitors and enhance their shopping experience.

Ultimate WooCommerce Filters is fully compatible with WPML and, as such, if you are running a WooCommerce shop in multiple languages, you can use it without any doubts.

WooCommerce Product Filter by WooBeWoo — Плагин для WordPress

WooCommerce Product Filter plugin allows customers to filter your products/items by price, categories, tags, taxonomy and attributes. Each filter criteria customizable, giving you maximum control.
100% Elementor Compatibility

WooCommerce Product Filter Main Features

Filters by any criteria
Сustomers can filter products by any criteria — Price, Price range, Categories, Tags, Author, Featured, On sale, In Stock, Rating, Search by text**, Attribute filters.

Variations of a display at the front end
Display filters in any convenient way: radiobutton list (single select) dropdown (single select), checkbox list (multiselect)** and icons** for attribute filters (colour, size, rating).

AJAX live search
Make filtering even more comfortable by enabling AJAX search or let the process start as soon as the user selects all the options and presses the filtering button.

Elementor Compatibility
WooCommerce Product Filter compatible with Ellementor . With this option, you can created product filter directly in the Elementor. All the functions of the Product Filter by WooBeWoo will be available directly in the Elementor tab.

Video tutorial on how to set up WooCommerce product filter by WooBeWoo

Product filters are definitely the key things that allow your customers to view the products in a particular way and easily find the necessary items.

Live preview
With Live Preview, the results will appear in the panel right at the moment you make changes to settings.

Variety of options for sorting products
Product search plugin for WooCommerce allows sorting your products by popularity, rating, price, newness, alphabetical ascender or descender.

Create new product filters in a few clicks
Easy to customize and set up. Just add a filter to every page using a widget or shortcodes.

Price filter design
Variation of skins: default, flat, big, modern, sharp, round, square. Custom setting for its design: colour, symbol position, currency code or symbol, input fields.

Automatic price range settings with fixed step values
Adjust them manually and specify the exact value of every step as well.

Show Count and Recount products by selected filter
Recount the products by selected filters and display the exact number of products matching the filter results.

Fully responsive
The filter looks and works properly on different devices — particularly mobile phones and tablets as well as desktops and laptops.

** — Pro features

Support and suggestions for WooCommerce Product Filter Plugin

Ask your questions in the support forum, or contact us directly

a) VIA FTP
Download zip archive with WooCommerce Product Filter by WooBeWoo plugin
Extract files
Copy the folder with the plugin
Open via FTP folder \wp-content\plugins\
Paste plugin folder into here
Go to admin panel => Plugins => WooCommerce Product Filter by WooBeWoo press activate

B) DIRECT UPLOAD VIA ADMIN AREA
Download zip archive with plugin
Go to admin panel => Plugins => Add new
Choose the archive with a plugin and upload it
Wait until you get the notification installation went successfully
Press Activate button

C) VIA WORDPRESS REPOSITORY
Navigate to admin panel => Plugins => Add new
Type \» WooCommerce Filter Plugin by Woobewoo»\ in the search field
Choose our plugin from the list and click \»Install\»
Wait until you get the notification installation went successfully
Press Activate button

apply_filters() — функция WordPress

  0.71     wp-includes / plugin.php

Одна из функций, входящих в часть функционала хуков в WordPress.

Суть этой функции в том, что где-то в коде, который пользователю изменять не стоит (например потому что тогда не получится спокойно обновляться), висит эта функция, определяющая название фильтра и благодаря ей, уже при помощи add_filter(), на этот фильтр мы можем повесить дополнительные функции, которые приведут переменную $value к тому значению, которое нам и нужно.

Незаменима при создании хорошего плагина.

apply_filters( $tag, $value, $arg, $arg1 ... )

$tag

(строка) Собственно это и есть название фильтра — на него мы и будем вешать произвольную функцию при помощи add_filter(). Название должно быть уникальным.

$value

(число|строка|массив|объект) Сама переменная, отфильтрованное значение которой функция должна будет возвратить. Результат действия функции apply_filters() не обязательно присваивать переменной с тем же самым названием.

$arg

Одна или несколько дополнительных переменных, которые будут переданы в нашу произвольную (возвратную) функцию.

Пример использования функции при фильтрации контента поста

Довольно простой пример и я его уже рассматривал когда-то. Вы возможно знаете, что содержимое поста можно вывести разными способами. И вполне возможно вы также знаете, что есть функция get_the_content(), возвращающая неотфильтрованный контент поста, и the_content(), которая как раз таки выводит отфильтрованный контент. Под отфильтрованным содержимом поста я имею ввиду, что к нему применены все шорткоды, произведены соответветствующие замены, например - на — и так далее.

Так вот, при помощи функции apply_filters() мы можем сами вручную отфильтровать контент из функции get_the_content().

$content_no_filter = get_the_content(); // содержимое поста неотфильтрованное
$content_filter_applied = apply_filters( 'the_content', $content_no_filter ); // отфильтрованное

Пошаговый пример создания своего собственного фильтра

Всё начинается с переменной, на которую мы должны воздействовать извне. Переменная может быть обычным числовым значением, может быть объектом, а может быть HTML-кодом например какого-нибудь виджета.

У меня для простоты примера пусть это будет числовая переменная.

Теперь же допустим я хочу задать какой-нибудь дополнительный параметр, под воздействием которого переменная будет меняться. Опять-таки для простоты примера возьму простое строковое значение.

$arg1 = 'больше'; // эта переменная допустим также может принимать значение 'меньше'

Теперь объединяем эти два листинга и вешаем фильтр.

$number = 100;
$arg1 = 'больше';
 
$number = apply_filters( 'misha_filter_name', $number, $arg1 );

А теперь сама фильтрующая функция, которую мы подвесим при помощи add_filter().

add_filter( 'misha_filter_name', 'misha_filter_function', 10, 2 );
// цифра 10 это приоритет приоритет выполнения функции (нужен, если фильтрующих функций несколько)
// 2 это количество всех параметров функции, в данном случае $number и $arg1
// 10 и 1 - значения по умолчанию соответственно
 
function misha_filter_function( $number, $arg1 ) {
 
	if( $arg1 == 'больше' )
		$number = $number + 50;
 
	if( $arg1 == 'меньше' )
		$number = $number - 50;
 
	return $number;
}

Как результат, получаем изменённое значение переменной. Если у вас есть трудности или вопросы по работе apply_filters(), оставляйте комментарий, обязательно помогу вам разобраться.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

add_filter () | Функция | Ресурсы для разработчиков WordPress

.

Search & Filter — плагин для WordPress

Search & Filter — это простой плагин для поиска и фильтрации для WordPress — это усовершенствование окна поиска WordPress.

Вы можете выполнять поиск по категории, тегу, настраиваемой таксономии, типу сообщения, дате публикации или любой их комбинации, чтобы действительно уточнить поиск — удалите окно поиска и используйте его в качестве системы фильтрации для ваших сообщений и страниц. Поля могут отображаться в виде раскрывающихся списков, флажков, переключателей или множественного выбора.

Ссылки: Поиск и фильтрация документации | Обсуждение поиска и фильтрации

Новинка: Search & Filter Pro

• Посмотреть демо >> демо 1 | демо 2 | видео
• Поиск Пользовательские поля , Мета сообщений , Авторы , Типы сообщений, Даты сообщений, Таксономии, Теги, Категории
• Используйте AJAX для отображения результатов — больше никаких перезагрузок страницы!
• Поиск Публикация мета / настраиваемых полей с флажками, переключателями, раскрывающимися списками, множественным выбором или комбинированными списками
• Ползунок диапазона jQuery, средства выбора даты и комбинированных списков с автозаполнением для выбора и множественного выбора
• Поле результатов заказа — пользователи могут упорядочить результаты по мета-значению, идентификатору публикации, автору, заголовку, имени, дате, дате изменения, родительскому идентификатору, случайному, количеству комментариев и порядку меню.
• Редактор перетаскивания
• Использовать собственные шаблоны
• Создайте столько полей и различных форм поиска, сколько захотите
• Используется для блогов, сайтов обзоров, новостных сайтов, сайтов недвижимости и многого другого.
• Используйте для своего интернет-магазина — протестировано и совместимо с WooCommerce , WP eCommerce , Easy Digital Downloads
• Поместите где угодно в ваших темах и сообщениях, используя шорткоды и виджеты
• Работает с WPML
• Работает с расширенными настраиваемыми полями
• Чрезвычайно простой в использовании интерфейс администратора, полностью интегрированный с WP 3.8+
• Специальная поддержка
• Подробнее >>

• Полный пример поиска и фильтра при использовании в виджете и с комбинацией флажков, переключателей и выбора
• Минимальный пример поиска и фильтра, встроенного в заголовок
• Минимальный пример поиска и фильтра, встроенного в виджет
• Пример поиска и фильтрации с использованием фильтра по типу сообщений

1. Загрузите всю папку search-filter в каталог / wp-content / plugins / .
2. Активируйте плагин через меню «Плагины» в WordPress.

Вы найдете меню «Поиск и фильтр» в панели администратора WordPress.

Для базового использования вы также можете взглянуть на домашнюю страницу плагина или обратиться к меню Search & Filter в панели администратора WordPress.

Как я могу xxxxx?

В документацию добавлены примеры почти всех настраиваемых параметров со снимками экрана — см. Документацию по поиску и фильтру.

Я настоятельно рекомендую этот плагин для добавления функций многогранного поиска на ваши сайты WordPress. Также стоит 20 долларов, чтобы стать PRO. Я быстро начал работать, хотя я начинающий разработчик веб-сайтов. Служба поддержки была просто потрясающей! В течение 30 минут после того, как я задал свой вопрос, устранение неполадок с моими настройками было завершено с помощью видеоконференции, и проблема с форматированием вывода результатов поиска, которая у меня была, была решена. Так полезно.Отличный опыт со всех сторон.

(бесплатная версия) не работает с расширенными настраиваемыми полями 🙁

Спасибо, Тревор. Если бы я мог дать вам бонусную звезду за дополнительные услуги, я бы определенно дал ее. Ты так хорошо мне помог. Действительно ясно объяснено, и плагин работает отлично. Я так благодарен.

Невероятный плагин. Я потратил большую часть сегодняшнего дня на поиск в Google, как создать хорошую пользовательскую форму поиска с помощью php и т. Д., Множество отдельных запросов, чтобы ввести пользовательские термины в отдельные меню и т. Д.Страшный сон. Этот плагин был ОЧЕНЬ хорошо спрятан, но он невероятно мощный. Это, безусловно, добавляется в закладки.

Спасибо.

Делает все, что необходимо для фильтрации категорий и тегов, с усилием и легкостью. Верхний!

Я не часто пишу обзоры (извините), но для этого плагина мне просто пришлось.
Сначала я сомневался в покупке версии Pro, так как Free не давал мне много вариантов.
Но после установки Pro я был потрясен его функциями и возможностями настройки.Я не ожидаю от кодирования, но с их очень полезными справочными руководствами я смог настроить собственные страницы результатов, фильтрацию и так далее.

С помощью этого плагина я смог создать мини-интернет-магазин без использования Woocommerce. Мои продукты размещены на разных страницах, и я использую результаты поиска как страницу с обзором продуктов. В нем есть все, что мне нужно, в очень легком плагине. Вместе с Generatepress мой сайт молниеносно!

Я надеюсь, что разработчики сохранят этот плагин таким легким и в будущем 🙂

Посмотреть все 138 отзывов

«Search & Filter» — программа с открытым исходным кодом.Следующие люди внесли свой вклад в этот плагин.

авторов

1.2.12

• Исправлено — некоторые предупреждения PHP при использовании радио, флажка и множественного выбора
• Исправлено — опечатка (спасибо sunjunkie)
• Протестировано с WP 5.3

1.2.11

• Исправлено — несколько опечаток в админке
• Протестировано с WP 5.0 RC2

1.2.10

• Исправлено — проблема с нашим скриптом подсветки синтаксиса, изменяющим наши короткие коды

1.2,9

• Исправлено — ошибки с совместимостью с WP 4.4
• Исправлено — проблема с операторами, чувствительными к регистру — они больше не чувствительны к регистру

1,2,8

• Исправлено — проблема с перезаписью — спасибо @iohannis

1,2,7

• Исправлено — исправлено переписывание новых таксономий и проблемы с множественным выбором при использовании флажков
• Исправлено — добавлено ранее скрытое множественный выбор тип поля

1.2,6

• Исправлено — проблемы совместимости с WP 4.2.x

1,2,5

• Исправлена ​​ошибка PHP при установке значений по умолчанию для таксономий — многие пользователи этого не видели, но приводили к неожиданному поведению.
• Исправлена ​​ошибка, из-за которой дата публикации иногда не определялась при пустом поиске
• Добавлен аргумент empty_search_url — когда пользователи отправляют форму поиска без выбранных параметров поиска, они будут перенаправлены на этот URL
• Обновленный аргумент add_search_param — установка на 1 принудительно добавит «? S =» ко всем URL-адресам, генерируемым плагином — это может помочь с загрузкой шаблонов поиска в некоторых темах

1.2,4

• Исправлена ​​ошибка, возникшая в 1.2.3 при выполнении пустого поиска

1.2.3

• Добавлен аргумент all_items_labels , который позволяет поддерживать настраиваемые ярлыки all_items в таксономиях, категориях, тегах сообщений и типах сообщений при использовании выберите и радио Типы — например, текст по умолчанию с отображением «Все категории» теперь может быть определенным с помощью all_items_labels
• В аргументы добавлено show_count — это показывает, сколько сообщений находится в определенном термине, в скобках после имени термина — работает только для категорий, тегов и таксономий
• Исправлена ​​ошибка при использовании при использовании «всех типов сообщений» и при отсутствии результатов
• Обратное поведение с 1.2.2 — больше не принудительно загружать шаблон поиска, когда поиск пуст — пусть WP обработает его снова
• Добавлен аргумент add_search_param — установка его на 1 приведет к добавлению «? S =» или «& s =» к URL-адресу, даже если поиск пустой — в некоторых случаях это приведет к загрузке шаблона поиска, вместо других шаблонов WP, таких как шаблоны таксономии или категорий

1.2.2

• Добавлена ​​поддержка множественного выбора — используйте множественный выбор в качестве типа для вашего поля
• Добавлена ​​поддержка операторов И и ИЛИ при использовании флажков или множественного выбора — используйте аргумент операторов с допустимыми значениями и и или
• Принудительно загрузить шаблон поиска, когда поиск пуст, не включать, если поле поиска не включено в шорткод
• Исправлена ​​проблема с пропаданием навигации при использовании post_types

1.2,1

• Версия Bump — неверная фиксация

1.2.0

• ПРЕДУПРЕЖДЕНИЕ — это обновление включает некоторые важные изменения в конструкции шорткода, не обновляйте его, пока не прочитаете, как это повлияет на вашу настройку — обновление должно быть простым.
• Переименовал таксономии аргумент в поля — таксономии больше не подходит, так как этот список содержит типы полей, отличные от таксономий — этот список теперь содержит таксономии, post_type , post_date и search — таксономии в качестве аргумента все еще поддерживается, но будет устаревшим
• Поле поиска теперь можно разместить где угодно, просто включите search в список полей в нужном месте.Обновление с предыдущих версий приведет к потере окна поиска, просто включите search в список полей, чтобы снова отобразить его
• Отказаться от поддержки поиска аргумент больше не актуален — управление отображением результатов поиска путем добавления его в поля список

Ярлыки

• были полностью переписаны — ярлык был переименован в заголовки , чтобы избежать путаницы с внутренними ярлыками таксономии — аргумент заголовки теперь позволяет добавлять и отображать любой текст в качестве заголовка для каждого поля — это позволяет гораздо больше гибкости и больше не использует внутренние метки таксономии — чтобы скрыть метку, просто оставьте поле пустым
• Добавлена ​​поддержка иерархических таксономий для всех типов ввода — флажок, радио и выбор
• Добавлена ​​поддержка для упорядочивания таксономий — используйте аргумент order_by — допустимые значения: id , name , slug , count , term_group
• Добавлена ​​поддержка направления упорядочения таксономий — используйте аргумент order_dir — допустимые значения — «asc» или «desc»
• Добавлена ​​поддержка для отображения или скрытия пустых таксономий — используйте hide_empty аргумент
• Добавлена ​​поддержка search_placeholder
• Обновленная функциональность post_date для работы со старыми версиями WP — может отображаться как дата , или диапазон дат — поле post_date использует тип ввода HTML 5 дата — браузеры, которые его не поддерживают, будут просто покажите текстовое поле — руководство по интеграции jquery для изящной деградации находится в разработке
• Переименован submitlabel в submit_label — submitlabel все еще работает.
• Переименован тип в типы — тип все еще работает.
• Обновленное отображение флажков и переключателей, входные данные теперь заключены в неупорядоченный список, что может повлиять на ваш стиль
• Различные исправления ошибок
• Спасибо bradaric за помощь с иерархическими раскрывающимися списками и типами ввода даты — https://github.com/bradaric

1.1.3

• Добавлена ​​поддержка отображения post_date как даты или диапазона дат (WP 3.7+) тип

1.1.2

• Добавлена ​​поддержка всех общедоступных и настраиваемых типов сообщений (вложение , тип сообщения исключен) — все типы сообщений могут быть доступны для поиска пользователем или предопределены и скрыты от пользователя. Это позволяет пользователям добавлять на свой сайт несколько виджетов поиска, которые работают с определенными типами сообщений независимо друг от друга.
• Добавлена ​​официальная обновленная документация, создана и перенесена в Search & Filter Docs

1.1.1

• Исправлено: при отправке пустого поиска / фильтра «? S =» теперь добавляется к URL-адресу (пустой поиск) для принудительной загрузки страницы результатов, ранее это было перенаправлением на домашнюю страницу, что не работает во многих случаях использования.

1.1.0

• Добавлена ​​поддержка флажков и переключателей с возможностью управления этим для каждой отдельной таксономии.
• Добавлена ​​поддержка отображения или скрытия заголовков для каждой отдельной таксономии.
• Добавлена ​​поддержка для передачи имени класса в виджеты Search & Filter, что позволяет стилизовать различные экземпляры Search & Filter.
• Исправлены проблемы с экранированием вывода в поле поиска
• Уведомление: это обновление автоматически добавляет заголовки в раскрывающиеся списки таксономии, ссылки на использование и примеры их отключения.

1.0.3

• Добавлены некоторые документы и скриншоты на страницу плагина

1.0.2

• Версия bump для сайта плагинов WordPress

1.0.1

• Обновлено для использования label-> all_items в объекте таксономии для раскрывающихся списков перед использованием label-> name
• Уведомление: это обновление может привести к поломке некоторых ярлыков, убедитесь, что вы правильно настроили свою таксономию, включая установку label-> all_items

1.0,0

.

Blog Filter — Фильтры сообщений Галерея портфолио сообщений — плагин для WordPress

Blog Filter — лучший плагин для фильтрации сообщений для WordPress. Вы можете фильтровать сообщения, используя фильтры категорий и тегов.

Blog filter имеет действительно простой и удобный (удобный) интерфейс. Он может фильтровать ваши сообщения в блоге по категориям и тегам. Все ваши сообщения будут отображаться в красивой сетке. Просто нажмите на любой фильтр категории / тега, и он мгновенно отфильтрует сообщения. Эта функция может помочь посетителям легко получить отфильтрованный контент, который они ищут.им так легко пользоваться как новичкам, так и опытным пользователям, потому что вам не нужно ничего делать, просто установите и активируйте плагин. Вы можете сгенерировать шорткод и вставить его туда, где вы хотите показать фильтрацию сообщений в блоге или портфолио сообщений. Он автоматически получит все блоги и категории.

Доступно множество опций для настройки цвета и цвета кнопок, отображения / скрытия заголовка, отображения / скрытия деталей / постоянных ссылок / кнопок галереи и т. Д. У него также есть возможность выбрать качество изображения, чтобы вы могли загружать изображения меньшего или большего размера в соответствии с вашими требованиями. потребности.

КАК ИСПОЛЬЗОВАТЬ САМЫЙ ПРОСТОЙ ПЛАГИН ФИЛЬТРА БЛОГА В WORDPRESS

Загрузите и установите плагин на свой сайт. После успешной установки плагина перейдите в «Меню плагинов> Настройки фильтра блога» и настройте необходимые параметры, а затем сгенерируйте шорткод.
Теперь скопируйте шорткод и вставьте его в то место, где вы хотите показывать сообщение в блоге с фильтрами.

Функции фильтра блогов

• Слишком просто — он может автоматически получать все данные из блогов, вам не нужно ничего делать.
• Blog Filters — Простой способ показать сообщения в блоге с помощью фильтров, таких как портфолио сообщений.
• Фильтрация по категориям — категории сообщений будут использоваться для фильтрации сообщений.
• Фильтрация с помощью тегов — теги сообщений будут использоваться для фильтрации сообщений.
• Blog Grid, Post Grid — Вы можете отображать все сообщения блога в виде сетки.
• Параметр качества изображения — вы можете выбрать качество изображения, которое вы собираетесь отображать.
• Responsive Layout — Этот плагин полностью адаптивен, совместим со всеми устройствами, такими как ПК, Mac, планшет, телефон
• Ссылки на сообщения — Вам не нужно ничего делать, они будут автоматически подключаться к вашим отдельным страницам сообщений.
• Заголовок сообщения в блоге — отображение заголовка изображения / метки в сетке изображений сообщений блога.
• Masonry Layout — Этот плагин является автоматической кладкой.
• Blog Multi Color For Filters — применить несколько цветов для фильтров кнопка

Получите гораздо больше с профессиональной версией 3.2 плагина галереи фильтров блогов

Обновите плагин фильтра блогов до премиум-класса — нажмите здесь

Проверить демоверсию плагина Premium Blog Filter — Нажмите здесь

ПРЕМИУМ-ФУНКЦИИ ФИЛЬТРА БЛОГА С ДЕМО

Получите премиум-версию с дополнительными функциями

• Легко и просто
• Адаптивный
• Фильтрация
• Добавить неограниченное количество фильтров
• Неограниченное количество цветов фильтра
• Схема кладки
• Сетка блога, Сетка сообщений.
• Макеты с несколькими столбцами
• На основе начальной загрузки
• 5 Эффект наведения
• Light Box Pop-up Style Blog Filter (Портфолио сообщения в блоге)
• Название блога
• Фильтр блогов в виджете
• Портфолио сообщений в блогах для SEO
• Простая и удобная панель управления настраиваемыми плагинами
• Пользовательский CSS
• Легко внедрить где угодно в WordPress
• Легко настраиваемый
• Быстрая, дружелюбная и качественная поддержка
• Плагин Blog Filter (Портфолио сообщений в блоге) очень прост в использовании, он также удобен и хорошо спроектирован, вы можете легко создать свое портфолио за несколько минут.Настройка портфолио создается с помощью раскрывающейся панели переключения для отдельных настроек, пользователь может легко понять и легко настроить параметры портфолио. Параметр ссылки, фильтр, параметр и параметр описания находятся под изображением.
• Галерея Blog Filter (Портфолио сообщений в блогах) полностью адаптивна и хорошо работает со всеми устройствами, такими как настольные компьютеры, планшеты, iPhone и т. Д.
• Вы можете изменить неограниченное количество цветов в фильтре блога (Портфолио сообщений в блоге), изменить цвета фона заголовка и описания, изменить цвет описания заголовка, а также изменить цвет границы изображений.
• Красиво созданная кладка Фильтр блога (запись блога Портфолио) галерея
• Ссылка на обе темы, вы также можете установить кнопку «Читать дальше» или «Просмотр» и дать ссылку на нее или дать ссылку в фильтре блога (Портфолио сообщения в блоге)
• Установить несколько макетов столбцов, например 1 столбец, 2 столбца, 3 столбца, 4 столбца в сетках сообщений

Самый простой способ добавить фильтры или категорию в блог (Портфолио сообщения в блоге)

Первый плагин блога в WordPress для показа сообщений блога с фильтрами.

Полностью отзывчивый фильтр блога (Портфолио сообщений в блоге)

Blog Filter (Портфолио сообщений в блогах) полностью адаптивно управляется в соответствии с вашими устройствами.

Лайтбоксов с изображениями в фильтре блога (Портфолио сообщения в блоге)

Фильтр блога (Портфолио сообщения в блоге) Световой короб Swipebox

Swipebox — это плагин «лайтбокса» jQuery для настольных компьютеров, мобильных устройств и планшетов.

Основные характеристики

Сетка блога, Сетка сообщений.
Жесты смахивания для мобильных устройств
Навигация по клавиатуре для настольных ПК
Переходы CSS с откатом jQuery
Поддержка Retina для значков пользовательского интерфейса
Простая настройка CSS
Совместимость с Chrome, Safari, Firefox, Opera, IE9 +, IOS4 +, Android, Windows Phone.

Фильтр блога (Портфолио сообщения в блоге) Пользовательский параметр CSS

Custom CSS является частью Custom Design, которая входит в планы WordPress.com Premium и WordPress.com Business. CSS означает каскадные таблицы стилей. Это язык разметки, который контролирует внешний вид HTML-элементов на веб-странице.

Определение макета кладки в фильтре блога (Портфолио сообщения в блоге)

Термин Masonry layout, вероятно, обязан своим названием популярному плагину jQuery Masonry, который используется для создания этого типа макета.Макет каменной кладки также называют макетом стиля Pinterest, поскольку www.pinterest.com был первым крупным веб-сайтом, который использовал этот стиль макета.

Фильтр блога (блог-портфолио) кладка представляет собой сетку, основанную на столбцах. В отличие от других макетов сетки, в нем нет строк с фиксированной высотой. По сути, макет Masonry оптимизирует использование пространства внутри веб-страницы, уменьшая ненужные пробелы. Без этого типа макета требуются определенные ограничения для сохранения структуры макета.

Разработчики и дизайнеры привыкли видеть веб-страницы, размещенные с плавающей точкой CSS. Но этот распространенный тип макета не принимает во внимание размер элементов. Вместо этого он добавляет элементы один за другим, сначала в горизонтальном направлении, затем вертикально.
На следующем изображении показана типичная веб-страница, на которой для макета используются плавающие элементы:

Фильтр блога (Портфолио сообщения в блоге) Характеристики плагинов Masonry Layout

Плагины, перечисленные в предыдущем разделе, содержат уникальные функции в дополнение к общему набору функций.Трудно понять разницу между каждым плагином, просто взглянув на макет Masonry, сгенерированный каждым из них. Все макеты будут выглядеть очень похожими. Перед выбором плагина важно рассмотреть доступные функции. Как правило, большинство плагинов предоставляют API и документацию для определения их функций.

Я предлагаю посмотреть на доступные функции каждого плагина, прежде чем делать свой выбор. Я составил следующий список общих функций из плагинов, перечисленных в предыдущем разделе.Это некоторые из основных функций, но каждый плагин также имеет свои уникальные особенности. Вам решать, какой плагин лучше всего подходит для вашего приложения.

Фильтр блога (Портфолио сообщения в блоге) Размеры столбцов — макеты Masonry могут иметь столбцы фиксированного размера или динамические столбцы. Столбцы фиксированного размера являются нормой. Лучше выбрать плагин, который поддерживает динамические столбцы, так как это увеличивает гибкость.
Сортировка и фильтрация — плагины, такие как Isotope, позволяют сортировать и фильтровать элементы без потери структуры макета.Это хорошая функция, когда вам нужны динамические макеты Masonry.
Animation — В отличие от обычных макетов, макеты Masonry полностью изменяются при добавлении или удалении элементов. Из-за этого лучше иметь эффекты анимации для настройки элементов — это создает потрясающий пользовательский интерфейс.
Динамические элементы — Как правило, мы создаем макет при загрузке страницы, используя доступные элементы. Но для некоторых сайтов может потребоваться возможность добавлять или удалять элементы без обновления. В таких случаях плагин должен иметь возможность автоматически настраивать макет, чтобы обеспечить оптимальную структуру.
Layout Options — плагин должен позволять вам устанавливать ширину столбца, размер желоба, выравнивание и т. Д.

.

Ultimate WooCommerce Filters — плагин для WordPress

Ultimate WooCommerce Filters — это плагин, который позволяет фильтровать продукты WooCommerce по цвету, размеру, атрибуту, категории или тегу. Легко настроить и реализовать с помощью простого виджета фильтра WooCommerce и шорткода фильтра WooCommerce.

Ключевые особенности фильтра WooCommerce

• Фильтрация продуктов WooCommerce по цвету, с фактическими цветами, отображаемыми в виджете на странице вашего магазина
• Фильтр товаров WooCommerce по размеру
• Фильтрация продуктов по любому атрибуту, который вы установили в WooCommerce
• Фильтровать товары по категориям и тегам WooCommerce
• Включить интеллектуальный поиск товаров в виджет фильтрации WooCommerce
• Добавьте умный формат таблицы / просмотр на страницу вашего магазина

Добавлен новый блок Гутенберга для отображения ваших фильтров WooCommerce!

Настроить фильтры WooCommerce очень просто и быстро.Используйте интуитивно понятный палитру цветов, чтобы выбрать цвета для вашего магазина, а затем для каждого продукта просто отметьте те, которые подходят. То же самое и с размерами.

Для категорий и тегов это еще проще! Ultimate WooCommerce Filters автоматически распознает категории и теги, которые вы уже настроили в WooCommerce. Это так же просто, как включить фильтрацию в наших параметрах. После этого все ваши категории WooCommerce и теги WooCommerce будут автоматически доступны в качестве фильтров на странице вашего магазина.

Вариант формата таблицы: Ultimate WooCommerce Filters теперь включает в себя совершенно новый формат таблицы для страницы вашего магазина. Если этот параметр включен, ваша основная страница магазина WooCommerce теперь будет отображаться в формате таблицы вместо обычного формата миниатюр. Благодаря опциям для отображения названия продукта, изображения, цены, рейтинга и кнопки «добавить в корзину» ваши клиенты смогут найти и сравнить именно то, что им нужно, как можно быстрее и проще. Если вы используете этот макет, мы предлагаем не использовать виджет одновременно.

Создайте мощный, эффективный и практичный опыт просмотра продуктов для ваших клиентов с возможностью фильтрации ваших продуктов по атрибутам WooCommerce. Это функция атрибутов, встроенная в WooCommerce и которую вы уже используете для предоставления конкретной информации о своих продуктах. В наших параметрах фильтрации WooCommerce просто укажите, какие атрибуты вы хотите добавить в виджет фильтрации, и они будут автоматически отображаться как фильтры на странице вашего магазина WooCommerce.Никаких дополнительных настроек не требуется. Это невероятно полезная функция, которая выводит покупательский опыт WooCommerce на совершенно новый уровень для ваших клиентов!

  [ultimate-woocommerce-filters]
  

Нет ничего проще, чем отобразить фильтры WooCommerce на странице вашего магазина. Просто добавьте наш виджет на боковую панель страницы вашей темы. Это оно. Виджет фильтра WooCommerce уже настроен для отображения только на странице магазина WooCommerce, а не на других ваших страницах. Кроме того, вы можете разместить фильтры WooCommerce в любом месте страницы, используя интуитивно понятный шорткод, показанный чуть выше.

В дополнение к доступным фильтрам Ultimate WooCommerce Filters также включает динамический и быстрый поиск товаров, который вы можете добавить в виджет фильтра WooCommerce. Благодаря таким функциям, как автозаполнение, ваши клиенты могут быстро найти именно те продукты, которые им нужны.

Функции фильтрации Premium WooCommerce

Ultimate WooCommerce Filters поставляется с множеством расширенных функций в премиум-версии, которые позволяют дополнительно настроить фильтрацию.К ним относятся расширенные параметры атрибутов формата таблицы. Существуют также отдельные параметры макета и функции для каждого типа фильтра, возможность отображать атрибуты фильтра WooCommerce под миниатюрами на странице вашего магазина и многое другое. Есть много способов настроить фильтры WooCommerce так, как вам нужно.

Ultimate WooCommerce Filters премиум-функции включают:

• Отображать атрибуты фильтра WooCommerce под миниатюрами страниц магазина (например, рядом со звездочками рейтинга).Дает вашим клиентам визуальное представление о том, что доступно для каждого продукта, без необходимости переходить на страницу продукта.
• Определенные параметры макета для каждого типа фильтра WooCommerce (цвет, размер, атрибуты, категории и теги).
• Добавить ползунок цены и атрибуты в формат таблицы
• Расширенные параметры, которые позволяют настраивать функции фильтрации и возможности.
• Параметры маркировки, которые позволяют быстро изменять текст определенных этикеток.

Ultimate WooCommerce Filters отлично подходит для магазинов WooCommerce, которые хотят отображать доступные цвета продуктов, таких как магазины одежды, спортивного оборудования, электроники, музыкальные магазины, предметы коллекционирования и многое другое. Собирая все ваши фильтры и поиск в одном месте, вы сэкономите много времени посетителям вашего магазина WooCommerce и улучшите их опыт покупок.

Ultimate WooCommerce Filters полностью совместимы с WPML, и поэтому, если у вас есть магазин WooCommerce на нескольких языках, вы можете использовать его без каких-либо сомнений.

.