lens10

lens10
Рейтинг
7
Регистрация
28.04.2020

День добрый всем. Есть вопрос:

Как можно реализовать кодом 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.

SeVlad:
Если интересуют более реальные показатели - как можно ниже. Если наоборот - пузомерки, то вверху.


Это скорее всего сигнал о том, что страница не догружается. Надо разбираться - смотреть логи, изучать нагрузку и тд.

В этой фекомерялке нет скорости и там она падать не может в принципе. Могут меняются попугаи, но от места положения счётчиков они не зависят (ну разве что на как-то незначительный миллиграм).

Спасибо большое за ответы!

Добрый день всем уважаемые. Тривиальный вопрос от новичка:

Куда правильней поставить счётчик Яндекс Метрики?

Ставил в футер кодом, раз в неделю в Яндекс вебмастере появляется ошибка что счётчик не виден, код вставил правильно, в метрике статистика идёт,зелёненький кружок напротив счётчика всегда, видимо думаю иногда бывают какие то обрывы при передаче статистики.

Поставить в файл header кодом может быть его?

Если да, то файл header тупо скопировать с основной темы в дочернюю и в нём поменять? (сейчас активирована дочерняя)

В PageSpeed Insights скорость после этого упадёт, правильно?

В Хедере его можно в виджет запихнуть? Там есть вроде виджет встраиваемый. Или не стоит?

SeVlad:
Ну никто тебе помешать не сможет. Но толку не будет.
Тем более что дочку определяет заголовки в style.ccs и "просто его скопировать" получишь 2е дочки одной и той же темы. Кури выше данный ман по-русски.


Если под "типографской" ты имеешь в иду работу со шрифтами из админки (дурацкая по сути фича), то тебе проще поставить плагин для этого (не спрашивай какой - вряд ли кто знает. Ищи в репо)

Понял,спасибо большое

Ещё вопрос по Wordpress.

Стоит тема Twenty Twenty (дефолтная)

Сделал с неё дочку, но она вообще можно сказать пустая, ни модулей по настройке типографики на страничках и записях, ни сайдбара..ну вообще голенькая...А так как я полный нуб- то и вопрос нубский.

Могу я с темы Astra(в ней нормальный функционал более менее) просто взять все файлы,файл стилей, хедер,футер,в общем все файлы скопировать и кинуть в дочку Twenty Twenty? Работать будет?

Если нет то растолкуйте, просто хочется типографику с Astra перетащить, оставив сам костяк темы Twenty

SeVlad:



И изменить его как тебе надо.
Или можно с пом. хуков
См.
https://developers.wpastra.com/theme-visual-hooks/
https://wpastra.com/docs/using-hooks/

Спасибо,понял.

onep:
Скопировать файл header.php из родительской темы в дочернюю.
Посмотрите, обычно в темах реализована смена логотипа через кастомайзер (в админпанели Внешний вид -> Настроить -> Свойства сайта).

Значит тупо копирую header.php из родительской в дочернюю и всё?

Есть конечно функция вставки лого, но мне надо именно картинку свою вставить. Кодом. Шириной во весь сайт в шапке.

Подскажите по Wordpress. Стоит тема Astra, на ней сделал "дочернюю" тему. Возникло желание поставить в шапке свою картинку.

В дочерней теме всего два файла которые можно редактировать, это style.css и functions.php...

Теперь собственно вопрос,

1) мне надо сделать файлик header.php в дочерней? Если да то:

2) он будет пустой, мне в него просто вписать код для шапки? Или надо сперва весь код скопировать с файла header.php с родительской темы?

Извините за нубо вопросы, но я только учусь.

Если есть возможность подскажите какой код писать, чтобы шапку менять, именно картинку. Либо по порядку напишите как реализовать это дело.

Спасибо всем за ответы,из них я понял что не так уж и всё плохо у меня. Просто я столкнулся с картинками в первый раз,именно для сайта своего. Боялся что не правильно что то делаю. Но как понял из ответов,вроде не всё так печально. Тут сайт просили посмотреть на котором изображения,вот он: AllGamesEpic

Он маленький,формат-"статейник" по онлайн играм с открытым миром. Ковыряюсь над ним. Может что подскажете по главной странице, как выводить картинки правильней, сейчас сделано две карусели вверху,и внизу блок с большой картинкой статьёй и комментами справа...пока такая структура...

12
Всего: 12