Wie differenziert man Produkt und Produkt über Farbe?

Ich möchte einen anderen Farbrahmen für Produktentwürfe und veröffentlichte Produkte auf meiner WordPress-Backend-Seite festlegen.

Wenn auf meiner WordPress Produkteintragseite ein entworfenes Produkt erscheint, sollte es eine rote Hintergrundfarbe haben und wenn ein veröffentlichtes Produkt verfügbar ist, sollte es eine grüne Hintergrundfarbe haben.

Solutions Collecting From Web of "Wie differenziert man Produkt und Produkt über Farbe?"

Sie können dies tatsächlich mit einfachem CSS erreichen. Wenn Sie sich den HTML-Code anschauen, sehen Sie, dass jede Zeile einige classn hat:

 

Dort können Sie sehen, dass es tatsächlich eine class gibt, die einen Entwurf anzeigt: status-draft

Jetzt können Sie einfach einen Admin-Stil hinzufügen, um Entwürfe zu stylen. Erstellen Sie einfach eine CSS-Datei in wp-content/themes/your-theme-name/admin-style.css und fügen Sie wp-content/themes/your-theme-name/admin-style.css hinzu:

 .status-draft { background-color: red; } 

… oder veröffentlichte Beiträge:

 .status-publish { background-color: green; } 

Nun müssen Sie dies zu Ihrer wp-content/themes/your-theme-name/functions.php Datei hinzufügen:

 add_action( 'admin_enqueue_scripts', 'wpse_175526_load_admin_style' ); function wpse_175526_load_admin_style() { wp_enqueue_style( 'wpse_175526_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' ); } 

Weitere Informationen zum Hinzufügen eines Admin-Stils finden Sie in dieser Antwort: Hinzufügen eines benutzerdefinierten Stylesheets zu wp-admin