Cómo establecer una vista compacta como predeterminada al imprimir entradas

Introducción

¿Te gustaría establecer una vista compacta como predeterminada al imprimir entradas de WPForms? Puedes cambiar esta vista manualmente haciendo clic en la Rueda dentada en la pantalla de impresión.

Sin embargo, si quisieras establecer la vista compacta para imprimir como vista predeterminada, puedes hacerlo fácilmente usando un pequeño fragmento de JavaScript. Puedes establecer fácilmente esta vista como una vista más compacta por defecto y en este tutorial, te guiaremos sobre cómo lograr esto.

Añadir el fragmento para establecer una vista de impresión compacta

Primero, necesitarás añadir este fragmento a tu sitio. Si necesitas ayuda sobre cómo añadir fragmentos a tu sitio, revisa 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 );

Abre la entrada que deseas imprimir y haz clic en el enlace Imprimir del menú Acciones. Esto abrirá automáticamente tu entrada en la vista Compacta.

Y eso es todo lo que necesitas para establecer la vista de impresión predeterminada como compacta. ¿Te gustaría añadir tu propio estilo a la pantalla de impresión? Echa un vistazo a nuestro tutorial sobre Cómo personalizar la impresión de una entrada.

Preguntas frecuentes

P: ¿Hay otras configuraciones que pueda habilitar por defecto?

R: ¡Absolutamente! También puedes configurar los otros campos con ajustes predeterminados.

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