Skip to content

Instantly share code, notes, and snippets.

View Andrii-Yukhymenko's full-sized avatar
🐳

Andrii Yukhymenko Andrii-Yukhymenko

🐳
View GitHub Profile
@Andrii-Yukhymenko
Andrii-Yukhymenko / gist:c4a92bf1ebd399a8364b37cefcf7caf9
Last active May 29, 2021 16:58
JQuery Плавная прокрутка к элементу
$(document).ready(function() {
$("a.content__button").click(function() {
var elementClick = $(this).attr("href")
var destination = $(elementClick).offset().top;
jQuery("html:not(:animated),body:not(:animated)").animate({
scrollTop: destination
}, 800);
return false;
});
});
// Пример записи:
// $maxWidth: Ширина КОНТЕЙНЕРА, без px!;
// Пример подключения:
// @include adaptiv-font(Размер текста в макете, размер текста при 320px);
$maxWidth: 1200;
@mixin adaptiv-font($pcSize, $mobSize) {
font-size: #{$pcSize + px};
@media (max-width: #{$maxWidth + px}){
@Andrii-Yukhymenko
Andrii-Yukhymenko / Подключение стороннего шрифта
Created November 2, 2020 12:53
Подключение стороннего шрифта
@font-face {
font-family: 'Axis';
src: url('../../build/fonts/axis.woff') format('woff'), url('../../build/fonts/axis.woff2') format('woff2');
}
@Andrii-Yukhymenko
Andrii-Yukhymenko / Подключение favicon.ico
Created November 2, 2020 15:40
Подключение favicon.ico
<link rel="shortcut icon" href="img/favicon.ico">
@Andrii-Yukhymenko
Andrii-Yukhymenko / example-bem-menu.html
Created November 11, 2020 17:43 — forked from campusboy87/example-bem-menu.html
Преобразует дефолтное меню WordPress в меню на основе методологии БЭМ с помощью только фильтров меню
<ul class="menu menu--main menu--horizontal">
<li class="menu-node menu-node--main_lvl_1 menu-node--active">
<a href="#" class="menu-link menu-link--active">Пункт 1</a>
<ul class="menu menu--dropdown menu--vertical">
<li class="menu-node menu-node--main_lvl_2">
<a href="#" class="menu-link">Подпункт 1.1</a>
</li>
<li class="menu-node menu-node--main_lvl_2">
<a href="#" class="menu-link">Подпункт 1.2</a>
</li>
@Andrii-Yukhymenko
Andrii-Yukhymenko / Подсветка текущего пункта меню
Created November 12, 2020 17:31
Проверка текущей страницы и подсветка активного пункта меню
let pagePathName = location.pathname.split('/').slice(-1)[0];
if(pagePathName == ""){
pagePathName = 'index.html'
};
console.log('pagePathName = '+ pagePathName);
$(`.header__menu-item a[href="${ pagePathName }"]`).addClass('header__menu-item_selected');
$(`.footer__menu-item a[href="${ pagePathName }"]`).addClass('header__menu-item_selected');
@Andrii-Yukhymenko
Andrii-Yukhymenko / Динамичный title для сайта на WP
Created November 20, 2020 15:14
Динамичный title для сайта на WP
<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>
@Andrii-Yukhymenko
Andrii-Yukhymenko / Вывод нескольких последних постов с блога на произвольную страницу сайта на WP
Created November 20, 2020 15:18
Вывод нескольких последних постов с блога на произвольную страницу сайта на WP
<?php // Display blog posts on any page @ http://m0n.co/l
$temp = $wp_query; $wp_query= null;
$wp_query = new WP_Query(); $wp_query->query('showposts=3' . '&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
//Вставте сюда код который хотите выводить на странице
<?php endwhile; ?>
@Andrii-Yukhymenko
Andrii-Yukhymenko / Стили для WP чтобы картинки в старом редакторе WP отображались по центру адекватно
Last active November 20, 2020 15:23
Стили для WP чтобы картинки в старом редакторе WP отображались по центру адекватно
//Добавлять эти стили нужно в Внешний вид -> Настроить -> Дополнительные стили
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
max-width: 100%;
height: auto;
@Andrii-Yukhymenko
Andrii-Yukhymenko / Animate.css + wow.js
Created November 20, 2020 19:44
Animate.css + wow.js
<!-- Подключаем стили в head -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<!-- Подключаем скрипты в самый низ сайта -->
<script src="//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>new WOW().init();</script>