Hallo! Generell habe ich immer wieder mal kleine Anpassungen an Wordpress & Themes vorgenommen, komme aktuell aber nicht weiter, da mir das tiefergehende Verständnis/Code-Kenntnisse fehlen.
Webseitenlink: http://lennartgruensel.de/fnuhm/
Ich möchte gerne, dass wenn man über die einzelnen Artikel/Bilder fährt, unterschiedliche Hover-Farben eingesetzt werden. Aktuell haben ja alle ein bläulichen Weißton (Standardfarbe des Themes). Ich möche dazu verschiedene Auswahlmöglichkeiten im Backend schaffen, die dann umgesetzt werden. Dazu habe ich bereits den Backend-Teil erstellt - d.h. man hat momentan die Auswahlmöglichkeit zwischen Yellow, Red und Blue, die auch abgespeichert werden. Wenn ich also einen Beitrag nochmals editiere, hat er sich meine Auswahl gemerkt.
Siehe folgender Code:
function stylish_hover_color_meta_box( $post, $args ) {
// Add an nonce field so we can check for it later.
wp_nonce_field( 'stylish_hover_color', 'stylish_hover_color_nonce' );
/*
* Use get_post_meta() to retrieve an existing value
* from the database and use the value for the form.
*/
$value = get_post_meta( $post->ID, '_stylish_hover_color', true );
if( empty( $value ) ) {
$value = 'yellow';
}
echo '<p>';
echo '<label>';
echo '<input type="radio" id="stylish_hover_color" name="stylish_hover_color" value="yellow" ' . checked( 'yellow', $value, false ) . ' /> ';
_e( 'Yellow', 'luisa' );
echo '</label>';
echo '</p>';
echo '<p>';
echo '<label>';
echo '<input type="radio" id="stylish_hover_color" name="stylish_hover_color" value="red" ' . checked( 'red', $value, false ) . ' /> ';
_e( 'Red', 'luisa' );
echo '</label> ';
echo '</p>';
echo '<p>';
echo '<label>';
echo '<input type="radio" id="stylish_hover_color" name="stylish_hover_color" value="blue" ' . checked( 'blue', $value, false ) . ' /> ';
_e( 'Blue', 'luisa' );
echo '</label> ';
echo '</p>';
}function stylish_save_meta_box_data( $post_id ) {
// Make sure that it is set.
$fields = array();
if ( isset( $_POST['stylish_hover_color'] ) ) {
$fields['stylish_hover_color'] = $_POST['stylish_hover_color'];
}Soweit so gut. Hoffe ich. Mein Problem liegt darin, abzufragen welche Farbe ausgewählt wurde. Dazu habe ich in einer anderen Datei folgenden Code:
<?php if( get_theme_mod( 'stylish_hover_color', '$value' ) === get_theme_mod( 'stylish_hover_color', 'red' ) ) : ?>
.portfolio-listing article header:after,
.blog-listing article:hover:after {
background-color: #ffafc7;
}
<?php elseif( get_theme_mod( 'stylish_hover_color', '$value' ) === get_theme_mod( 'stylish_hover_color', 'blue' ) ) : ?>
.portfolio-listing article header:after,
.blog-listing article:hover:after {
background-color: #74d7ec;
}
<?php elseif( get_theme_mod( 'stylish_hover_color', '$value' ) === get_theme_mod( 'stylish_hover_color', 'yellow' ) ) : ?>
.portfolio-listing article header:after,
.blog-listing article:hover:after {
background-color: #FFFF00;
}
<?php endif; ?>Der funktioniert nicht. Ich vermute mal, dass mir da die richtigen if bzw. elseif Formeln fehlen. Oder kann das so generell gar nicht funktionieren?
Das Theme heißt "LUISA" (https://themeforest.net/item/luisa-min…-theme/11051548).