Как подключить файл дополнительных стилей из дочерней темы

Решено

(@jurvrn)

Нужно подключить файл дополнительных стилей из дочерней темы.
Перепробовал несколько вариантов (3) не сработало. Может где-то ошибка в коде.
файл functions.php в папке дочерней темы

<?php
 
// 1 вариант подключить файл стилей из дочерней темы
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/stylemobile.css' );
}
 
// 2 вариант подключить файл стилей из ДТ
function my_styles_scripts() {
    wp_enqueue_style( 'easywp-child-4L', get_stylesheet_directory_uri() . '/style.css', array(), '', 'all' );
}
add_action( 'wp_enqueue_scripts', 'my_styles_scripts' );
 
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;
 
// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:
 
if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array(  ) );
// 3 вариант подключить файл стилей из ДТ       
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'stylemobile.css', array(  ) );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );
 
// END ENQUEUE PARENT ACTION

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 31 по 45 (всего 51)

← 1 2 3 4 →

Автор jurvrn
(@jurvrn)

8 лет назад

Обратился на форум именно для этого, потому что люди здесь грамотные. Или у никого из форумчан нет таких знаний?
Зачем нужен уже писал -нужный мне функционал, там не только создание дочерних тем.

SeVlad
(@sevlad)

8 лет назад

Или у никого из форумчан нет таких знаний?

Касаемо Вашего вопроса — Вам же уже всё рассказали.

нужный мне функционал, там не только создание дочерних тем.

Так что же, что?

Автор jurvrn
(@jurvrn)

8 лет назад

Не знаю что рассказали, но ответить как подключить дополнительный стиль stylemobile.css из дочерней темы после основного дочернего style.css так и не смогли.
Функционал — это удобный визуализированный ввод кода. Посмотрите сами этот плагин

SeVlad
(@sevlad)

8 лет назад

Не знаю что рассказали, но ответить как подключить дополнительный стиль stylemobile.css из дочерней темы после основного дочернего style.css так и не смогли.

Это прелестно 🙂 3 человека (не я) рассказывали-рассказывали…
Хотя достаточно всего-навсего заглянуть в документацию.

визуализированный ввод кода

Это что такое?
Чем отличается от «ввода кода» в правильных блокнотах?
Автор jurvrn
(@jurvrn)

8 лет назад
к сожалению ничего на заработало.
Еще раз выкладываю свой funtions.php — просьба в коде написать так, чтобы после style.css дочерней темы срабатывал stylemobile.css (лежит в той же корневой папке дочерней темы что и style.css)
```
<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array(  ) );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );

// END ENQUEUE PARENT ACTION
```
скриншот функционала плагина
редактирование кода
SeVlad
(@sevlad)

8 лет назад

редактирование кода

О ужас.. Сколько лишних телодвижений.. Не нужных аж вообще — ТАК код никто не вставляет. Есть куда более простые способы — от копипаста готового блока из консоли бараузера до автозаполнения в кастомайзере.

И вообще стоит освоить правильные инструменты. И будет Вам счастье. https://i.imgur.com/1E7vMVQ.jpg

За сим откланиваюсь.

Автор jurvrn
(@jurvrn)

8 лет назад

у вас что за плагин к Notepad++ ?
просто в тот плагине при выборе элемента сразу выходят ВСЕ имеющиеся у него значение. Что очень удобно (на первом этапе редактирования).
А что же насчет подключения стиля?
P.S. сайтом занимаюсь не профессионально, в свободное время, это «хобби»

Модератор Юрій
(@yube)

8 лет назад

у вас что за плагин к Notepad++ ?

Где Вы там увидели Notepad++? Написано же: AkelPad. Тщательнее надо© 😉

Кстати, я прошлой подвиндовой жизни именно Акельпадом пользовался (изредка, правда, в основном FAR)

SeVlad
(@sevlad)

8 лет назад

Кстати, я прошлой подвиндовой жизни именно Акельпадом пользовался (изредка, правда, в основном FAR)

Я и на убуне его юзал в вайне 🙂 Мне он намного приятнее чем нотепад++. А линувские редакторы я утомился настраивать и мучатся с глюкам. Хотя там да, есть и хорошие плюшки.

Модератор Юрій
(@yube)

8 лет назад

[offtop]
нотепад++ как-то сразу вызвал отвращение. Пытаюсь пересесть на Атом. Но если что-то надо быстро вправить или нашкрябать — FAR. Да, под Убунтой.
[/offtop]
Автор jurvrn
(@jurvrn)

8 лет назад
как файл стилей stylemobile.css из дочерней темы подключить? )
```
<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array(  ) );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );

// END ENQUEUE PARENT ACTION
```
Автор jurvrn
(@jurvrn)

8 лет назад
вот код, в теории вроде всё правильно, но не работает
```
<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() . '/style.css',array('parent-style') );
    wp_enqueue_style( 'child-style-mobile',get_stylesheet_directory_uri() . '/stylemobile.css',array('parent-style', 'child-style') );
}
```
Модератор Юрій
(@yube)

8 лет назад

вроде всё правильно, но не работает

В чем выражается «не работает» и где это можно увидеть?

Автор jurvrn
(@jurvrn)

8 лет назад

на сайте jurvrn.ru — при уменьшении страницы (окна браузера) адаптивность отсутствует. В stylemobile.css должен подключиться код отвечающий за адаптивность

Модератор Sergey Biryukov
(@sergeybiryukov)

Live and Learn

8 лет назад

при уменьшении страницы (окна браузера) адаптивность отсутствует

У меня присутствует 🙂 Кеш очищали?

Если в коде страницы есть stylemobile.css — значит, функция wp_enqueue_style() сработала. За правила адаптивности она уже никак не отвечает, поэтому данную тему предлагаю закрыть и создать новую.