индекс спецом выставил, чтобы все элементы поверх картинки отображались с приоритетом, просто я еще раз дам акцент
GET http://webdanger.ru/wp-content/themes/Dovzhenko_under/assets/ 403 (Forbidden)
.header_logo img {
width: 390px;
height: 390px;
margin-top: -100px;
margin-left: -20px;
position: relative;
z-index: -1;
}
.header_logo img {
width: 390px;
height: 390px;
margin-top: -100px;
margin-left: -20px;
position: relative;
z-index: 1;
}
<!DOCTYPE html>
<html lang="ukr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1">
<!-- <meta name="format-detection" content="telephone=no"> -->
<title><?php bloginfo('description');?></title>
<?php wp_head(); ?>
<style>
.slider .slick-arrow.slick-prev {
left: 0;
background: url("<?php bloginfo('template_url');?>/assets/img/slider/sl-arrow_l.svg") 0 0/100% no-repeat; }
.slider .slick-arrow.slick-next {
right: 0;
background: url("<?php bloginfo('template_url');?>/assets/img/slider/sl-arrow_r.svg") 0 0/100% no-repeat; }
</style>
</head>
<body>
<div class="wrapper">
<main class="page">
<section class="main_header">
<section class="social">
<div class="container">
<div class="social_items">
<div class="social_items-text"><?php the_field('social_items-text') ?></div>
<div class="social_items-web">
<div class="social_items-web_fb">
<a target="_blank" href="http://fb.com"><img src="<?php bloginfo('template_url');?>/assets/img/header/facebook.svg" alt="" /></a>
</div>
<div class="social_items-web_in">
<a target="_blank" href="#"><img src="<?php bloginfo('template_url');?>/assets/img/header/instagram-sketched.svg" alt="" /></a>
</div>
</div>
</div>
</div>
</section>
<section class="header_section">
<header class="header">
<div class="container">
<div class="header_logo">
<img src="<?php bloginfo('template_url');?>/assets/img/logo.jpg" alt="" />
</div>
<div class="header_menu">
<nav class="main_menu">
<?php wp_nav_menu( array(
'theme_location' => '',
'menu' => '',
'container' => 'ul',
'container_class' => 'menu_list',
'container_id' => '',
'menu_class' => 'menu_list',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id = "%1$s" class = "%2$s">%3$s</ul>',
'depth' => 0,
'walker' => '',
) ); ?>
<!-- <ul class="menu_list">
<li>
<a href="#" class="menu__link">Концертний зал</a>
</li>
<li>
<a href="#" class="menu__link">Технічний райдер</a>
</li>
<li>
<a href="#" class="menu__link">Календар подій</a>
</li>
<li>
<a href="#" class="menu__link">Гуртки</a>
</li>
<li>
<a href="#" class="menu__link">Галерея</a>
</li>
<li>
<a href="#" class="menu__link">Контакти</a>
</li>
</ul> -->
</nav>
</div>
</div>
</header>
</section>
<section class="menu-burger">
<div class="headd">
<div class="headd-container">
<div class="headd__body">
<a href="#" class="headd__logo">
<img src="<?php bloginfo('template_url');?>/assets/img/logo.jpg" alt="" />
</a>
<div class="headd_burger">
<span></span>
</div>
<nav class="headd-menu">
<?php wp_nav_menu( array(
'theme_location' => '',
'menu' => '',
'container' => 'ul',
'container_class' => 'headd__list',
'container_id' => '',
'menu_class' => 'headd__list',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id = "%1$s" class = "%2$s">%3$s</ul>',
'depth' => 0,
'walker' => '',
) ); ?>
<!-- <ul class="headd__list">
<li>
<a href="#" class="headd__link">Концертний зал</a>
</li>
<li>
<a href="#" class="headd__link">Технічний райдер</a>
</li>
<li>
<a href="#" class="headd__link">Календар подій</a>
</li>
<li>
<a href="#" class="headd__link">Гуртки</a>
</li>
<li>
<a href="#" class="headd__link">Галерея</a>
</li>
<li>
<a href="#" class="headd__link">Контакти</a>
</li>
</ul> -->
</nav>
</div>
</div>
</div>
</section>
</section> <!-- Конец главной секции -->
да я это заметил, но в header.php прописано вот так:
<img src="<?php bloginfo('template_url');?>/assets/img/logo.jpg" alt="" />
с function.php я вас понял, благодарю. Но как же влияет слэш, который я забыл для стилей прописать, на лого, если обратно слэш убрать то лого работает.
GET http://webdanger.ru/wp-content/themes/Dovzhenko_under/assets/ 403 (Forbidden)
<section class="menu-burger">
<div class="headd">
<div class="headd-container">
<div class="headd__body">
<a href="#" class="headd__logo">
<img src="http://webdanger.ru/wp-content/themes/Dovzhenko_under/assets/" alt="" />
</a>
function dovzhenko_scripts() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'https://code.jquery.com/jquery-3.4.1.js' );
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'script-slick', get_template_directory_uri() .'/assets/js/slick.min.js',
array(jquery), null, true );
wp_enqueue_script( 'calendar-first', get_template_directory_uri() .'/assets/js/calendar/moment.js',
array(jquery), null, true );
wp_enqueue_script( 'calendar-second', get_template_directory_uri() .'/assets/js/calendar/jquery.eventCalendar.js',
array(jquery), null, true );
wp_enqueue_script( 'script-main', get_template_directory_uri() .'/assets/js/script.js',
array(jquery), null, true );
}
wp_enqueue_script( 'script-main', get_template_directory_uri() .'/assets/js/script.js',
array(jquery), null, true );
оооо, огромный респект и спасибо вам, еще если поможете с этим вообще цены вам не будет,
$(document).ready(function(){
$(".headd_burger").click(function(event){
$('.headd_burger, .headd-menu').toggleClass('active');
$('body').toggleClass('lock');
});
$(".concert_popup-left").click(function(event){
$('.concert__modulle-left').toggleClass('left-modulle');
});
$(".concert_popup-rigth").click(function(event){
$('.concert__modulle-right').toggleClass('right-modulle');
});
$('.concert__modulle-left').click(function(event){
$('.concert__modulle-left').removeClass('left-modulle');
});
$('.concert__modulle-right').click(function(event){
$('.concert__modulle-right').removeClass('right-modulle');
});
$('.slider').slick({
arrows:true,
dots: true,
adaptiveHeight: true, // адаптивная высота, доп. .slick-track{align-items: flex-start;}
slidesToShow: 3, // Сколько секций показать
slidesToScroll: 1, // Сколько секций проскролить
speed: 1500, // Скорость пролистывания
easing: 'linear', // Вид анимации
infinite: true, //будет ли конец анимации
initialSlide: 0, // Стартовый слайд
autoplay: false, // Авто пролистывание слайдов
autoplaySpeed: 2000, // Скорость задержки пролистывания слайдов
pauseOnFocus: true, // Пауза при нажатии мышкой на слайд
pauseOnHover: true,
pauseOnDotsHover: true, // Пауза при наведении на точки управления
draggable: false, // Запретил на пк таскать мышкой слайды
swipe: true, // На телефоне, см. выше описание
touchMove: true, // Для тачскринов, передвигать пальцем разрешает
waitForAnimate: false, // Разрешает быстро переключать слайды
centerMode: false, // След слайд размещает по центру слайдера
variableWidth: false, //
rows: 1, // Количество рядов в картинках
slidesPerRow: 1, // Количество колонок слайдов
vertical: false, // Вертикальный слайдер, обращай внимание на display: flex; b указывай высоту
asNavFor: ".slider-big",
});
$('.slider-big').slick({
arrows: false,
fade:true,
asNavFor: ".slider",
});
$(function(){
var eventsInline = [
{"date": "2020-02-25 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-28 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-25 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-28 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-19 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-18 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-01 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-03 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
];
$('.calendar_event').eventCalendar({
jsonData: eventsInline,
jsonDateFormat: 'human',
locales: {
locale: "ukr",
txt_noEvents: "На цю дату не має ніяких подій",
txt_SpecificEvents_prev: "",
txt_SpecificEvents_after: "події:",
txt_next: "після",
txt_prev: "до",
txt_NextEvents: "Наступні події:",
txt_GoToEventUrl: "Дивитися",
moment: {
"months" : [ "Січень", "Лютий", "Березень", "Квітень", "Травень", "Червень",
"Липень", "Серпень", "Вересень", "Жовтень", "Листопад", "Грудень" ],
"monthsShort" : [ "Січ", "Лют", "Бер", "Кві", "Тра", "Чер",
"Лип", "Сер", "Вер", "Жов", "Лис", "Гру" ],
"weekdays" : [ "Неділя","Понеділок","Вівторок","Середа",
"Четверг","П'ятниця","Субота" ],
"weekdaysShort" : [ "Нед","Пон","Вів","Сер",
"Чет","Пят","Суб" ],
"weekdaysMin" : [ "Нд","Пн","Вв","Ср",
"Чт","Пт","Сб"],
}
}
});
});
});
$(document).ready(function(){
$(".headd_burger").click(function(event){
$('.headd_burger, .headd-menu').toggleClass('active');
$('body').toggleClass('lock');
});
$(".concert_popup-left").click(function(event){
$('.concert__modulle-left').toggleClass('left-modulle');
});
$(".concert_popup-rigth").click(function(event){
$('.concert__modulle-right').toggleClass('right-modulle');
});
$('.concert__modulle-left').click(function(event){
$('.concert__modulle-left').removeClass('left-modulle');
});
$('.concert__modulle-right').click(function(event){
$('.concert__modulle-right').removeClass('right-modulle');
});
$('.slider').slick({
arrows:true,
dots: true,
adaptiveHeight: true, // адаптивная высота, доп. .slick-track{align-items: flex-start;}
slidesToShow: 3, // Сколько секций показать
slidesToScroll: 1, // Сколько секций проскролить
speed: 1500, // Скорость пролистывания
easing: 'linear', // Вид анимации
infinite: true, //будет ли конец анимации
initialSlide: 0, // Стартовый слайд
autoplay: false, // Авто пролистывание слайдов
autoplaySpeed: 2000, // Скорость задержки пролистывания слайдов
pauseOnFocus: true, // Пауза при нажатии мышкой на слайд
pauseOnHover: true,
pauseOnDotsHover: true, // Пауза при наведении на точки управления
draggable: false, // Запретил на пк таскать мышкой слайды
swipe: true, // На телефоне, см. выше описание
touchMove: true, // Для тачскринов, передвигать пальцем разрешает
waitForAnimate: false, // Разрешает быстро переключать слайды
centerMode: false, // След слайд размещает по центру слайдера
variableWidth: false, //
rows: 1, // Количество рядов в картинках
slidesPerRow: 1, // Количество колонок слайдов
vertical: false, // Вертикальный слайдер, обращай внимание на display: flex; b указывай высоту
asNavFor: ".slider-big",
});
$('.slider-big').slick({
arrows: false,
fade:true,
asNavFor: ".slider",
});
$(function(){
var eventsInline = [
{"date": "2020-02-25 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-28 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-25 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-28 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-19 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-18 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-01 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-03 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
];
$('.calendar_event').eventCalendar({
jsonData: eventsInline,
jsonDateFormat: 'human',
locales: {
locale: "ukr",
txt_noEvents: "На цю дату не має ніяких подій",
txt_SpecificEvents_prev: "",
txt_SpecificEvents_after: "події:",
txt_next: "після",
txt_prev: "до",
txt_NextEvents: "Наступні події:",
txt_GoToEventUrl: "Дивитися",
moment: {
"months" : [ "Січень", "Лютий", "Березень", "Квітень", "Травень", "Червень",
"Липень", "Серпень", "Вересень", "Жовтень", "Листопад", "Грудень" ],
"monthsShort" : [ "Січ", "Лют", "Бер", "Кві", "Тра", "Чер",
"Лип", "Сер", "Вер", "Жов", "Лис", "Гру" ],
"weekdays" : [ "Неділя","Понеділок","Вівторок","Середа",
"Четверг","П'ятниця","Субота" ],
"weekdaysShort" : [ "Нед","Пон","Вів","Сер",
"Чет","Пят","Суб" ],
"weekdaysMin" : [ "Нд","Пн","Вв","Ср",
"Чт","Пт","Сб"],
}
});
});
});
script.js:93 Uncaught SyntaxError: Unexpected end of input
странно, но если добавить слэш там где вы указали, перестает отображаться логотип вообще на всех страницах, и календарь по прежнему не отображается.
script.js:93 Uncaught SyntaxError: Unexpected end of input
$(function(){
var eventsInline = [
{"date": "2020-02-25 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-28 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-25 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-28 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-19 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-18 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-01 21:21:21", "title": "Міжнародний фестиваль ", "description": "Запрошуємо всіх бажаючих на Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
{"date": "2020-02-03 21:21:21", "title": "Міжнародний фестиваль", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, quibusdam?", "url": "http://www.fb.com" },
];
$('.calendar_event').eventCalendar({
jsonData: eventsInline,
jsonDateFormat: 'human',
locales: {
locale: "ukr",
txt_noEvents: "На цю дату не має ніяких подій",
txt_SpecificEvents_prev: "",
txt_SpecificEvents_after: "події:",
txt_next: "після",
txt_prev: "до",
txt_NextEvents: "Наступні події:",
txt_GoToEventUrl: "Дивитися",
moment: {
"months" : [ "Січень", "Лютий", "Березень", "Квітень", "Травень", "Червень",
"Липень", "Серпень", "Вересень", "Жовтень", "Листопад", "Грудень" ],
"monthsShort" : [ "Січ", "Лют", "Бер", "Кві", "Тра", "Чер",
"Лип", "Сер", "Вер", "Жов", "Лис", "Гру" ],
"weekdays" : [ "Неділя","Понеділок","Вівторок","Середа",
"Четверг","П'ятниця","Субота" ],
"weekdaysShort" : [ "Нед","Пон","Вів","Сер",
"Чет","Пят","Суб" ],
"weekdaysMin" : [ "Нд","Пн","Вв","Ср",
"Чт","Пт","Сб"],
}
});
});