Skip to content

Instantly share code, notes, and snippets.

View sergeykonovalenko's full-sized avatar
:atom:
⭐⭐⭐⭐⭐

Sergey Konovalenko sergeykonovalenko

:atom:
⭐⭐⭐⭐⭐
5 followers · 16 following
View GitHub Profile
@sergeykonovalenko
sergeykonovalenko / jQuery: Закрытие элемента по клику за пределами его области (вне элемента)
Last active May 19, 2020 08:17
jQuery(function($){
$(document).mouseup(function (e){ // событие клика по веб-документу
let div = $('#popup'); // тут указываем ID элемента
if (!div.is(e.target) // если клик был не по нашему блоку
&& div.has(e.target).length === 0) { // и не по его дочерним элементам
div.hide(); // скрываем его
}
});
});
@sergeykonovalenko
sergeykonovalenko / index.html
Created January 15, 2020 12:18
Елементи WOW блимають на екрані незадовго до анімації
<style> .wow{ opacity: 0; } </style>
<script> function afterReveal( el ) { el.addEventListener('animationstart', function( event ) { $('.wow').each(function(){ $(this).css('opacity',1); }); }); } new WOW({ callback: afterReveal }).init() </script>
@sergeykonovalenko
sergeykonovalenko / style.scss
Last active May 19, 2020 15:50
Styling slick slider dots
.my-slider .slick-dots {
position: absolute;
bottom: -15px;
left: 50%;
z-index: 1;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
@sergeykonovalenko
sergeykonovalenko / style.css
Last active April 15, 2020 15:38
Slick Slider – слайды одинаковые по высоте
.my-slider.slick-initialized .slick-track {
display: flex !important;
}
.my-slider.slick-initialized .slick-slide {
display: flex;
height: inherit !important;
}
.my-slider.slick-initialized .slick-slide > div {
@sergeykonovalenko
sergeykonovalenko / functions.php
Created December 6, 2019 07:44
WP редирект с http:// на https://
// redirect with http on https
$use_sts = true;
if ($use_sts && isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off') {
header('Strict-Transport-Security: max-age=31536000');
} elseif ($use_sts) {
header('Location: https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'], true, 301);
die();
}
@sergeykonovalenko
sergeykonovalenko / wordpress_webp_thumb_generation
Created March 28, 2019 13:27
Конвертировать изображения в webp сразу после загрузки можно с помощью php модуля imagick. Обычно он уже встроен на хостинге, это можно узнать из php_info().
/**
* Генерирует webp копии изображений сразу после загрузки изображения в медиабиблиотеку
*
* - новые файлы сохраняет с именем name.ext.webp, например, thumb.jpg.webp
*/
function gt_webp_generation($metadata) {
$uploads = wp_upload_dir(); // получает папку для загрузки медиафайлов
$file = $uploads['basedir'] . '/' . $metadata['file']; // получает исходный файл
$ext = wp_check_filetype($file); // получает расширение файла
@sergeykonovalenko
sergeykonovalenko / Комбинации клавиш для Bash
Created December 18, 2018 17:07
##### Перемещение курсора:
Ctrl + a — переход в начало строки
Ctrl + b — переход на 1 символ назад
Ctrl + c — посылает программе SIGINT. Обычно, прерывает текущее задание
Ctrl + d — удаляет символ под курсором (аналог delete)
Ctrl + e — переход к концу строки
Ctrl + f — переход на 1 символ вперёд
Ctrl + xx — переходит от текущей позиции курса в начало строки и обратно.
Ctrl + p — Предыдущая команда (Стрелка вверх)
@sergeykonovalenko
sergeykonovalenko / HTML карта сайта WP
Last active June 23, 2018 09:35
Существует достаточно много плагинов, которые строят карту сайта HTML. Но, может быть, вы хотите добавить какие-то специфические особенности для карты вашего сайта. Например, включить или исключить определенные типы заметок и страниц, показать таксономию, и так далее. Поэтому будет полезно создать шаблон карты сайта в своей теме и использовать его.
<h2 id="authors">Authors</h2>
<ul>
<?php
wp_list_authors(
array(
'exclude_admin' => false,
)
);
?>
</ul>
@sergeykonovalenko
sergeykonovalenko / Post Thumbnail
Created April 3, 2018 09:49
Вывод миниатюр в виде ссылок на пост
<?php if ( has_post_thumbnail()) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
<?php the_post_thumbnail(); ?>
</a>
<?php endif; ?>
@sergeykonovalenko
sergeykonovalenko / WordPress query_posts
Last active April 3, 2018 10:38
Вывод записей с определенной статьи
<?php if ( have_posts() ) : query_posts('p=1');
while (have_posts()) : the_post(); ?>
<?php the_title(); ?>
<?php the_content(); ?>
<?php the_post_thumbnail(array(100, 100)); ?>
<?php endwhile; endif; wp_reset_query(); ?>