Beiträge von moemoney

Ohne PHP und CSS kommst du auch bei Wordpress nicht weit, wenn du kein passendes Theme findest oder kaufen willst. Vielleicht gibts ja hier auch ne Jobbörse, wo du einen Auftrag vergeben kannst. Oder du machst es wie die meisten hier: trial & error, learning by doing und vor allem: Fragen konkretisieren. Wenn du einen bestimmten Teil bei einem Vorhaben nicht realisiert bekommst solltest du schon etwas zum Vorhaben schreiben, deinen Codeschnippsel posten und oft findet sich sogar jemand, der lieber kurz ein paar Zeilen PHP/CSS schreibt, als es in mehreren Beiträgen nach und nach zu erklären.

Nebeneinanderstehende Beiträge erreichst Du, indem du die .klasse oder #id der content-box formatierst. Da du jetzt nichts über Deinen Blog geschrieben hast, hier nur dieser grobe Tipp: In der Beitragsansicht index.php und archive.php um den Loop eine dix-box anlegen und mit width: 33%; und float: left; formatieren erzeugt möglicherweise schon in etwa das, was du brauchst.

Du solltest dich aber schon etwas mit CSS/PHP auskennen oder deutlicher beschreiben, wo dein Problem liegt. Ansonsten wie schon geschrieben: fertiges Template aussuchen, es gibt genug mehrspaltige zur Auswahl.

Hallo,

unter http://tinyurl.com/ybtt57y (WP 2.9) gehts zur Seite, die ich gerade erstelle. Unter Kategorie Videos (category.php) sieht man, dass die ersten (bzw. eigtl nur der erste) Artikel normal angezeigt werden sollen und darunter mit eigenem Loop ein "Archiv" mit Vorschaubildern der letzten Posts. Ich habe hier einfach eine Klasse um den eigenen Loop definiert:

#mini_content {
	width:27%;
	padding: 10px;
	float:left; 
	height: 180px; 
	overflow-y:hidden; 
	background-color: #fff; 
	text-align:left;
	margin: 10px;}
	
#mini_content object{
	width: 100% !important;
	height: 85% !important;
}

Die Videothumbnails werden allerdings nur in Chrome korrekt angezeigt, alle anderen Browser belassen das object-Tag in der Originalgröße. Weiß jemand, wie man solche Videothumbs/Archivansichten korrekt hinbekommt?

Hier mal die Ansicht in Chrome, wie sie überall sein sollte.

Oder gibt es für solche Zwecke vielleicht praktischere Wege, zB ein Plugin? Ich habe auch Sachen wie TubePress getestet, in dem Fall ist mir das Ganze aber zu sehr an eine Videoplattform gebunden. Bestenfalls werden einfach kleine Ansichten der Posts generiert.

Edit:

Ein Gedanke ist mir noch gekommen: es würde ja auch mit einem einfachen more-tag funktionieren, vor dem man das Video ebenfalls einbindet und zwar mit anderem Parametern. Nur würde sich das natürlich auch wieder auf die normale Anzeige auswirken, in der das Video eigtl post-füllend in 668px Breite angezeigt werden soll.

So wie ich es verstehe, geht es zunächst mal nur um die index.php, die alle Beiträge auflistet. Wenn du jetzt um den Loop zB eine Klasse .Beiträge definierst, formatierst du damit alle einzelnen Beiträge. Um den obersten gesondert zu formatieren bietet es sich an, einen eigenen Loop darüber zu erstellen und diesen mit einer Klasse anzusprechen.

<?php $my_query = new WP_Query('category_name=special_cat&posts_per_page=10'); ?>


<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
  <!-- Do special_cat stuff... -->
<?php endwhile; ?>

Findest du auch in der angegebenen Quelle. Dort wo jetzt <!-- Do special_cat stuff... --> steht, arbeitest du mit den Template Tags wie the_title(); the_content(); etc, die du wahrscheinlich benutzt wie im Originalloop. Es lohnt sich auf jeden Fall, sich etwas mit dem Loop und Template Tags auseinander zu setzen.

have Fun

Genau das richtige, Danke.

Hallo,

ich möchte in der rechten Sidebar zwei Menus anzeigen, einmal alle Seiten und einmal alle Kategorien. Soweit kein Problem, ist mit wp_list_pages und wp_list_categories ja ohne weiteres machbar, oder mit den Sidebar Widgets "Seiten" und "Kategorien". Das Problem ist, dass jeweils nur das Menu angezeigt werden soll, das gerade angewählt ist. Befinde ich mich auf einem Artikel, werden nur die Kategorien angezeigt, befinde ich mich auf einer Seite, nur die Seiten. Trotzdem sollen aber die Überschriften der Menus immer angezeigt werden, sodass man mit einem Klick auf die Überschrift des ausgeblendeten Menus dieses öffnet und das vorherige schließt.

Zur Veranschaulichung hier: Blog und Seiten

Es gibt ja mehrere Möglichkeiten: ein Plugin/Widget, das man mit dem DynamicWidget Plugin ein und ausschalten kann. Problem: auch die Überschriften sind dann ausgeschaltet. Und ich müsste evtl. Überkategorien oder Überseiten anlegen. Aktuell habe ich das ganze einfach folgendermaßen in der right.php eingebunden:

<div id="skatehalle"><h2>Skatehalle</h2><?php wp_list_pages('title_li=&depth=1&exclude=2,29'); ?></div>
<div id="blogalarm"><h2>Blogalarm</h2><?php wp_list_categories('title_li=&depth=1&exclude='); ?></div>

Jetzt wäre es natürlich ideal, wenn ich mit einer PHP-Abfrage die wp_list Befehle in Abhängigkeit davon ausführen könnte, ob ich mich auf einer Seite oder eben einer Artikelansicht (single, index, archive) befinde. Dann würde ich die Überschriften einfach auf die erste Seite respektive die Blogübersicht verlinken.

Königsweg wäre, die Menus auch noch ein- und ausklappbar zu machen, wie es einige Plugins anbieten. Ich habe jedoch keins gefunden, das das richtige Feature bietet.

Kennt jemand ein Plugin, hat eine Idee oder einen Tipp?

Schon jemand drauf gekommen?

Habe es in einer älteren Doku gefunden, die WP 2.5 beschreibt:

es ist .current-cat, genutzt als

#navBar li.current-cat a {
	z-index:100;
	background-color:#dd1a22;
	color:#;
	border-top:7px solid #6c0b0f;
}

Frage hier nochmal nach... habe dasselbe Problem: eine Domain, die bei einem anderen Server liegt, als mein WP, da ich zwecks PHP5 mit dem WP2.9 umgezogen bin.

Wenn ich jetzt unter Einstellungen im Backend bei "Wordpress-Adresse (URL)" die Domain angebe, die auf den WP-Ordner meines Servers weiterleitet, steht im Browser aber immernoch der Pfad des WP-Blogs mit allen Unterordnern. Stattdessen kann ich mich aber nicht mehr einloggen, musste erst ein REDIRECT in die wp-config schreiben und wieder reparieren.

Wo sollte ich also die Domain (http://www.jizzo.tv) eintragen, die auf mein WP Blog (http://s015w9.srv15.mw-internet.net/m/jizzotv/) weiterleitet?

Hallo Forum,

entweder ich bin blind, oder es gibt nirgends (?) eine Übersicht über die CSS Klassen, die Wordpress vordefiniert? Ich finde nichts dazu...

Nutze WP 2.9, würde hier gerne auch den ersten Button per current_page_item dunkelrot bekommen, falls aktiv.

Da dieser Eintrag aber keine Seite ist, sondern mit wp_list_categories aufgerufen wird, funktioniert current_page nicht. Gibt es da alternativen?

PHP Code:

<div id="navCenter"><div id="skyscraper"></div>
    <ul>
      <!--<li><a href="?page_id=" title="Brandneu">Brandneu</a></li>-->
      <?php wp_list_categories('title_li='); ?>
      <?php wp_list_pages('title_li=&depth=1&exclude=7'); ?>
    </ul>
  </div>

CSS:

#navBar li.current_page_item a {
	z-index:100;
	background-color:#dd1a22;
	color:#;
	border-top:7px solid #6c0b0f;
}

ms

Hast du eine Lösung gefunden? Hat irgendwer eine Lösung?

Zitat von hero-master

wenn du absolut positionierte Objekte zentriert haben willst, kommst du mit text-align und margin: auto nicht weit.
Versuche es mal so:

Code

#zentriertes-objekt {
width: 400px;
left: 50%;
margin-left: -200px /* Negative Hälfte der Breite */

Den Trick kenn ich von MySpace, der Benutzerunfreundlichsten Seite wo gibt. Aber das isn anderes Thema. Hatte ich gar nicht dran gedacht, funktioniert so pauschal aber auch nicht, da sich das ganze nur nach links verschiebt, nicht jedoch prozentual nach rechts. Muss ich wohl noch die übergeordnete width definieren schätze ich.

Den Rest hab ich jetzt hingekriegt. Ziemlich viel gewurste, aber läuft. Ist wohl wie immer, da muss man einfach ein paar mal lange dran rumprobieren bis man es versteht. Danke für die Hilfe schonmal, für heute muss ich Feierabend machen. Wünsch ich auch dem Rest...

moemoney

Zitat von hero-master

Arbeite da lieber mit Hintergrundbildern, als mit List-Style. Der Listenpunkt nimmt die Schriftfarbe an, du kannst ihn also fabrlich von der Menupunktfarbe nicht abheben.

´
Habe ich ebenfalls probiert und hat nicht funktioniert. Aber wo du es sagst, das gehe ich nochmal durch, hat sich noch einiges getan.

Zitat von hero-master

Jap, musst du mit "left" bzw. "right" korrigieren

Das hatte ich bereits mit padding-left im Sub-ul gemacht. geht zwar, ist aber auch statisch. Die Menus haben ja verschieden viele Punkte. Hatte hauptsächlich mit margin: auto oder text-align: center bei ul probiert.

Habe schon einiges in den Griff gekriegt. Der Code ist deutlich kürzer und liegt jetzt komplett in der droplinetabs.css. Wie gewünscht bleiben vor allem jetzt die Subpages im Untermenu transparent, wenn ein parentmenu angewählt ist.

1) So wie jetzt dürfte es bleiben, mit dem Unterschied, dass in der unteren Navi nicht der Hintergrund geändert werden soll, sondern der list-style in "square", also kleine rote Vierecke neben den li's. Bin die gesamte CSS (style.css, reset.css, droplinecats.css) durchgegangen, habe alle list-style: none rausgenommen, aber ich kriege sie dort nicht angezeigt. Woran könnte das liegen? Am padding von ul/li? Ändere auch da schon, hab die Bullets noch nicht zu Gesicht bekommen.

2) Das untere Menu bekomme ich immer noch nicht zentriert. Wenn man auf Dr. JochenVoss klickt, stehen die Punkte trotzdem ganz links am Rand. Hängt wahrscheinlich mit position: absolute zusammen?

Vielleicht hat noch jemand wertvolle Tipps parat.

Cool, Danke für die schnelle Antwort. Ich werds ausprobieren.

Beides in eine CSS zu schreiben, habe ich versucht. Da bin ich ebenfalls an meine Grenzen gestoßen, da die beiden Teile nicht wirklich kompatibel waren, zumindest hab ich sie nicht kompatibel hingekriegt.

Werde sehen, was das gibt, aber Danke erstmal. :)

http://www.jochenvoss.com steht da oben auch :)

Hallo Forum,

auf Jochenvoss.com seht ihr ein Wordpress 2.8.5 mit horizontaler Navigation auf zwei Ebenen durch Drop Line Tabs http://www.dynamicdrive.com/style/csslibra…drop_line_tabs/

Zwei Probleme bekomme ich nicht gelöst. Habe Beiträge in englischen Foren gefunden, die das behandeln, aber ich bekomme die Änderungen einfach nicht auf mein Menu transferiert, da sich entweder nichts tut oder ich mir regelmäßig die gesamte Navi zerstöre.

So wie es jetzt ist, funktionieren die a:hover ganz gut. Es fehlt aber die current_page Anzeige, dazu soll die jeweils aktuelle Seite im Menu einen roten background und weiße Schrift bekommen (Level1) bzw. einen roten list-style-type: square (Level2). Ist eine Unterseite ausgewählt, darf ihre Mutterseite auch rot bleiben. Umgekehrt sollen aber nicht alle Unterseiten rot werden, wenn man auf der Mutterseite ist. Desweiteren kriege ich die untere Subnavi nicht zentriert. Habe jetzt geschlagene 10h ohne Ergebnis gecodet und gesucht, aber mir scheint, ich verstehe einfach die Systematik nicht ganz.

CSS bisher:

style.css

#navBar {
	margin:0px 0 0px 0;
	padding:0;
	height: 40px;
	clear:both;
	border-bottom: 2px solid #c5091d;
	background-color:#FFF;
	}


#navBar ul {


}
	
#navBar ul li {


	background-color:#F00;
}
	
#navBar ul li a {
	color:#666;
	text-decoration:none;
	font-size:1.5em;
	font-family:Verdana, Geneva, sans-serif;
	margin: 10px 20px 10px 20px;
}


#navBar ul li.current_page_item a {
	color:#666;
	list-style-type:square;}


#navBar ul li a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#515756;
}


#navBar ul li ul li a {
	color:#666;
	text-decoration:none;
	font-size:1.1em;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:none;
	padding: 3px 6px 3px 6px;
	background-color:#transparent;
	background-image:url(img/square.png);
}


#navCenter {
	width: 775px;
	margin: auto;
	text-align:center;
}

droplinetabs.css

.droplinetabs{
overflow: hidden;
}


.droplinetabs ul{
font: 11px Verdana, sans-serif;
margin: 0;
padding: 0;
width: 100%;
}


.droplinetabs li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs li.current_page_item {
background-color:#c5091d;
}


.droplinetabs a{
float: left;
color: white;
margin: 10px 0px 10px 0px;
padding: 0px 30px 4px 30px;
letter-spacing: 1px;
line-height:1.2em;
}


.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
}


.droplinetabs a span{
float: left;
display: block;
background: transparent;
padding: 7px 9px 3px 6px;
cursor: pointer;
}


.droplinetabs a span{
float: none;
}




.droplinetabs a:hover{
background-color: #515756; /*background color of tabs onMouseover*/
color: white;
}


.droplinetabs a:hover span{
background-color: transparent;
}


/* Sub level menus*/
.droplinetabs ul li ul{
text-transform:none;
position: absolute;
z-index: 100;
padding-top: 16px;
margin: auto;
visibility: hidden;
}


/* Sub level menu links style */
.droplinetabs ul li ul li a.current_page_item {
	background-color:#F00;
	border: 2px solid red;
}

Wäre nett, wenn sich jemand die Seite mal (mitm Firebug) ansieht und mir vielleicht Tipps gibt.

Keiner einer Idee?

Das ganze muss ja auch nicht vollautomatisch gehen. Es würde reichen, wenn ich einzeln per Hand diejenigen Links deaktivieren könnte, die nich aufrufbar sein sollen. Bei manchen Seiten mit Unterseiten könnte es ja auch sinnvoll sein, wenn man sie selbst aufrufen kann. Zb könnte "KOnzepte" so stehen bleiben und als Unterseiten noch die Konzepte hinzukommen.

Hallo,

Suche erfolglos. Möchte auf http://www.jizzoundmoe.de/hiphopworkshop/ ausschließlich die Links im Menu deaktivieren, die weitere Unterseiten haben, damit man nicht die Elternseite aufrufen kann.

Falls jemand eine Idee hat, her damit.

Hier der suckerfish Code:

<div class="suckertreemenu">
   <ul id="treemenu1">
         <li><a href="?cat=1">Aktuelles</a></li>
          <li><?php wp_list_pages('title_li=&sort_column=menu_order&exclude=8,209'); ?></li>


   </ul>
<br style="clear: left;" />
</div>