Beiträge von blaumann

Heißt dass, dass die Anweisung "transition: height 0.3s ease-out;" zu
#secondary li:hover > ul {
display: block;
}
gehören würde?

Hab ich probiert - ändert aber nichts...?!!:-(

Danke, in dem Zusammenhang versteh ich das.
Wo es hakt, ist die doppelte Anweisung:
Einmal height 0px

und dann wieder 98px;

Vor allem kann ich die Werte beliebig ändern, ohne dass es einen sichtbaren Effekt hat.

Hallo, vielen Dank für die Antwort und sorry, ja, ich hätte dazu schreiben sollen, dass es einfach kontrolliert auf und zu sliden soll.
Link kann ich leider keinen posten, da ich das noch auf dem localhost am Laufen habe.

Falls du noch Zeit und Lust hast, dann könntest du mir bitte die Logik dieser Zeilen erklären:

#secondary li > ul ul {
height: 0px;
overflow: hidden;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
-o-transition: height 0.3s ease-out;
-ms-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
#secondary li:target > ul ul {
height: 98px;
}

Das mit der "height" erschließt sich mir nicht wirklich.
Ich habe das Ganze aus einem Tutorial und es funktioniert,
aber wenn ich es nicht wirklich verstehe,
dann ist das weniger als die halbe Miete.

Danke
Blaumann

Hallo werte Helfer,

ich habe ein vertikales Menü mit folgendem css erstellt (...und es funktioniert auch):

#secondary,
#secondary ul,
#secondary li,
#secondary a,
#secondary span {
 margin: 0;
 padding: 0;
 border: 0;
 outline: none;
}
#secondary li {
 list-style: none;


}
/* Accordian Style */
#secondary li > a {
    display: block;
    position: relative;
    float: right;
    width: 24rem;
    height: 3rem;
    text-align: left;
    color: rgba(98,126,172,1)/*blau*/;
    font-family: 'Noto Sans', sans-serif;
    font-size: 90%;
    font-weight: bold;
    line-height: 220%;
    text-indent: 2.2rem;
    text-decoration: none;
    background-image: url(images/nav-vertikal-2.png);
    background-position: 0px -30px;
    background-repeat: no-repeat;
}
#secondary li > a:hover {
    background-position: 0px 0px;
    color: white;
}
/* Accordian Function */
#secondary ul ul {
    display: none;
}
#secondary li:hover > ul {
    display: block;
}
#secondary li > ul ul {
height: 0px;
 overflow: hidden;
-webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}
#secondary li:target > ul ul {
height: 98px;
}
#secondary .current_page_item a,
#secondary .current-menu-item a {
    background-position: 0px 0px;
    color: white;
}

Allerdings kriege ich diese blöde ease-in-out transition nicht zum Laufen.
Alle möglichen Varianten habe ich schon probiert - leider ohne Erfolg.

Was mach ich da falsch?

Danke

Ich möchte gerne, dass die Links in den Artikeln nur innerhalb der selben Kategorie funktionieren und habe folgende Zeilen in der Datei template-tags.php meines Themes gefunden.

<?php previous_post_link( '<div class="nav-previous">%link</div>', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'theme-3' ) . '</span> %title' ); ?>
<?php next_post_link( '<div class="nav-next">%link</div>', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'theme-3' ) . '</span>' ); ?>

Jetzt habe ich schon alle möglichen Kombinationen versucht, um "$in_same_cat = true," hier einzufügen, aber leider ohne das erwünschte Resultat.

Bin ich hier an der falschen Stelle, oder was mache ich falsch?

Danke
blaumann

Das Theme habe ich selber geschrieben.

Hallo,

folgendes möchte ich gerne realisieren:
Ein Template schreiben, das den letzten Artikel meiner Kategorien anzeigt.
Die Ausgabe soll den Titel, das Artikelbild und einen Textauszug (teaser) beinhalten, wobei bestimmbar sein sollte, wieviele Worte der teaser enthält.

Da ich den wordpress-codex manchmal als verwirrend empfinde, wäre mein Wunsch, dass mir jemand die entsprechenden php-Zeilen für Titel, Artikelbild und teaser mit "bitte weiterlesen" zukommen lässt.

Danke
blaumann

Wenn ich das so ins Template einbaue, sollte es ja eigentlich funktionieren.
Blos bekomme ich einen Syntaxfehler in der Zeile nach php get_footer...

Wahrscheinlich Betriebsblindheit - kannst du helfen?

<?php
/**
 * Template Name: Kategorien Übersicht 1
 * Description: A full-width template without sidebar
 * 
 * @package wilmo
 */
get_header(); ?>
    <div id="primary" class="content-area">
        <div id="content" class="site-content" role="main">
<div class="zeile">
<div class="kat1">
<?php $first_query = new WP_Query( 'cat=1' );
while ( $first_query->have_posts() ) {
    $first_query->the_post(); ?>
 </div> 
 </div>
 <div class="zeile">  
 <div class="kat1">
  <?php  $second_query = new WP_Query( 'cat=2' );
while ( $second_query->have_posts() ) {
    $second_query->the_post();  ?>
</div> 
 </div>
            <?php while ( have_posts() ) : the_post(); ?>
                <?php get_template_part( 'content', 'page' ); ?>
            <?php endwhile; // end of the loop. ?>
        </div><!-- #content -->
    </div><!-- #primary -->
<?php get_footer(); ?>

Vielen Dank,
ich probier das mal gleich aus.
Darf ich nachhaken, wenn ich nicht zurecht komme?

Folgendes möchte ich gerne realisieren:

Eine Seite auf der mehrere verschiedene Kategorien - bzw deren Beiträge - ausgegeben werden.
Dabei sollen diese in div-Containern liegen, so dass ich sie auf der Seite nach Wunsch plazieren kann.
Zudem wäre es noch wünschenswert, wenn der Text an einer definierten Stelle mit einem "weiterlesen" link versehen werden kann.

So habe ich es schon probiert:

<!--zeige aus der Kategorie mit der ID 2   5 Beitraege-->
<?php
$posts = get_posts('category=2&numberposts=5');
foreach($posts as $post) :
setup_postdata($post);
?>
<!--deine Gestaltung hier der Titel und der Auszug-->
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('j. F Y') ?> <!-- by <?php the_author() ?> --></small>
<div class="entry">
<?php the_excerpt() ?>
</div>
<!--wichtiges ende nicht loeschen-->
<?php endforeach; ?>
 
<--zeige aus der Kategorie mit der ID 3   5 Beitraege-->
<?php
$posts = get_posts('category=3&numberposts=5');
foreach($posts as $post) :
setup_postdata($post);
?>
<!--deine Gestaltung hier der Titel und der Auszug-->
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('j. F Y') ?> <!-- by <?php the_author() ?> --></small>
<div class="entry">
<?php the_excerpt() ?>
</div>
<!--wichtiges ende nicht loeschen-->
<?php endforeach; ?>
 
<!--zeige aus der Kategorie mit der ID 4   5 Beitraege-->
<?php
$posts = get_posts('category=4&numberposts=5');
foreach($posts as $post) :
setup_postdata($post);
?>
<!--deine Gestaltung hier der Titel und der Auszug-->
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('j. F Y') ?> <!-- by <?php the_author() ?> --></small>
<div class="entry">
<?php the_excerpt() ?>
</div>
 
<!--wichtiges ende nicht loeschen-->
<?php endforeach; ?>

Allerdings stoße ich dabei auf das Problem, dass immer nur die Artikel der allerletzten Kategorie ausgegeben werden.

Alternativ dazu habe ich auch

<?php query_posts('category_name=xxx'); ?>

versucht.
Selbes Problem: Wenn ich das mit mehreren Kategorien mache, wird nur die letzte ausgegeben.

Für jede Hilfe dankbar

Blaumann

Hallo fragenlurch,
YOU ARE MY HEROE!!!

Ich hatte schon in den codex geschaut und alles mögliche ausprobiert, aber...
...betriebsblind

Ich habe das jetzt endlich probiert und es hat auf Anhieb funktioniert.
Super!
Vielen Dank

Ich habe folgenden Link in meine single.php gebastelt:

<?php next_post_link('%link', 'Nächster Beitrag', TRUE); ?>

Was muss ich eintragen, damit entweder der Titel des posts oder der Kategorie auch noch angezeigt werden?

Vielen Dank

Hallo Fragenlurch,

vielen Dank. Bin bis jetzt noch nicht dazu gekommen, das zu probieren, melde mich aber wieder mit Feedback.
Kurze Frage noch: Müssen dann die Header.php-Dateien mit 1, 2, 3... bezeichnet sein, oder kann ich die bennen
wie ich will?

Grüße

Ich habe folgenden Wunsch:

In meinem Theme gibt es mehrere header.php, da ich in den verschiedenen Headern Popups mit zusätzlichen Informationen habe.
Wie kann ich WP dazu überreden, bei jeder neuen Seite oder Artikel per Zufall eine dieser Header.php Dateien auszuwählen?

Nur zum klaren Verständniss: Nicht das Headerimage soll per Zufall eingebunden werden, sondern eine von mehreren header.php <dateien.
Ist sowas machbar und wenn ja, wie?
Danke

Hallo,
jetzt habe ich die Stunden nur so vergoogelt ohne zu einem Ergebnis zu kommen:
Ich will ein vertikales Menü mit Untermenuepunkten erstellen - nur CSS.
So habe ich es versucht:

#secondary .menu-item,
#secondary ul li {
    clear: both;
    display: block;
    float: none;
    position: relative;
    width: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 3em;
}
#secondary .menu-item a,
#secondary ul li a {
    display. block;
    margin-left: 0;
    width: 100%;
}
#secondary .menu-item a:hover,
#secondary ul li a:hover {
    color: blue;
}
#secondary .sub-menu,
#secondary .children {
    position: relative;
    border: 1px solid red;
}
#secondary .sub-menu .menu-item,
#secondary .children li   {
    font-size: 1rem;
    border: 1px solid blue;
}
#secondary .sub-menu{
    display: none;
}
#secondary .menu-item a:active,
#secondary ul li a:active < #secondary .sub-menu{
    display: block;
}

Aber im letzten Punkt scheint der entscheidende Fehler zu sein, denn das Menü will einfach nicht aufmachen.
Weiß jemand was ich da falsch mache?
Danke

Vielen Dank!
Wieder einen Schritt weiter....

Wieviele Damen haben das Angebot eigentlich schon angenommen???

Ohhh, heiliges Forum!!!

#secondary .current_page_item>a war tatsächlich die Lösung!!! Super, Danke!!!

Und jetzt hätte ich aber gerne noch die Erklärung dazu.

Ich habe mir schon die Finger wundgegoogelt, aber keine einleuchtende Erklärung gefunden,
wie ich die dreieckige Klammer im CSS verwenden kann.

Danke für die Antwort, aber die Seite ist lokal auf xampp.
Kann ich irgendwas mit firebug auslesen, was dir weiterhilft?

Hallo Forum,
ich habe das Problem, dass ich den Wald vor lauter Bäumen nicht mehr sehen kann...

Ich habe ein offenes Menü mit Untermenü und möchte, dass der aktive Link farbig anders hinterlegt ist.
Etwa so:
Seite 1
[COLOR=#ff0000]Seite 2[/COLOR]
Seite 3
---Seite 4

Hierfür verwende ich folgendes css:

#secondary a{
    display: block;
    color: #333;
    width: 220px;
    text-decoration: none;
    border-bottom: 1px solid #CCC;
}


#secondary a:hover{
    background-color: #999;
    color: #FFF;
}
#secondary a:active{
    background-color: #F00;
}
#secondary .current_page_item a{
    background-color: #F00;
}
/*-----Sub-Menü---*/
#secondary li li a{
    display: block;
    color: #333;
    width: 220px;
    text-decoration: none;
    border-bottom: 1px solid #CCC;
    font-weight: normal;
    text-indent: 10px;
}

Klicke ich nun auf Seite 1 und 2 ist alles ok. Aber wenn ich Seite 3 anklicke, wird auch die Seite 4 farbig hinterlegt.
Klicke ich hingegen auf Seite 4 ist nur diese andersfarbig.

Was ich gerne verhindern möchte ist, dass bei aktiver Seite 3 auch Seite 4 als aktiv angezeigt wird.
Gibt es da eine Lösung?