Personalizar color header según categoría en Wordpress

  • Autor Autor ramones33
  • Fecha de inicio Fecha de inicio
R

ramones33

Zeta
Verificación en dos pasos activada
Me gustaría poder cambiar el color del header (en donde va el logo y el menú superior en wp) en Wordpress de acuerdo a la categoría a la que pertenecen las publicaciones, pero no consigo la forma de hacerlo. Le pregunté a Copilot y me dió esta opción:

PHP:
add_action('wp_head', 'change_header_color_by_category');

function change_header_color_by_category() {
    if (is_category('category-1')) {
        echo '<style type="text/css">.site-header { background-color: #COLOR_CODE; }</style>';
    } elseif (is_category('category-2')) {
        echo '<style type="text/css">.site-header { background-color: #COLOR_CODE; }</style>';
    }
    // Add more conditions for other categories as needed
}

Cambié los valores que se requieren como el nombre correcto de la categoría y coloqué el código de los colores pero no logro mi objetivo, también confirmé que, en el theme aparece "site-header"

Estoy usando el theme Generate Press y el plugin Code Snippets para agregar el código,

¿Alguna sugerencia? Saludos
 
Me gustaría poder cambiar el color del header (en donde va el logo y el menú superior en wp) en Wordpress de acuerdo a la categoría a la que pertenecen las publicaciones, pero no consigo la forma de hacerlo. Le pregunté a Copilot y me dió esta opción:

PHP:
add_action('wp_head', 'change_header_color_by_category');

function change_header_color_by_category() {
    if (is_category('category-1')) {
        echo '<style type="text/css">.site-header { background-color: #COLOR_CODE; }</style>';
    } elseif (is_category('category-2')) {
        echo '<style type="text/css">.site-header { background-color: #COLOR_CODE; }</style>';
    }
    // Add more conditions for other categories as needed
}

Cambié los valores que se requieren como el nombre correcto de la categoría y coloqué el código de los colores pero no logro mi objetivo, también confirmé que, en el theme aparece "site-header"

Estoy usando el theme Generate Press y el plugin Code Snippets para agregar el código,

¿Alguna sugerencia? Saludos
El el body ya tienes una clase con el nombre de la categoria, por ejemplo "category-peliculas" entonce
puedes hacer esto en el css del theme sin usar el codigo php.

Insertar CODE, HTML o PHP:
.category-peliculas .site-header {
    background-color: #ff0000;
}
 
Atrás
Arriba