Gemischte Navigation - Categories, Pages

Hallo zusammen!

Ich habe hier eine Navigationsleiste, die etwas kompliziert für mich ist: Ich habe nicht die geringste Ahnung, wie ich den Code aufbaue. Ich wäre sehr erfreut, wenn mir jemand helfen könnte.

Im Attachment die Ansicht, wie es aussehen soll (auf der linken Seite die Zuordnungen).

• Der Link "Aktuelles" führt auf eine Seite (Page), auf der alle Beiträge der Kategorie "Aktuelles" aufgeführt sind.
• "Projekte" ist ein Rollover, das bei mousover eine Drop-Down-Liste offenbart (nach unten aufklappt wie im Bild), die alle Beiträge der Kategorie "Projekte" anzeigt. "Projekte" selbst ist nicht anklickbar, aber die einzelnen Links führen zu einer Seite, auf der nur dieser einzelne Beitrag angezeigt wird.
• "Publikationen" führt zu einer statischen Seite, auf der von Hand untereinander alle Publikationen eingegeben werden.
• "Links" führt auf eine Seite, auf der alle Links aufgelistet sind, die über das Dashboard verwaltet werden.

Ich hoffe, das ist nicht zu unverschämt gefragt.

P.S.: Die Umsetzung des Dropdown-Menüs ist nicht das Problem, ich meine nur den Code in der sidebar.php. Der Rest läuft über CSS.

Zitat von Silencer

Du könntest auch mit Seitentemplates Arbeiten, in denen du je eine Kategorie aufführst.

Genau so hatte ich mir das auch gedacht. Mir kommt es wirklich nur auf die Navigation an. Werde jetzt noch mal ein bisschen tüfteln. Wenn jemandem noch etwas einfällt, bin ich heilfroh!

Zitat von Silencer

Ist es dir sehr wichtig das die Navigtion gemischt aufgebaut ist oder könnte die auch so aussehen?

Seite 01
- Seite 01.1
- Seite 01.2
- Seite 01.3

Seite 02
- Seite 02.1
- Seite 02.2
- Seite 02.3
- Seite 02.4

Kategorie 01

Kategorie 02
- Kategorie 02.1
- Kategorie 02.2

Also Seiten und Kategorien getrennt, weil wenn du die Permalinks umstellst würde es keiner sehen was was ist!

Alles anzeigen

Wenn ich Dich richtig verstehe: Ja genau! Wenn Du mein GIF im ersten Post anschaust, siehst Du, dass nur die Reihenfolge umgekehrt ist: Zuerst die Kategorien (denn hier passiert das, was den eigentlich wichtigen Inhalt der Website ausmacht), dann die Seite "Publikationen". Darin befindet sich eine einfache "sticky" Liste, die direkt auf der Seite aktualisiert wird; es gibt also keine Unterseiten. Leider kann ich noch nicht zeigen, wie das aussieht, weil mir noch nicht völlig klar ist, wie das technisch läuft.

Wichtig sind vor allem die Kategorien, genau wie Du es aufführst: Bei Kategorie 1 sind keine Artikeltitel zu sehen; bei Kategorie 2 allerdings schon! (War das so gemeint?).

Ich sollte vielleicht noch erwähnen, dass sich im Header ebenfalls eine Navigation befindet, die nur auf Seiten verweist (Home, About, Impressum); ich habe alle ungewünschten Seiten mit exclude ausgeschlossen.

Vielen Dank, dass ihr Euch die Mühe macht!

Zitat von Silencer

Nicht ganz, das sind jeweils die vergebenen Seiten- und Kategorietitel.
Eigentlich würde es ausreichen wenn du hier mit "wp_list_categories()" und danach mit "wp_list_pages()" arbeiten würdest.
Diese müsstest du jenachdem wie die Navigation aussehen soll an deine Bedürfnisse anpassen und mit CSS so Formatieren dass das Untermenu auftaucht oder immer zu sehen ist wenn du auf eine der Hauptüberschriften klickst.

Dann könnte ich mir ein CSS vorstellen, das mit mit Combinators arbeitet; allerdings funktioniert das nur richtig bei neueren Browsern. So könnte ich verhindern, dass das aufklappbare Menü bei jeder Kategorie erscheint. Theoretisch...

In der Zwischenzeit ist auch bgeisslers Post eingetrudelt; darauf antworte ich gleich.

bgeissler

Erstmal Dank für die Antwort.

collapsing_page_menu: das scheint ein Plugin zu sein, oder?

Wenn ich das jetzt auf die Website anwende, deren Link Du gepostet hast, dann interpretiere ich das so:

Projektgruppen, Kampagnen und Termine: sind das Kategorien?
4 statt 5, Zusteiger: sind das Seiten (in der Statusleiste wird page_id angezeigt)?
Presse und Archiv haben category im Link.

Daraus werde ich noch nicht ganz schlau; ich würde das gern verstehen, um zu sehen, wie sich der Code auswirkt, denn ich bin keine PHP-Tante.

Zitat von Silencer

Du könntest hier mit Mootools arbeiten, das Accordionmenu wäre hier ein passender Lösungsansatz.

Ich fürchte, das übersteigt meine Fähigkeiten (und ich meine, dass ich schon ein paar der Funktionsweisen von PHP kapiert habe, ohne PHP regelrecht zu können), jedenfalls nach dem, was ich dort auf den ersten Blick gesehen habe. Ich hab es jedenfalls rundergeladen.

[COLOR=Navy][COLOR=DarkRed]EDIT: Ich hab's mir jetzt angesehen; ja, sowas gefällt mir gut. Aber wie bringt man das mit der Sidebar in Verbindung?[/COLOR][/COLOR]

Zitat von Silencer

Ich mein auch ein Wordpress Theme gesehen zu habe das so ein Menu besitzt oder mit so etwas in der Sidebar ausgestattet ist.

Wenn es dir gefällt, könnte später mit danach suchen.

Also, wenn Du das tun würdest... Ich weiß gar nicht, womit ich das verdient hätte! Ganz artiger Knicks!

Zitat von bgeissler

Presse und Archiv haben category im Link. [COLOR=Red]Nur das sind Artikel-Kategorien[/COLOR]

Ah ja, und da wird es nämlich interessant für mich. Der Link zum Plugin funktioniert im Augenblick leider nicht; aber ich habe noch andere Stellen im Netz gefunden, wo ich es bekomme. Ich schau mir jetzt erst mal an, was es leistet.

Kategorie-Beitäge in Navigation auflisten

Ich möchte diesem Thread noch eine Information hinzufügen, falls jemand nach ähnlichem sucht:

Ich habe folgende Plugins für Kategoriebeiträge in der Navigation gefunden:

WP Category Posts
Das Plugin hat den Nachteil, dass es nicht mehr aktualisiert wird und dass es nicht möglich ist, die Anzahl der Posts zu definieren. Wenn man also 137 Beiträge in einer Kategorie hat, werden die auch alle aufgelistet. Es funktioniert durch einen durch das Plugin gelieferten eigenen Tag, den man in die Navigation einbauen kann. Ist getestet; funktioniert.

Edit: Wie ich heute (09.09.09) gesehen habe, wird das Plugin weiterhin aktualisiert.

Category Posts Widget
Dieses bietet nicht nur die Möglichkeit, die Anzahl der Posts zu bestimmen, sondern auch, Auszüge der Artikel aufzulisten. Aber: Es ist eben ein Widget. Manchmal möchte man das nicht.

List Category Posts
Dazu passend gibt es dieses Plugin, durch das man auf einer Seite oder in einem Beitrag eine Liste mit Kategorie-Posts aufstellen kann. Läuft mit einem Shortcode.

Zitat von Silencer

Du könntest hier mit Mootools arbeiten, das Accordionmenu wäre hier ein passender Lösungsansatz.
Ich mein auch ein Wordpress Theme gesehen zu habe das so ein Menu besitzt oder mit so etwas in der Sidebar ausgestattet ist.

Wenn es dir gefällt, könnte später mit danach suchen.

Silencer, ich hoffe, Du schaust hier noch mal rein. Das Accordionmenü, zu dem Du mir den Link geschickt hast, hat erst mal nichts mit meiner Anfrage von vor ein paar Tagen zu tun. Trotzdem gefällt mir die Sache ausgesprochen gut - nämlich für den Aufbau einer Seite, also nicht für die Navigation, sondern da, wo der Loop läuft. Leider kenne ich mich Javascript nicht im Geringsten aus. Hast Du ein bisschen Ahnung und könntest Du mir damit eventuell helfen?

Ich muss ja den PHP-Code in das Javascript einbinden, um einen neuen Abschnitt im "Accordeon" zu erzeugen, wenn ich mich nicht irre. Oder denke ich da viel zu kompliziert? Jedenfalls wäre ich über jeden Hinweis, ob von Deiner oder von anderer Seite, auch per PM, sehr erfreut!

Ich probier's erstmal mit dem, was ich hier unter dem Suchwort Accordion gefunden habe... Trotzdem danke für die Rückmeldung.

So, ich habe die Lösung selbst gefunden, und damit das nachvollziehbar ist, stell ich hier den Code für das Java Script ein. Dabei habe ich die Akkodeon-Datei genommen und an den entsprechenden Stellen den PHP-Code eingesetzt, der auch auf meinem Seitentemplate verwendet wird. Unten ist also der Beispielcode (rot markiert) zu lesen. Die grünen Stellen geben die CSS-Bezeichnungen und die Farbe an. Das CSS kann in der style.css ergänzt werden; die Schriftfarben können nur hier geändert werden.

window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('content'), '[COLOR="Lime"]h2.toggler[/COLOR]', 'div[COLOR="lime"].element[/COLOR]', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '[COLOR="Lime"]#4c3b01[/COLOR]');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '[COLOR="Lime"]#387b95[/COLOR]');
		}
	});


	//add click event to the "add section" link
	$('add_section').addEvent('click', function(event) {
		event.stop();
		
		// create toggler
		var toggler = new Element('[COLOR="rgb(46, 139, 87)"]h2[/COLOR]', {
			'class': '[COLOR="Lime"]toggler[/COLOR]',
			'id': [COLOR="red"]'post-<?php the_ID(); ?>[/COLOR]',
			'html': '[COLOR="Red"]<?php the_title(); ?>[/COLOR]'
		});
		
		// create content
		var content = new Element('div', {
			'class': '[COLOR="rgb(46, 139, 87)"]element[/COLOR]',
			'html': '[COLOR="red"]<?php the_content(); ?><?php endwhile; ?><?php endif; ?>[/COLOR]'
		});
		
		// position for the new section
		var position = 0;
		
		// add the section to our myAccordion using the addSection method
		myAccordion.addSection(toggler, content, position);
	});
});