CSS-abhängig von benutzerdefiniertem Feldwert

Ich möchte einige CSS-Regeln für eine ID bedingt auf den Wert eines benutzerdefinierten Feldwerts hinzufügen.

Speziell:

#firstimg Sie zur ID #firstimg die Regeln hinzu:

 opacity:0.4; filter:alpha(opacity=40); 

vorausgesetzt, das benutzerdefinierte Feld fl_status hat einen Wert sold

Ich nehme an, Jquery sollte der beste Weg sein, hierher zu gehen?

Solutions Collecting From Web of "CSS-abhängig von benutzerdefiniertem Feldwert"

Ohne irgendeinen anderen Kontext (was bedeutet, dass Sie sich wahrscheinlich an Ihre spezifischen Bedürfnisse anpassen müssen), würde ich den Filter post_class . Mit diesem Filter können Sie auf das Post-Meta für den aktuellen Post zugreifen und dem Post-Container bedingt eine CSS-class hinzufügen.

Beispielsweise:

 function wpse129167_filter_post_class( $classes, $class, $postid ) { // Get post meta value for fl_status $fl_status = get_post_meta( $postid, 'fl_status', true ); // If fl_status = sold, add a CSS class if ( 'sold' == $fl_status ) { $classes[] = 'fl-status-sold'; } // Don't forget to return the array return $classes; } add_filter( 'post_class', 'wpse129167_filter_post_class', 10, 3 ); 

Sehen Sie sich Ihr Post-Markup in Ihrer Schleife an. Sieh dir das an:

 
>