Hi Leuz,
hab heute morgen WP installiert u soweit eingerichtet dass es jetzt ganz gut aussieht.
http://www.steinblog.steinindustrie.de/
Ich möchte jetzt aber noch, wie auch beim Suchenfeld, einen blauen Kasten hinter meinen "Kategorien" THEMEN und hinter meinem "Archiv" haben. Diese beiden sind ja über Widgets eingebunden, wie die Suche eben auch. Nur habe ich im CSS für das searchfield einen Container gefunden den ich mit der hg-grafik belegen konnte und bei den THEMEN und ARCHIV ist das eben nicht der Fall.
Also wie bekomm ich hinter die THEMEN auch einen blauen Kasten?
Ich benutze das Kubrik-Theme
thx
flo
Hintergrundgrafik hinter Kategorien?
-
-
- Gerade eben
- Anzeige
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)
-
Beides Widgets bekommen eine Klasse. Entweder die generische Klasse .widget für alle Widgets oder eben .widget_categories für das Kategoriewidget. Einfach im HTML-Quelltext nachschauen welche Klasse vergeben wird und dann dein CSS daran anpassen.
-
nix - soweit war ich ja auch schon.
also die index.php verweist auf die sidebar.php. soweit so gut.
den gesamten sidebar kann ich mit css auch erfassen. auch gut.
aber wenn ich jetzt in die sidebar.php reinschau:PHP
Alles anzeigen<div id="sidebar"> <ul> <?php /* Widgetized sidebar, if you have the plugin installed. */ if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <li> <?php include (TEMPLATEPATH . '/searchform.php'); ?> </li> <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it. <li><h2><?php _e('Author', 'kubrick'); ?></h2> <p>A little something about you, the author. Nothing lengthy, just an overview.</p> </li> --> <?php if ( is_404() || is_category() || is_day() || is_month() || is_year() || is_search() || is_paged() ) { ?> <li> <?php /* If this is a 404 page */ if (is_404()) { ?> <?php /* If this is a category archive */ } elseif (is_category()) { ?> <p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p> <?php /* If this is a yearly archive */ } elseif (is_day()) { ?> <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p> <?php /* If this is a monthly archive */ } elseif (is_month()) { ?> <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p> <?php /* If this is a yearly archive */ } elseif (is_year()) { ?> <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p> <?php /* If this is a monthly archive */ } elseif (is_search()) { ?> <p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p> <?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?> <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p> <?php } ?> </li> <?php }?> <?php wp_list_pages('title_li=<h2>' . __('Pages', 'kubrick') . '</h2>' ); ?> <li><h2><?php _e('Archives', 'kubrick'); ?></h2> <ul> <?php wp_get_archives('type=monthly'); ?> </ul> </li> <?php wp_list_categories('show_count=1&title_li=<h2>' . __('Categories', 'kubrick') . '</h2>'); ?> <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?> <?php wp_list_bookmarks(); ?> <li><h2><?php _e('Meta', 'kubrick'); ?></h2> <ul> <?php wp_register(); ?> <li><?php wp_loginout(); ?></li> <?php wp_meta(); ?> </ul> </li> <?php } ?> <?php endif; ?> </ul> </div>
Dann find ich nichts was dem Widgets "ARCHIV" oder "KATEGORIE" zuzuordnen ist. Ich habe erst gedacht, die php includes mit den yearly archive ist was - aber ich hatte die mal rausgenommen testweise u da is gar nix passiert. und in meiner css gibt es keine widgets.
mmmh un nu? -
Das CSS interessiert sich nicht die Bohne für deine PHP-Dateien. Nur für das generierte HTML was im Browser ankommt. Klick mal in deinem Browser auf "Seitenquelltext anzeigen" oder so ähnlich, dort findest du die Klassennamen schon. ;-)
-
wieder nix da...
ich gugg in die index rein in den quelltext:HTML
Alles anzeigen<li id="categories-455771091" class="widget widget_categories"><h2 class="widgettitle">THEMEN</h2> <ul> <li class="cat-item cat-item-1"><a href="http://www.steinblog.steinindustrie.de/?cat=1" title="Alle unter Startseite abgelegten Artikel ansehen">Startseite</a> </li> <li class="cat-item cat-item-3"><a href="http://www.steinblog.steinindustrie.de/?cat=3" title="Alle unter GaLa-Bau abgelegten Artikel ansehen">GaLa-Bau</a> </li> <li class="cat-item cat-item-5"><a href="http://www.steinblog.steinindustrie.de/?cat=5" title="Alle unter Natursteine abgelegten Artikel ansehen">Natursteine</a> </li> <li class="cat-item cat-item-4"><a href="http://www.steinblog.steinindustrie.de/?cat=4" title="Alle unter Schotterwerke abgelegten Artikel ansehen">Schotterwerke</a> </li> <li class="cat-item cat-item-6"><a href="http://www.steinblog.steinindustrie.de/?cat=6" title="Alle unter Straßen- und Tiefbau abgelegten Artikel ansehen">Straßen- und Tiefbau</a> </li> <li class="cat-item cat-item-7"><a href="http://www.steinblog.steinindustrie.de/?cat=7" title="Alle unter Projekte abgelegten Artikel ansehen">Projekte</a> </li> <li class="cat-item cat-item-8"><a href="http://www.steinblog.steinindustrie.de/?cat=8" title="Alle unter Produkte abgelegten Artikel ansehen">Produkte</a> </li> <li class="cat-item cat-item-9"><a href="http://www.steinblog.steinindustrie.de/?cat=9" title="Alle unter Ideen und Infos abgelegten Artikel ansehen">Ideen und Infos</a> </li>
und
HTML<li id="archives" class="widget widget_archive"><h2 class="widgettitle">ARCHIV</h2> <ul> <li><a href='http://www.steinblog.steinindustrie.de/?m=200906' title='Juni 2009'>Juni 2009</a></li>
wie man sieht gibts da jede menge klassen und IDs, diese sind aber alle - wirkilch alle NICHT in der CSS drine. und die index.php greift aber auch nur auf diese style.css zu. also versteh ich des net so ganz. -
wie man sieht gibts da jede menge klassen und IDs, diese sind aber alle - wirkilch alle NICHT in der CSS drine
Dann leg sie doch dort an. Such dir eine ähnliche Regel, kopier diese, pass den Selektor auf die Widgets an und ändere deine Eigenschaften so ab wie du sie haben möchtest.Oder ist dir nicht klar wie CSS genau funktioniert? Dann schau dir mal die Einführungskapitel hier an:
SELFHTML: Stylesheets / CSS-Formate definieren
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines -
Alles anzeigen
wieder nix da...
ich gugg in die index rein in den quelltext:HTML
Alles anzeigen<li id="categories-455771091" class="widget widget_categories"><h2 class="widgettitle">THEMEN</h2> <ul> <li class="cat-item cat-item-1"><a href="http://www.steinblog.steinindustrie.de/?cat=1" title="Alle unter Startseite abgelegten Artikel ansehen">Startseite</a> </li> <li class="cat-item cat-item-3"><a href="http://www.steinblog.steinindustrie.de/?cat=3" title="Alle unter GaLa-Bau abgelegten Artikel ansehen">GaLa-Bau</a> </li> <li class="cat-item cat-item-5"><a href="http://www.steinblog.steinindustrie.de/?cat=5" title="Alle unter Natursteine abgelegten Artikel ansehen">Natursteine</a> </li> <li class="cat-item cat-item-4"><a href="http://www.steinblog.steinindustrie.de/?cat=4" title="Alle unter Schotterwerke abgelegten Artikel ansehen">Schotterwerke</a> </li> <li class="cat-item cat-item-6"><a href="http://www.steinblog.steinindustrie.de/?cat=6" title="Alle unter Straßen- und Tiefbau abgelegten Artikel ansehen">Straßen- und Tiefbau</a> </li> <li class="cat-item cat-item-7"><a href="http://www.steinblog.steinindustrie.de/?cat=7" title="Alle unter Projekte abgelegten Artikel ansehen">Projekte</a> </li> <li class="cat-item cat-item-8"><a href="http://www.steinblog.steinindustrie.de/?cat=8" title="Alle unter Produkte abgelegten Artikel ansehen">Produkte</a> </li> <li class="cat-item cat-item-9"><a href="http://www.steinblog.steinindustrie.de/?cat=9" title="Alle unter Ideen und Infos abgelegten Artikel ansehen">Ideen und Infos</a> </li>
und
HTML<li id="archives" class="widget widget_archive"><h2 class="widgettitle">ARCHIV</h2> <ul> <li><a href='http://www.steinblog.steinindustrie.de/?m=200906' title='Juni 2009'>Juni 2009</a></li>
wie man sieht gibts da jede menge klassen und IDs, diese sind aber alle - wirkilch alle NICHT in der CSS drine. und die index.php greift aber auch nur auf diese style.css zu. also versteh ich des net so ganz.
Soooooo, jetzt hab ich da was gefunden.
In der Datei widgets.php finde ich nun folgendes:HTML
Alles anzeigen/** * Display categories widget. * * Allows multiple category widgets. * * @since 2.2.0 * * @param array $args Widget arguments. * @param int $number Widget number. */ function wp_widget_categories($args, $widget_args = 1) { extract($args, EXTR_SKIP); if ( is_numeric($widget_args) ) $widget_args = array( 'number' => $widget_args ); $widget_args = wp_parse_args( $widget_args, array( 'number' => -1 ) ); extract($widget_args, EXTR_SKIP); $options = get_option('widget_categories'); if ( !isset($options[$number]) ) return; $c = $options[$number]['count'] ? '1' : '0'; $h = $options[$number]['hierarchical'] ? '1' : '0'; $d = $options[$number]['dropdown'] ? '1' : '0'; $title = empty($options[$number]['title']) ? __('Categories') : apply_filters('widget_title', $options[$number]['title']); echo $before_widget; echo $before_title . $title . $after_title; $cat_args = array('orderby' => 'name', 'show_count' => $c, 'hierarchical' => $h); if ( $d ) { $cat_args['show_option_none'] = __('Select Category'); wp_dropdown_categories($cat_args); ?> <script type='text/javascript'> /* <![CDATA[ */ var dropdown = document.getElementById("cat"); function onCatChange() { if ( dropdown.options[dropdown.selectedIndex].value > 0 ) { location.href = "<?php echo get_option('home'); ?>/?cat="+dropdown.options[dropdown.selectedIndex].value; } } dropdown.onchange = onCatChange; /* ]]> */ </script> <?php } else { ?> <ul> <?php $cat_args['title_li'] = ''; wp_list_categories($cat_args); ?> </ul> <?php } echo $after_widget; }
Wenn ich das raus nehme ist es nicht mehr auf der Seite.
Also muss ich diesen Teil irgendwie in einen container bekommen oder?
Hab ich nämlich grad probiert u da hat er schon wieder Fehlermeldungen ausgegeben. -
Soooooo, jetzt hab ich da was gefunden.
In der Datei widgets.php finde ich nun folgendes:
Nee da bist du völlig falsch. Generell: Finger weg von allem was nicht in wp-content liegt! ;-) -
mmh des bringt mich jetzt aber auch net weiter.
des darf doch net wahr sein. jetzt hab ich alles hin bekommen und am letzten container scheiterts jetzt oder was? -
Was ist denn da das Problem? Wenn die Regeln nicht in deiner style.css vorhanden sind (sind sie nicht!), dann füge sie einfach hinzu. Wo ist völlig egal, vorzugsweise dort wo die anderen Sidebar-Regeln auch stehen. -
was das problem ist?
die sheets in die css einzufügen ist nicht das problem!
das problem ist für mich grad noch herauszufinden wo ich die sheets in der php einbinden muss damit se richtig angwandt werden. ich find den part net der die cat betrifft. -
Wieso das ist doch alles da?
Code<li id="[COLOR="Red"]categories-455771091[/COLOR]" class="[COLOR="Blue"]widget[/COLOR] [COLOR="Magenta"]widget_categories[/COLOR]">Code<li id="[COLOR="Red"]archives[/COLOR]" class="[COLOR="Blue"]widget[/COLOR] [COLOR="DarkOrange"]widget_archive[/COLOR]">
3 Selektoren die du per CSS ansprechen kannst, je nachdem was du erreichen willst nimmst du den einen oder den anderen. Ich versteh ehrlich gesagt überhaupt nicht was dein Problem ist...
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!