Верстка сайтов

«Развернуть» дамп базы через SSH консоль

Верстка сайтов / , , , ,

Восстановить базу данных из дампа можно несколькими способами, это и через панель хостинга, и через MyPhpAdmin. Но иногда импорт через MyPhpAdmin завершается ошибкой, особенно когда база большого объема. Поэтому гораздо проще и быстрее развернуть дамп базы через консоль SSH. Это можно сделать с помощью следующей команды: mysql -h имя_хоста_DB -u имя_пользователя_DB -pпароль_DB имя_DB < путь_к_файлу_дампа_базы …

«Развернуть» дамп базы через SSH консоль Читать полностью »

Полезные плагины для WordPress

Верстка сайтов / , , ,

Ultimate Member — плагин для создания сообществ и пользовательских профилей в WordPress. https://ultimatemember.com/ и https://wordpress.org/plugins/ultimate-member/. Альтернатива: плагин WP-Recall https://wordpress.org/plugins/wp-recall/ (Ultimate Member проще и понятнее) Search & Filter — плагин для организации своего поиска на сайте и фильтра рубрик и кастомных записей. https://ru.wordpress.org/plugins/search-filter/ WPC Variations Radio Buttons for WooCommerce — плагин для удобного выбора вариативных товаров. https://ru.wordpress.org/plugins/wpc-variations-radio-buttons/

Отключить редактор блоков Гутенберг

Верстка сайтов / , ,

В файле functions.php прописываем следующий код:

1
2
3
4
5
6
7
8
9
// отключим Гутенберг
if( 'disable_gutenberg' ){
add_filter( 'use_block_editor_for_post_type', '__return_false', 100 );
remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' );
add_action( 'admin_init', function(){
remove_action( 'admin_notices', [ 'WP_Privacy_Policy_Content', 'notice' ] );
add_action( 'edit_form_after_title', [ 'WP_Privacy_Policy_Content', 'notice' ] );
} );
}

Woocommerce полезные хуки

Верстка сайтов / , , ,

При работе с плагином Woocommerce на сайте часто требуется изменять вид отображения карточек товара, корзины и многое другое. Для этих целей можно править шаблоны, применять плагины и использовать хуки. В этом посте я буду собирать полезные хуки для вукомерц. Хуки (hooks)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/* убрать ссылку с карточки товара */
add_action('woocommerce_before_shop_loop_item', 'remove_link', 1);
function remove_link() {
remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );
}
 
/* убрать ссылку с корзины */
add_filter( 'woocommerce_cart_item_name', 'mad_remove_cart_product_link', 1, 3 );
function mad_remove_cart_product_link( $product_link, $cart_item, $cart_item_key ) {
    $product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
    return " Ч " . $product->get_title() . " Ч ";
}
 
// Выводит в карточке товара В наличии, по умолчанию в наличии не выводит, только предзаказ и нет в наличии выводит
add_filter( 'woocommerce_get_availability', 'wcs_custom_get_availability', 1, 2);
function wcs_custom_get_availability( $availability, $_product ) {
    // Change In Stock Text
    if ( $_product->is_in_stock() ) {
if (get_post_meta(get_the_ID(), '_stock_status', true) == 'instock') {
         $availability['availability'] = __('в наличии', 'woocommerce');
}
    }
    return $availability;
}
 
/* вывести краткое описание в мини карточке товара */
add_action('woocommerce_after_shop_loop_item_title','woocommerce_template_single_excerpt', 5);
 
//убираем количество товаров в скобках в категориях
add_filter('woocommerce_subcategory_count_html','remove_count');
function remove_count(){
$html='';
return $html;
}
 
// Автоматическое обновлении корзины, при изменении количества товаров
// Нельзя убирать input «Обновить», если он не нужен его надо просто скрыть display: none, без него обновление не работает
add_action( 'wp_footer', 'cart_update_qty_script' );
function cart_update_qty_script() {
if (is_cart()) : ?>
<script>
jQuery('div.woocommerce').on('change', '.qty', function(){
jQuery("[name='update_cart']").trigger("click");
});
</script>
<?php endif; }
 
// Сортировка товаров WooCommerce, нет в наличии ставим в конец перечня товаров, отвалилась корзина
add_action( 'pre_get_posts', 'mik_exclude_category' );
function mik_exclude_category( $query ) {
    if ( $query->is_main_query() ) {
     $query->set( 'meta_key', '_stock_status' );
        $query->set( 'orderby', array('meta_value' => 'ASC', 'date' => 'DESC') );
    }
}

Простое всплывающее окно на сайте

Верстка сайтов / , ,

На сайте часто нужно вывести информацию в шапке о режиме работы или контактах. Чтобы не нагромождать информацию, её можно разместить во всплавающем окне, которое выводится по клику на какой нибудь элемент. Простое всплывающее окошко можно сделать с помощью CSS и  jQuery. Для это добавляем код html на сайт:

XHTML
1
2
3
4
5
6
<div class="wrap">
    <div class="modal"></div>
    <div class="header">
        <a href="#">режим работы</a>
    </div>
</div>

Скрипт вставляем в шапку или футер: …

Простое всплывающее окно на сайте Читать полностью »

Добавляем на сайт свой фид (feed) для Яндекса

Верстка сайтов / , ,

Если с сайта нужно выгрузить фид для Яндекса или для другого сервиса. То есть два способа. Первый это всевозможные плагины, но они почти все работаю с Woocommerce. Второй вариант, написать выгрузку вручную. С такой проблемой я столкнулся на сайте застройщика, квартиры были выполнены кастомными записями. А нужно было несколько фидов в XML-формате для разных сервисов. …

Добавляем на сайт свой фид (feed) для Яндекса Читать полностью »

Свой фильтр для виджета AE Post Blocks от AnyWhere Elementor Pro

Верстка сайтов / , , ,

Для WordPress плагин Elementor выполняет большинство задач не прибегая к ковырянию в коде. Но всё же есть моменты, которые Elementor не выполняет без Хуков. Так  виджет AE Post Blocks от плагина AnyWhere Elementor Pro выводит записи именно те которые прописываются в фильтре И если этот виджет применить для шаблона архива в Elementor, то при переходе по таксономиям (рубрики, …

Свой фильтр для виджета AE Post Blocks от AnyWhere Elementor Pro Читать полностью »

Прилипающее меню или шапка для сайта

Верстка сайтов / , , ,

Чтобы блок с меню (или шапка сайта целиком) при прокрутке страницы вниз — скрывался, а потом прилипал сверху сайта, нужно присвоив  блоку стиль и задать ему свойство position: fixed;.

CSS
1
2
3
4
.menu.fixed {
    position: fixed;
    top: 0px;
}

И прописать, код который при прокрутке на несколько пикселей вниз (в нашем случае на 135px) будет блоку со стилем .menu присваивать стиль .fixed.

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    jQuery(window).scroll(function() {
    var the_top = jQuery(document).scrollTop();
    if (the_top > 135) {
        jQuery('.menu').addClass('fixed');
    }
    else {
        jQuery('.menu').removeClass('fixed');
    }
});
</script>

Так …

Прилипающее меню или шапка для сайта Читать полностью »

Подгружать HTML в DIV

Верстка сайтов / , , ,

Если необходимо на сайте в div подгрузить какой нибудь html контент, это можно сделать следующим образом. Положить html файл на сервер, через FTP-клиент. И прописать скрипт.

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function(){
$.get('/readme.html',function(data){ //указываешь урл от корня папки
$('#content_file_html').html(data); //тут после # пишешь ID слоя куда подгрузить текст
});
});
 
Для WordPress если вставлять код через админку, то этот код:
 
jQuery(document).ready(function(){
jQuery.get('/readme.html',function(data){ //указываешь урл от корня папки
jQuery('#content_file_html').html(data); //тут после # пишешь ID слоя куда подгрузить текст
});
});