Beiträge von TonyMacarony

TonyMacarony

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

<?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 } ?>

Alles anzeigen

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?

TonyMacarony

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.

TonyMacarony

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

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

Code

/* ----- 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;
}

Alles anzeigen

TonyMacarony

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.

TonyMacarony

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...

[attach='16167.vB'][/attach]

TonyMacarony

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:

PHP

<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:

Code

.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;
}

Alles anzeigen

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

TonyMacarony

Wollt nicht nerven, sorry! :wink:

Ich habs probiert, aber der Fehler bleibt leider bestehen.

TonyMacarony

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

<?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 } 
		?>

TonyMacarony

Zitat von helix

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

Code

/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.

TonyMacarony

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

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

PHP

<?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; ?>

Alles anzeigen

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:

TonyMacarony

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

HTML

<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:

HTML

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

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

HTML

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

TonyMacarony

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.

TonyMacarony

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

TonyMacarony

Das ist der entsprechende Part:

PHP

<?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.

TonyMacarony

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

<?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; ?>

Alles anzeigen

TonyMacarony

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?

TonyMacarony

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.

TonyMacarony

Funktioniert immer noch nicht. So sieht das jetzt bei mir aus:

PHP

function wpdocs_theme_name_scripts() {
    wp_enqueue_style( 'header', get_stylesheet_directory() . '/header.css' );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );

...und ja, die Datei liegt im Hauptverzeichnis des Child-Themes.

TonyMacarony

Funktioniert irgendwie nicht. Kann ich den Code auch in der functions.php meines Child-Themes benutzen?

TonyMacarony

Du meinst so?

PHP

function wpdocs_theme_name_scripts() {    wp_enqueue_style( 'style-name', get_stylesheet_uri() );    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/css/stylesheet.css', array(), '1.0.0', true );}add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );

Wenn ja, wo genau muss ich das einfügen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von TonyMacarony

Navigation der Beitragsseite im Footer

Listen eines Widgets zentriert darstellen

Listen eines Widgets zentriert darstellen

Listen eines Widgets zentriert darstellen

Listen eines Widgets zentriert darstellen

Listen eines Widgets zentriert darstellen

Thumbnails in der Navigation auf Beitragsseite

Tags in der Sidebar auf Beitragsseiten

Thumbnails in der Navigation auf Beitragsseite

Thumbnails in der Navigation auf Beitragsseite

Thumbnails in der Navigation auf Beitragsseite

Thumbnails in der Navigation auf Beitragsseite

Tags in der Sidebar auf Beitragsseiten

Tags in der Sidebar auf Beitragsseiten

Thumbnails in der Navigation auf Beitragsseite

Thumbnails in der Navigation auf Beitragsseite

Tags in der Sidebar auf Beitragsseiten

Zusätzliche CSS Dateien

Zusätzliche CSS Dateien

Zusätzliche CSS Dateien