Verbessern dieses Link-Farbauswahl-Codes

Ich suche nach einer Farbauswahl im Admin für die Anker. Ich weiß, dass es von CSS getan werden kann, aber ich habe eine Multisite und möchte, dass Benutzer die Linkfarben einfach einstellen.

Das Folgende funktioniert, aber es gibt eine Verzögerung für die Farbe zu zeigen, im Gegensatz zum Farbwähler für die Hintergrundfarbe, also überprüfe ich nur, ob das Folgende verbessert werden kann:

function tcx_register_theme_customizer( $wp_customize ) { $wp_customize->add_setting( 'tcx_link_color', array( // 'default' => '#ff0000' ) ); $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'link_color', array( 'label' => __( 'Link Color', 'tcx' ), 'section' => 'colors', 'settings' => 'tcx_link_color' ) ) ); } add_action( 'customize_register', 'tcx_register_theme_customizer' ); function tcx_customizer_css() { ?>  a { color: ; }  <?php } add_action( 'wp_head', 'tcx_customizer_css' ); 

Jede Hilfe wird geschätzt

Solutions Collecting From Web of "Verbessern dieses Link-Farbauswahl-Codes"

Erstellen Sie die Datei “customizer.js” und fügen Sie das folgende Skript in die Datei “customizer.js” ein

 (function( $ ) { "use strict"; wp.customize( 'tcx_link_color', function( value ) { value.bind( function( to ) { $( 'a' ).css( 'color', to ); } ); }); })( jQuery ); 

Fügen Sie Ihre Datei customizer.js in die Warteschlange ein, indem Sie wp_enqueue_script in Ihrer Datei “customizer.php” wie folgt verwenden

 function tcx_customizer_script() { wp_enqueue_script( 'tcx-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'jquery', 'customize-preview' ), '0.3.0', true ); } add_action( 'customize_preview_init', 'tcx_customizer_script' ); 

Dann funktioniert es gut