Beiträge von TonyMacarony

Zitat von helix

Deine Tags stecken ja außerdem noch in einem div (=> Block-Element, d.h. das erzwingt einen Zeilenumbruch), d.h. dieses div mit der Klasse .gw-cats muss auch display: inline-block; haben.

Hab ich probiert. Funktioniert leider auch nicht.

Zitat von helix

Vermutlich kannst du deine Ausgabe viel einfacher gestalten. Weniger html-Elemente. Weniger Klassen.

Das kann sein, bin ja noch am Anfang und kein Profi. Deshalb muss ich auch ab und zu mal dieses Forum hier aufsuchen. ;-)

Jetzt funktionierts einwandfrei. Dafür bist du heute mein Held des Tages! ;)

Vielen Dank helix!!!

Zitat von helix

=> Dann müssen die unsortierten Listen <ul>, in denen die Kategorien und Tags ausgegeben werden, auch als inline-Elemente oder inline-block-Elemente definiert werden.

Hab ich doch bereits gemacht. Oder wie meinst du das sonst?

.gw-tags ul li {
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.gw-cats ul li {
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}

Hallo Leute,

ich hätte gerne bei mir die Navigation (vorheriger- / nächster Beitrag) die unten am Ende der Beitragsseite angezeigt wird in den Footer (footer.php) verlagern.

Der entsprechende Part sieht so aus bei mir:

<?php if( is_attachment() ) { ?>
<ul class="gw-default-wp-page clearfix">
<li class="gw-previous"> <?php previous_image_link( false, __( '&larr; Previous', 'pixgraphy' ) ); ?> </li>
<li class="gw-next">  <?php next_image_link( false, __( 'Next &rarr;', 'pixgraphy' ) ); ?> </li>
</ul>
<?php } else { ?>
<ul class="gw-default-wp-page clearfix">
<li class="gw-previous"> <?php previous_post_link( '%link', '' . _x( '<i class="fa fa-chevron-left"></i>', 'Previous post link', 'pixgraphy' ) . ' %title' ); ?> </li>
<li class="gw-next"> <?php next_post_link( '%link', '%title ' . _x( '<i class="fa fa-chevron-right"></i>', 'Next post link', 'pixgraphy' ) . '' ); ?> </li>
</ul>
<?php } ?>

Kopiere ich ihn in den Footer funktioniert zwar alles soweit, aber es wird auch eine Navigation angezeigt, wenn man auf anderen Seiten ist.
Ich möchte also, dass es nur im Footer angezeigt wird, wenn man sich auf einer Beitragsseite befindet.

Hat jemand eine Idee, wie man das machen kann?

Zitat von helix

Ja, weil du in deinem unteren CSS-Teil, für die Kategorien, auch noch ein float: left; drin hast.

Wenn ich das "float: left" unten lösche, dann sind die Kategorien über den normalen Tags.

Funktioniert nur teilweise. Die "Kategorie-Tags" bleiben jedoch links (schau auf meiner Seite).

Hier ist nochmal der ganze CSS-Teil (mit Kategorien):

/* ----- Tags ----- */
.gw-tags {
    text-transform: uppercase;
    font-family: 'BenchNine', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align:center;
}
.gw-tags ul li {
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.gw-tags li {
    margin-right: 6px;
    background: #eee;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    border-radius: 4px;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition:     all 0.1s ease-out;
        -ms-transition:        all 0.1s ease-out;
        -o-transition:         all 0.1s ease-out;
    transition:             all 0.1s ease-out;
}
.gw-tags li:hover {
    background: #686868;
}
.gw-tags li a {
    padding: 0px 5px 0 5px;
}
.gw-tags li a:hover {
    color: #fff;
}
.gw-tags-clear {
    clear: both;
    margin: 0 0 26px 0;
}
/* ----- Kategorien ----- */
.gw-cats {
    text-transform: uppercase;
    font-family: 'BenchNine', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.gw-cats ul li {
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.gw-cats li {
    margin-right: 6px;
    background: #686868;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    border-radius: 4px;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition:     all 0.1s ease-out;
        -ms-transition:        all 0.1s ease-out;
        -o-transition:         all 0.1s ease-out;
    transition:             all 0.1s ease-out;
    float: left;
}
.gw-cats li:hover {
    background: #eee;
}
.gw-cats li a {
    color: #fff;
    padding: 0px 5px 0 5px;
}
.gw-cats li a:hover {
    color: #686868;
}

Zitat von danielgoehr

Oder möchtest du, dass die li zwar nebeneinander sind, aber nicht linksbündig, sondern zentriert (also im Sinne von zentrierten Text)?

Genau das möchte ich!

Den Link zur Seite schick ich dir per PN, da es noch ein Testblog ist und da noch viel gemacht werden muss.

Zitat von danielgoehr

Aber spontan würde ich folgendes versuchen:
Bei .gw-tags li das float:left raus und stattdessen text-align:center einfügen.

Das funktioniert leider nicht, hatte ich auch schon ausprobiert.

Hier ist ein Screenshot wie es jetzt aussieht. Erst kommen die Kategorien, dann die Tags. Vielleicht hilft das weiter...

Hallo Leute,

ich habe mir ein kleines Widget gebastelt, das bei mir in der Haupt-Sidebar die Kategorien und Tags eines Beitrags als Liste (nebeneinander) anzeigt. Habe soweit alles angepasst, aber bekomme den Inhalt einfach nicht zentriert dargestellt.

Hier der Content:

<ul class="gw-tags"><?php the_category(); ?></ul>
<?php $tag_list = get_the_tag_list('<ul class="gw-tags"><li>','</li><li>','</li></ul>');
if(!empty($tag_list)){ ?>
        <div class="gw-tags">
        <?php   echo $tag_list; ?>
        </div>
        <?php } 
        ?>
<div class="gw-tags-clear"></div>

Hier mein CSS:

.gw-tags {
    text-transform: uppercase;
    font-family: 'BenchNine', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.gw-tags ul li {
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.gw-tags li {
    margin-right: 6px;
    background: #eee;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    border-radius: 4px;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition:       all 0.1s ease-out;
        -ms-transition:      all 0.1s ease-out;
        -o-transition:       all 0.1s ease-out;
    transition:               all 0.1s ease-out;
    float: left;
}
.gw-tags li:hover {
    background: #686868;
}
.gw-tags li a {
    padding: 0px 5px 0 5px;
}
.gw-tags li a:hover {
    color: #fff;
}
.gw-tags-clear {
    clear: both;
    margin: 0 0 26px 0;
}

Hat dazu jemand eine Idee, wie ich das ganze in die Mitte bekomme?

Wollt nicht nerven, sorry! :wink:

Ich habs probiert, aber der Fehler bleibt leider bestehen.

Hab das ganze jetzt noch ein bisschen abgeändert. So kann man die Tags über eine CSS-Klasse anpassen. Sie werden nun als Liste dargestellt. :wink:

<?php $tag_list = get_the_tag_list('<ul class="your-class-name"><li>','</li><li>','</li></ul>');
if(!empty($tag_list)){ ?>
		<?php   echo $tag_list; ?>
		<?php } 
		?>

Zitat von helix

Hast du den Debug-Modus eingeschaltet? Bekommst du eine Fehlermeldung? Vielleicht hilft die weiter.

/mnt/web102/b3/98/57738898/htdocs/WordPress_SecureMode_01/wp-includes/media.php on line 712 Notice: Undefined offset: 1 in 
/mnt/web102/b3/98/57738898/htdocs/WordPress_SecureMode_01/wp-includes/media.php on line 714 Notice: Undefined offset: 1 in 
/mnt/web102/b3/98/57738898/htdocs/WordPress_SecureMode_01/wp-includes/media.php on line 717 Notice: Undefined offset: 1 in 
/mnt/web102/b3/98/57738898/htdocs/WordPress_SecureMode_01/wp-includes/media.php on line 712 Notice: Undefined offset: 1 in 
/mnt/web102/b3/98/57738898/htdocs/WordPress_SecureMode_01/wp-includes/media.php on line 714 Notice: Undefined offset: 1 in 
/mnt/web102/b3/98/57738898/htdocs/WordPress_SecureMode_01/wp-includes/media.php on line 717 Notice: Undefined offset: 1 in

...usw.! Das wird angezeigt.

Großartig! So funktioniert es schonmal wunderbar, mit einem aber (kommt unter dem Code).

Also: Hier erstmal zum nachvolziehen mein abgeänderter Code:

<?php $next_post = get_next_post();?>
<!-- Previous Post -->    
<?php
if ( is_a( $next_post , 'WP_Post' ) ) :
  $prevpost = get_adjacent_post( false, '', true, 'category' );
  $image = get_the_post_thumbnail( $prevpost, array( 80, ), array( 'class' => 'kommt-spaeter', 'alt' => 'Test' ) );  
  $name = get_the_title( $prevpost );
  $url = get_permalink( $prevpost );
?>
<a href="<?php echo $url;?>"><?php echo $image;?></a>
<?php endif; ?>


<!-- Next Post -->    
<?php
if ( is_a( $next_post , 'WP_Post' ) ) :
  $nextpost = get_adjacent_post( false, '', false, 'category' );
  $image = get_the_post_thumbnail( $nextpost, array( 80, ), array( 'class' => 'kommt-auch-spaeter', 'alt' => 'Test' ) );  
  $name = get_the_title( $nextpost );
  $url = get_permalink( $nextpost );
?>
<a href="<?php echo $url;?>"><?php echo $image;?></a>
<?php endif; ?>

Nun zum "aber"...

Wie gesagt, alles funktioniert soweit genauso wie ich es mir vorgestellt habe. Leider gibt es noch zwei Probleme:

1. Wenn ich zum allerersten Beitrag gehe, dann wird mir dieser auch als Thumbnail angezeigt, obwohl dort gar kein Bild mehr sein dürfte.
2. Wenn ich zum allerletzten Beitrag gehe, dann wird dort gar kein Thumbnail mehr vom vorherigen Post angezeigt.

Was nun? :shock:

Die Verlinkung funktioniert einwandfrei. Wenn ich das Bild untersuche, dann wird folgendes angezeigt:

<img width="100px" alt="" src="&lt;img width=" 750"="" height="290" class="attachment-post-thumbnail size-post-thumbnail wp-post-image">

Es wird wahrscheinlich an dieser Stelle liegen:

<img width="100px" alt="" src="<?php echo $image;?>

Ändere ich sie jedoch wie folgt, dann bekomme ich "> neben den Bildern angezeigt.

<img width="100px" alt="" src="<?php echo $image;?>">

Irgendwo muss da allerdings noch ein Fehler sein. Bei einigen Bildern zeigt er mir kein Bild an (also Bild mit einem x), obwohl der Beitrag ein Thumbnail hat.

Das mit dem Shortcode hat funktioniert. So kann ich die Schlagwörter in einem Widget ausgeben und selber entscheiden auf welcher Seite sie angezeigt werden.

Vielen Dank helix

Das ist der entsprechende Part:

<?php $tag_list = get_the_tag_list( '', __( ', ', 'pixgraphy' ) );
        if(!empty($tag_list)){ ?>
        <?php   echo $tag_list; ?>
        <?php }  ?>

Wenn ich diesen nun in die sidebar.php meines Templates integriere funktioniert es sogar schon.

Am besten wäre jetzt noch, könnte man das ganze als Widget verwenden.

So, habe jetzt einiges ausprobiert und bin bei diesem Ergebnis stehengeblieben. Da meine PHP-Kenntnisse gen 0 gehen sieht das wahrscheinlich grauenhaft aus. Immerhin funktioniert es. Müsste nur noch ins "Reine" gebracht...

<?php $next_post = get_next_post();?>
<?php
if ( is_a( $next_post , 'WP_Post' ) ) :
  $nextpost = get_adjacent_post( false, '', false, 'category' );
  $image = get_the_post_thumbnail( $nextpost );
  $name = get_the_title( $nextpost );
  $url = get_permalink( $nextpost );
?>
<a href="<?php echo $url;?>"><img width="100px" alt="" src="<?php echo $image;?></a>
<?php endif; ?>








<?php
if ( is_a( $next_post , 'WP_Post' ) ) :
  $prevpost = get_adjacent_post( false, '', true, 'category' );
  $image = get_the_post_thumbnail( $prevpost );
  $name = get_the_title( $prevpost );
  $url = get_permalink( $prevpost );
?>
<a href="<?php echo $url;?>"><img width="100px" alt="" src="<?php echo $image;?></a>
<?php endif; ?>

Hallo Leute,

ich hätte gerne auf meiner Beitragsseite in der Navigation unten (vor und zurück) das Bild des jeweiligen Posts, quasi als Vorschau, angezeigt. Kann mir jemand erklären, wie ich das am hinbekomme?

Hallo Leute,

ich möchte gerne auf meiner Beitragsseite die Schlagwörter in der Hauptsidebar anzeigen lassen, statt unter dem Text. Es gibt dafür ein Widget, das ich mal istalliert hatte, aber hab den Namen vergessen. Vielleicht gibt es auch noch eine bessere Lösung als ein Plugin dafür zu nutzen, da ich nicht unbedingt so viele Plugins verwenden möchte.