День добрый всем. Есть вопрос:
Как можно реализовать кодом CSS в доп стилях чтобы:
1) На главной странице сайта и на страницах рубрик (они статические, их около 7-8) убрать белый фон и вставить фон картинку под всеми элементами страницы.
2) На всех остальных записях, архивах и рубриках осталось чтобы всё как есть, белая подложка под текстом.
Сам сайт; главная страница https://allgamesepic.ru/
Установлена тема Refined Magazine
Нашёл в интернете один человек советует как сделать, но я не понимаю как реализовать, вот код который он написал:
для каждой страницы в body добавляется класс этой страницы, например <body class="page-15">что соответствует странице с ID = 15, прописываете в style.css:body.page-15 {background:url(ссылка на изображение);}
Не пойму что и куда писать, в style.css... после всего кода туда писать? Что писать в доп стиле?
Объясните новичку, но желательно чтобы я понял,а то совсем нуб.
Есть понимание, что как то надо показать по ID страницам этим статическим что на них надо выводить фон подложку..
Написал в style.css такое в самом низу :
<body class="page-655">
body.page-655 {background-image:url(https://allgamesepic.ru/wp-content/uploads/2020/05/old-paper-bakground-allgamesepic-scaled.jpg);
}
но...не работает...
Народ, помогите, реально не работает счётчик, куда бы я его не ставил...
вот файл хедер
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
* @package Grace_Mag
*/
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m=m||function(){(m.a=m.a||[]).push(arguments)}; m.l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(63037222, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/63037222" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </head> <body <?php body_class(); ?>> <?php if( class_exists( 'wp_body_open' ) ) { wp_body_open(); } /** * Hook - grace_mag_site_preloader_action. * * @hooked grace_mag_site_preloader_action - 10 */ do_action( 'grace_mag_site_preloader' ); ?> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'grace-mag' ); ?></a> <header id="gm-masterheader" class="gm-masterheader"> <?php if( has_header_image() ) { ?> <div class="header-inner withbg" style="background-image: url( <?php header_image(); ?> );"> <?php } else { ?> <div class="header-inner"> <?php } $display_top_header = grace_mag_mod( 'display_top_header', true ); if( $display_top_header == true ) { ?> <div class="header-top-block top-bar clearfix"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-lg-4"> <?php /** * Hook - grace_mag_header_current_date. * * @hooked grace_mag_header_current_date_action - 10 */ do_action( 'grace_mag_header_current_date' ); ?> </div> <div class="col-12 col-lg-5"> <?php /** * Hook - grace_mag_header_breaking_news. * * @hooked grace_mag_header_breaking_news_action - 10 */ do_action( 'grace_mag_header_breaking_news' ); ?> </div> <!--col-lg-5--> <div class="col-12 col-lg-3"> <?php /** * Hook - grace_mag_header_social_links. * * @hooked grace_mag_header_social_links_action - 10 */ do_action( 'grace_mag_header_social_links' ); ?> </div> </div> <!--row--> </div> <!--container--> </div> <?php } ?> <!--top-header topbar--> <div class="header-mid-block logo-sec"> <div class="container"> <div class="row align-items-center"> <div class="col-5 col-md-3 col-lg-4"> <div class="logo-area"> <?php /** * Hook - grace_mag_header_custom_logo. * * @hooked grace_mag_header_custom_logo_action - 10 */ do_action( 'grace_mag_header_custom_logo' ); ?> </div> </div> <!--logo-area--> <div class="col-7 col-md-9 col-lg-8"> <?php /** * Hook - grace_mag_header_advertisement. * * @hooked grace_mag_header_advertisement_action - 10 */ do_action( 'grace_mag_header_advertisement' ); ?> </div> </div> <!--row--> </div> <!--container--> </div> <!--header-mid-block logo-sec--> <div class="header-bottom-block primary-menu"> <div class="container"> <div class="menu-wrap clearfix"> <?php /** * Hook - grace_mag_header_canvas_menu_button. * * @hooked grace_mag_header_canvas_menu_button_action - 10 */ do_action( 'grace_mag_header_canvas_menu_button' ); /** * Hook - grace_mag_header_main_menu. * * @hooked grace_mag_header_main_menu_action - 10 */ do_action( 'grace_mag_header_main_menu' ); /** * Hook - grace_mag_header_mobile_menu. * * @hooked grace_mag_header_mobile_menu_action - 10 */ do_action( 'grace_mag_header_mobile_menu' ); /** * Hook - grace_mag_header_search. * * @hooked grace_mag_header_search_action - 10 */ do_action( 'grace_mag_header_search' ); ?> </div> <!--menu wrap--> </div> <!--container--> </div> <!--header-bottom-block primary menu--> </div> <!--inner header--> </header> <?php /** * Hook - grace_mag_header_canvas_menu. * * @hooked grace_mag_header_canvas_menu_action - 10 */ do_action( 'grace_mag_header_canvas_menu' ); вставил код- не работает горит жёлтым постоянно в метрике... пробовал плагином ставить то же самое.. шаблон темы дочерняя Grace Mag.
Спасибо большое за ответы!
Добрый день всем уважаемые. Тривиальный вопрос от новичка:
Куда правильней поставить счётчик Яндекс Метрики?
Ставил в футер кодом, раз в неделю в Яндекс вебмастере появляется ошибка что счётчик не виден, код вставил правильно, в метрике статистика идёт,зелёненький кружок напротив счётчика всегда, видимо думаю иногда бывают какие то обрывы при передаче статистики.
Поставить в файл header кодом может быть его?
Если да, то файл header тупо скопировать с основной темы в дочернюю и в нём поменять? (сейчас активирована дочерняя)
В PageSpeed Insights скорость после этого упадёт, правильно?
В Хедере его можно в виджет запихнуть? Там есть вроде виджет встраиваемый. Или не стоит?
Понял,спасибо большое
Ещё вопрос по Wordpress.
Стоит тема Twenty Twenty (дефолтная)
Сделал с неё дочку, но она вообще можно сказать пустая, ни модулей по настройке типографики на страничках и записях, ни сайдбара..ну вообще голенькая...А так как я полный нуб- то и вопрос нубский.
Могу я с темы Astra(в ней нормальный функционал более менее) просто взять все файлы,файл стилей, хедер,футер,в общем все файлы скопировать и кинуть в дочку Twenty Twenty? Работать будет?
Если нет то растолкуйте, просто хочется типографику с Astra перетащить, оставив сам костяк темы Twenty
Спасибо,понял.
Значит тупо копирую header.php из родительской в дочернюю и всё?
Есть конечно функция вставки лого, но мне надо именно картинку свою вставить. Кодом. Шириной во весь сайт в шапке.
Подскажите по Wordpress. Стоит тема Astra, на ней сделал "дочернюю" тему. Возникло желание поставить в шапке свою картинку.
В дочерней теме всего два файла которые можно редактировать, это style.css и functions.php...
Теперь собственно вопрос,
1) мне надо сделать файлик header.php в дочерней? Если да то:
2) он будет пустой, мне в него просто вписать код для шапки? Или надо сперва весь код скопировать с файла header.php с родительской темы?
Извините за нубо вопросы, но я только учусь.
Если есть возможность подскажите какой код писать, чтобы шапку менять, именно картинку. Либо по порядку напишите как реализовать это дело.
Спасибо всем за ответы,из них я понял что не так уж и всё плохо у меня. Просто я столкнулся с картинками в первый раз,именно для сайта своего. Боялся что не правильно что то делаю. Но как понял из ответов,вроде не всё так печально. Тут сайт просили посмотреть на котором изображения,вот он: AllGamesEpic
Он маленький,формат-"статейник" по онлайн играм с открытым миром. Ковыряюсь над ним. Может что подскажете по главной странице, как выводить картинки правильней, сейчас сделано две карусели вверху,и внизу блок с большой картинкой статьёй и комментами справа...пока такая структура...