Come impostare una vista compatta come predefinita per la stampa delle voci

Introduzione

Si desidera impostare una vista compatta come predefinita quando si stampano le voci di WPForms? È possibile cambiare manualmente questa visualizzazione facendo clic sulla ruota dentata nella schermata di stampa.

Per impostazione predefinita, quando si stampano le voci, la vista è impostata su non compatta.

Per ulteriori informazioni su come stampare una voce, consultare questa documentazione.

Tuttavia, se si desidera impostare la vista compatta per la stampa come vista predefinita, è possibile farlo facilmente utilizzando un piccolo snippet JavaScript che consente di impostare questa vista come vista compatta predefinita.

Aggiunta dello snippet per impostare una vista di stampa compatta

Per prima cosa, è necessario aggiungere questo snippet al sito. Se avete bisogno di aiuto per aggiungere gli snippet al vostro sito, consultate questo tutorial.

/**
 * Change print entry view to compact.
 *
 * @link https://wpforms.com/developers/wpforms_process_validate_email/
 */

function custom_wpforms_print_view() {
    ?>
 
    <script>
        jQuery( document ).ready(function() {
 
            jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-compact' );
 
            jQuery( '.switch-container.toggle-mode [ data-mode=compact ]' ).addClass( 'active' );
 
        });
    </script>
 
        <?php
}
add_action( 'wpforms_pro_admin_entries_printpreview_print_html_head', 'custom_wpforms_print_view', 99 );

Aprire la voce che si desidera stampare e fare clic sul link Stampa dal menu Azioni. Questa operazione aprirà automaticamente la voce nella visualizzazione compatta.

Questo è tutto ciò che serve per impostare la visualizzazione di stampa predefinita su compatta. Volete aggiungere il vostro stile alla schermata di stampa? Consultate il nostro tutorial su Come personalizzare la stampa di una voce.

FAQ

D: Ci sono altre impostazioni che posso attivare per impostazione predefinita?

R: Assolutamente sì! È possibile impostare anche gli altri campi con valori predefiniti.

/**
 * Change print entry view to compact.
 *
 * @link https://wpforms.com/developers/wpforms_process_validate_email/
 */
function wpf_dev_default_print_view() {
    ?>
 
    <script>
        jQuery( document ).ready(function() {
 			
			// Compact View
            jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-compact' );
 
            jQuery( '.switch-container.toggle-mode [ data-mode=compact ]' ).addClass( 'active' );
			
			// Field Descriptions
			jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-description' );
 
            jQuery( '.switch-container.toggle-mode [ data-mode=description ]' ).addClass( 'active' );
			
			// Empty Fields
			jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-empty' );
 
            jQuery( '.switch-container.toggle-mode [ data-mode=empty ]' ).addClass( 'active' );
			
			// Unselected Choices
			jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-unselected-choices' );
 
            jQuery( '.switch-container.toggle-mode [ data-mode=unselected-choices ]' ).addClass( 'active' );
			
			// HTML fields
			jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-html' );

			jQuery( '.switch-container.toggle-mode [ data-mode=html ]' ).addClass( 'active' );
			
			// Section Dividers
			jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-divider' );

			jQuery( '.switch-container.toggle-mode [ data-mode=divider ]' ).addClass( 'active' );
			
			// Page Breaks
			jQuery( '.wpforms-preview' ).addClass( 'wpforms-preview-mode-pagebreak' );

			jQuery( '.switch-container.toggle-mode [ data-mode=pagebreak ]' ).addClass( 'active' );
			
        });
    </script>
 
        <?php
}
add_action( 'wpforms_pro_admin_entries_printpreview_print_html_head', 'wpf_dev_default_print_view', 10 );