Пользовательский CSS на страницу в Wordpress

css wordpress

8284 просмотра

4 ответа

Всем доброе утро,

Я создал другой фон и несколько других изображений для определенных страниц нашего сайта. В настоящее время приведенный ниже код хорошо работает со страницей "дети" на нашем сайте.

<body<?php if ( is_page(array('kids'))) {
echo ' class="kids" '; } ?>>

Я пытаюсь понять, как добавить тот же CSS-код на другие страницы «под» детской страницей. Так что, если вы пойдете на kids / block-party, как мне добавить его в код, чтобы вызвать этот специальный CSS?

Я попробовал ниже

<body<?php if ( is_page(array('kids, kids/block-party'))) {
echo ' class="kids" '; } ?>>

запятая не регистрируется по какой-то причине.

Это сайт WordPress.

Спасибо

Автор: Matthew Snider Источник Размещён: 12.11.2019 09:47

Ответы (4)


5 плюса

Решение

Другой вариант - просто заменить

<body>

с участием

<body <?php body_class(); ?>>

Затем вы можете настроить его через CSS следующим образом:

body.page-id-2, body.parent-pageid-2 { background-color: red; }

Где идентификатор - это идентификатор страницы / родительской страницы, на которую вы нацеливаетесь. Это избавит ваш шаблон от логики и позволит вам использовать те же параметры настройки, которые использует ваш текущий метод.

Автор: Jervis Размещён: 19.08.2010 04:16

3 плюса

Выяснил, что мне нужно '' вокруг них

<body<?php if ( is_page(array('newsletter-1', 'newsletter-2', 'newsletter-3'))) { echo '   class="myclass" '; } ?>>
Автор: Matthew Snider Размещён: 19.08.2010 03:31

1 плюс

Возможно, я обдумал это, но вот мое решение.

Приведенный ниже скрипт автоматически получает все дочерние элементы определенной родительской страницы и печатает нужный вам класс. Это решение прекрасно работает, если вы не хотите обновлять список дочерних страниц вручную.

Это идет в вашем файле header.php:

<?php 
    //set page id 
            $page_id = '98';

           //get page's children 
    $children = get_pages('child_of='.$page_id);
    foreach($children as $child){
       $children_ids = $child->ID;
    }

    if(is_page($page_id) || is_page($children_ids)){
       echo 'class="kids';
    }

?>

Спасибо, и я надеюсь, что это поможет!

Автор: Vidal Quevedo Размещён: 03.10.2011 03:34

1 плюс

Примечание: я знаю, что 3 текущих ответа являются распространенным решением этой проблемы для WP, но на практике я ненавижу это. Он производит раздутый HTML и монолитный CSS: /

Ответ: Вы можете использовать файл шаблона, назначенный любому количеству страниц, чтобы добавить определенный CSS / Javascript следующим образом:

<?php
function my_scripts_method() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
    wp_enqueue_script( 'jquery' );
}    

add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

Источник: http://codex.wordpress.org/Function_Reference/wp_enqueue_script

Автор: Brenden Размещён: 08.09.2012 12:46
Вопросы из категории :
32x32