Como Definir uma Visualização Compacta como Padrão ao Imprimir Entradas

Introdução

Gostaria de definir a visualização compacta como padrão ao imprimir entradas do WPForms? Você pode alterar manualmente esta visualização clicando na Engrenagem na tela de impressão.

No entanto, se você quisesse definir a visualização compacta para impressão como a visualização padrão, você pode fazer isso facilmente usando um pequeno trecho de JavaScript. Você pode facilmente definir esta visualização para ser mais compacta por padrão e, neste tutorial, mostraremos como conseguir isso.

Adicionando o trecho para definir uma visualização de impressão compacta

Primeiro, você precisará adicionar este trecho ao seu site. Se precisar de ajuda sobre como adicionar trechos ao seu site, revise este 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 );

Abra a entrada que deseja imprimir e clique no link Imprimir no menu Ações. Isso abrirá automaticamente sua entrada na visualização Compacta.

E é tudo o que você precisa para definir a visualização de impressão padrão como compacta. Gostaria de adicionar seu próprio estilo à tela de impressão? Confira nosso tutorial sobre Como Personalizar a Impressão de uma Entrada.

Perguntas Frequentes

P: Existem outras configurações que posso habilitar por padrão?

R: Com certeza! Você também pode configurar os outros campos com configurações padrão.

/**
 * 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 );