Verschiedene Farben in Navigation und Template

bienchen

Ich weiß nicht, was ich machen muß, um folgendes Problem zu lösen:

Meine Navigation besteht aus weißen Button mit schwarzem Text (Hovereffekt Rot/Aktiv Rot).

Jetzt möchte ich für eine Seite einer bestimmten Kategorie eine andere Navigations-Button-Textfarbe habe, dass heißt BLAU für den aktiven Button. Und auch die Überschrift h1 oder h2 möchte ich für diese Kategorieseite in dem Blau haben. Funktioniert das???

Auf welche Dateien müßte ich zugreifen und welche Code-Erweiterung muß ich vornehmen?

Vielleicht kann mir Jemand einen nützlichen Tipp geben, würde mich freuen.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Nevery

Nen Link zu Deiner Seite würde dabei helfen, Dir zu helfen ;)

bienchen

... einen direkten Link gibt es bisher nicht. Aber ich füge mal einen Screenshot ein. Allerdings sind die Farben etwas anders wie beschrieben.

Die Navigationsbutton "woorden" , "oorden", etc. sind Kategorien. Beiträge unter der Kategorie woorden werden auf dieser Seite angezeigt. Nach jetziger Konfiguration wird der Aktivbutton in rot angezeigt und die passiven in blau.
Die Kategorie "woorden" soll aber in orange mit orangener Überschrift und "oorden" mit grün und grüner Überschrift angezeigt werden... funktioniert sowas?

Nevery

Das kommt einfach darauf an, wie das von Dir verwendete Theme aufgebaut ist, deswegen kann ich Dir das anhand von Screenshots nicht sagen.
Möglicherweise siehst Du im Quelltext der Seite etwas wie category-X oder ähnliches, dann wirst Du mehr oder weniger darauf zugreifen und die CSS-Datei entsprechend anpassen können. Andernfalls müsstest Du vorher die entsprechenden Klassen hinzufügen.

bienchen

Für die Kategorie-Seite habe ich die index.php dupliziert und umbenannt in oorden.php

Siehe Code

PHP

<?php
/*
Template Name: Oorden
*/
?>
<?php get_header(); ?>
<?php query_posts('category_name=Oorden'); ?>
            <?php get_sidebar('top'); ?>
            <?php
            if (have_posts()) {
                /* Display navigation to next/previous pages when applicable */
                if (theme_get_option('theme_' . (theme_is_home() ? 'home_' : '') . 'top_posts_navigation')) {
                    theme_page_navigation();
                }
                /* Start the Loop */
                while (have_posts()) {
                    the_post();
                    get_template_part('content', get_post_format());
                }
                /* Display navigation to next/previous pages when applicable */
                if (theme_get_option('theme_bottom_posts_navigation')) {
                    theme_page_navigation();
                }
            } else {
                theme_404_content();
            }
            ?>
            <?php get_sidebar('bottom'); ?>
<?php get_footer(); ?>

Alles anzeigen

bienchen

Hier noch der Code von der header.php

PHP

<?php global $wp_locale;
if (isset($wp_locale)) {
    $wp_locale->text_direction = 'ltr';
} ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset') ?>" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<!-- Created by Artisteer v4.2.0.60623 -->
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width" />
<!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
remove_action('wp_head', 'wp_generator');
if (is_singular() && get_option('thread_comments')) {
    wp_enqueue_script('comment-reply');
}
wp_head();
?>
</head>
<body <?php body_class(); ?>>


<div id="art-main">


<?php if(theme_has_layout_part("header")) : ?>
<header class="art-header<?php echo (theme_get_option('theme_header_clickable') ? ' clickable' : ''); ?>"><?php get_sidebar('header'); ?></header>
<?php endif; ?>


<div class="art-sheet clearfix">
<nav class="art-nav">
    <?php
    echo theme_get_menu(array(
            'source' => theme_get_option('theme_menu_source'),
            'depth' => theme_get_option('theme_menu_depth'),
            'menu' => 'primary-menu',
            'class' => 'art-hmenu'
        )
    );
    get_sidebar('nav'); 
?> 
    </nav>
<div class="art-layout-wrapper">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-content">

Alles anzeigen

bienchen

Ich möchte nochmal um Hilfe bitten.
Gibt es die Möglichkeit, die Navigation für verschiedene Templates unterschiedlich anzeigen zu lassen. Vielleicht mit einer neuen CSS-Datei und den passenden Klassen? Ich weiß nicht, wo ich was einbinden muß, damit mein erstelltes Template auch auf die richtige CSS zugreift, damit die Farben für Überschriften und Navi anders erscheinen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Verschiedene Farben in Navigation und Template

Jetzt mitmachen!