Обрезка изображения в WordPress Customizer API

(2 оценок, среднее: 5,00 из 5)
Загрузка...

Если вы хотите предоставить своим пользователям возможность выбрать и обрезать изображение перед его использованием, для этого существует класс WP_Customize_Crop­ped_Image_Control Подробнее...

Цикл Wp_Query внутри другого цикла в WordPress

(3 оценок, среднее: 3,67 из 5)
Загрузка...

Использовать вложенный Wp_Query внутри цикла Wp_Query в WordPress можно следующим способом:

<?php 
$args = array(
    'post_type' => 'post'
   
);

$query = new WP_Query($args);

if ($query->have_posts()):while ($query->have_posts()): $query->the_post(); ?>
    

<?php

                    $inner_args = array(
                        'post_type' => 'page'
                    );

                    $inner_query = new WP_Query($inner_args);

                    if ($inner_query->have_posts()): ?>
                         
                            <?php while ($inner_query->have_posts()): $inner_query->the_post(); ?>

                          //тут второй цикл
                            <?php endwhile; ?>
                        
                    <?php endif;
                    $query->reset_postdata(); 
?>



<?php endwhile; endif;
wp_reset_postdata(); ?>

Notepad++ — как свернуть/развернуть блоки с помощью клавиатуры

(9 оценок, среднее: 5,00 из 5)
Загрузка...

Горячие клавиши

Ctrl+Alt+F свернуть текущий уровень и Ctrl+Alt+Shift+F развернуть.

Сворачивание блоков с определенного уровня:
Alt+x - свернет все уровни, что ниже Х включительно.

Alt+0 свернуть все
Alt+1 с первого уровня
Alt+2 со второго

Alt+Shift+x - развернуть уровни

Примечание:

Свернуть все блоки Alt+0, затем разворачивать по одному - внутри будут свернутые блоки. 

Свернуть все блоки Alt+1, затем разворачивать по одному - тоже самое, но внутри будут полностью развернутые блоки. 

Свернуть все блоки третьего уровня Alt+3, затем все Alt+1, затем разворачивать по одному - внутри будут развернутые до третьего уровня блоки. 

Добавлю, что если синтаксис не поддерживается, то хоткеи работать не будут. Например style.less - notepad++ по умолчанию не поддерживает синтаксис .less , однако в этом случаем можно указать синткасис JavaScript, и все будет работать.

Skype — HTML ссылка на приложение

(Пока оценок нет)
Загрузка...

Как добавить на веб-страницу ссылку для звонка через Skype?

Для этого нужен соответствующий синтакс в аттрибуте href  тэга <a>

<a href="skype:skype_name?action">Текст ссылки</a>

skype_name - логин адресата

action - действие на выбор

Подробнее...

Select css оформление — jquery плагин Selectric

(3 оценок, среднее: 3,67 из 5)
Загрузка...

В данной статье рассмотрим плагин 

Selectric.js

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

Подключение:
1. Переходим на сайт плагина: http://selectric.js.org/
2. Скачиваем архив
3. Подключаем к проекту минифицированный js (зависимость от jquery или zepto)
4. Заходим на страницу темирования, скачиваем и подключаем нужный css: http://selectric.js.org/demo.html
5. Пользуясь консолью браузера поправляем в скачанном стили под дизайн.

Подробнее...

Как определить клик вне элемента

(2 оценок, среднее: 5,00 из 5)
Загрузка...

Наиболее частый случай - закрытие элемента по клику за его границами.

Как закрыть меню по клику вне при помощи JavaScript

При помощи делегирования

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

function detectClickOutsideMenu(selector, eventName) {
    $(document).on('click', function(event) {
        if (!$(event.target).closest(selector).length) {

            $('body').trigger(eventName);

        }
    });
}

Подробнее...

Как добавить вложение в email’ы WooCommerce

(2 оценок, среднее: 5,00 из 5)
Загрузка...

Чтобы добавить файл в письмо WooCommerce, воспользуемся фильтром:

add_filter('woocommerce_email_attachments', 'attachment_in_email',10,3);

function attachment_in_email($attachments = array(), $id, $order){
//выбираем, какие письма будут с вложением
    if($id == 'customer_on_hold_order' || $id == 'new_order'){
//путь к файлу
        $attachments = array(get_template_directory(). '/schet.xlsx');
    }
    return $attachments;
}

Подробнее...

Как убрать кнопку «в корзину» в WooCommerce

(23 оценок, среднее: 3,96 из 5)
Загрузка...

В некоторых случаях необходимо убрать кнопку "в корзину" в WooCommerce, чтобы интернет-магазин стал каталогом товаров. 

Для этого необходимо добавить в functions.php следующий код:

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Первая функция удаляет кнопку "Добавить в корзину" со страниц категорий товаров, вторая функция удаляет кнопку со страницы товара.

Данный код необходимо вставить в файл темы functions.php (например вначале файла, после открывающего тега <?php, либо в конец), его можно отредактировать из админки WordPress (пункт меню Внешний вид->Редактор).

Как определить объект Jquery

(Пока оценок нет)
Загрузка...

Как узнать, является ли объект обернутым в Jquery?

function(element){
   var $element = null;
   if(element instanceof jQuery){
     $element = element;// если объект уже обернут в Jquery, то нет смысла делать это повторно
   }else{
     $element = $(element);
   }
}

 

Это полезно, когда в функцию может попасть как обернутый элемент, так и не обернутый, например из:

$('ul').find('li');

 

Benchmark

Добавление мета полей к медиафайлам в WordPress

(2 оценок, среднее: 3,00 из 5)
Загрузка...

Для добавление мета-полей к медиафайлам в WordPress понадобится следующий код:

function meta_img_price_edit( $form_fields, $post ) {

   $form_fields['product_price'] = array(
      'label' => 'Цена',
      'input' => 'text',
      'value' => get_post_meta( $post->ID, 'product_price', true ),
   );

//если необходимо добавить не текстовое поле, а, например, radio
$product_izmerenie = get_post_meta( $post->ID, 'product_izmerenie', true );
$checked_s = '';
$checked_m = '';
if($product_izmerenie == 'metr'){
   $checked_m = 'checked';
}
if($product_izmerenie == 'sht'){
   $checked_s = 'checked';
}
$form_fields['product_izmerenie'] = array(
   'label' => 'Единица<br> измерения',
   'input' => 'html',
   'html' => "<input id='izmerenie-sht' $checked_s type='radio' name='attachments[$post->ID][product_izmerenie]' value='sht'><label for='izmerenie-sht'>штука</label><Br>
  <input id='izmerenie-metr' type='radio' $checked_m name='attachments[$post->ID][product_izmerenie]' value='metr'><label for='izmerenie-metr'>метр погонный</label>"
);

return $form_fields;
}

add_filter( 'attachment_fields_to_edit', 'meta_img_price_edit', 10, 2 );

//сохранение значений
function meta_img_price_save( $post, $attachment ) {
if( isset( $attachment['product_price'] ) )
   update_post_meta( $post['ID'], 'product_price', $attachment['product_price'] );
if( isset( $attachment['product_izmerenie'] ) )
   update_post_meta( $post['ID'], 'product_izmerenie', $attachment['product_izmerenie'] );

return $post;
}

add_filter( 'attachment_fields_to_save', 'meta_img_price_save', 10, 2 );

Подробнее...

Страница 5 из 7« Первая...34567