Customizer CSS Eingabe breiter machen

Ich will das Ganze gerne als Funktion verwenden, so dass es mit jedem Browser funktioniert. Eingesetzt als Snippet, kann ich es dann auch beliebig ein- und ausschalten, so wie mit der Chrome Erweiterung. Ich arbeite jedoch bevorzugt mit Safari.

add_action('admin_head', 'my_custom_admin_css');

function my_custom_admin_css() {
  echo '<style>
    /* Schriften anpassen */
    body, td, textarea, input, select {
    font-family: "Lucida Grande";
    font-size: 12px; } 
	 
    /* oberen Balken färben */
    #wpadminbar{ background: #5FB404; }
	 
    /*Customizer Breite anpassen */
	 
	 #customize-controls {
	 width:900px;
	 max-width:900px;
     }

     .wp-full-overlay.expanded {
     margin-left: 900px;
     }
  </style>';
}

Ich habe eine bestehende Funktion erweitert. Diese verwende ich auf allen meinen Seiten, um jeweils mit #wpadminbar den Adminbereich farblich zu kennzeichnen, so erkenne ich einfacher, in welchem Adminbereich ich gerade bin.

Funktioniert allerdings mit dem Customizer nicht. Ich hab jetzt auch herausgefunden, dass admin_head beim Customizer nicht mehr zur Anwendung kommt. Gibt es dafür einen anderen Befehl, um den Code in den Header zu kriegen? (jetzt ist mir auch klar, weshalb alle Versuche gescheitert sind)

Ein Schuss ins Blaue, customizer_head hat nicht getroffen.

• Diese Antwort wurde geändert vor 5 Jahren, 2 Monaten von radarin.

ok, ich hab die Lösung gefunden.

/* CSS im Cusomizer erweitern */
add_action( 'customize_controls_print_styles', 'my_customizer_styles', 999 );
function my_customizer_styles() {
   ?>
   <style>
   #customize-controls {
      width:600px;
      max-width:600px;
   }
   .wp-full-overlay.expanded {
      margin-left: 600px;
   }
   </style>
   <?php
}

Hab das jetzt im Plugin als Snippet erfasst. So funktioniert es mit jedem Browser. Wenn ich es nicht breiter benötige, kann ich es einfach ausschalten. Mann kann auch mehrere Snippets mit unterschiedlichen Breiten vorbereiten.

Das ist eine grosse Erleichterung beim rum spielen mit komplexerem CSS.

• Diese Antwort wurde geändert vor 5 Jahren, 2 Monaten von radarin.

Wenn es darum geht die Änderungen sofort zu sehen, ist das schon eine feine Sache. Das CSS für mein Plugin teste ich erst mal auf diese Weise. Ich hab noch ein Problem mit der Breitenangabe in der mobilen Version. Wenn alles passt kommt der Code in eine eigene Datei.