Avisos
Vaciar todo

QUITAR ESPACIOS EN BLANCO DE UNA IMAGEN A OTRA  

 
Jaime Erdulfo
 Jaime Erdulfo
Reputable Member
image

buenas tardes por favor adjunto imagen y el codigo , porque hay bastante espacio desde una imagen a otra imagen? se podra reducir ese espacio? 

<?php

/**
* Template Name: Home Page
*/

get_header();

?>

<div id="primary">
<div id="content" role="main">

<?php while ( have_posts() ) : the_post(); ?>

<?php
$field = get_field_object('documento_de_identidad_');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('nombres-completos');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('edad');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('direccion');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('telefono__celular');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('motivos_de_la_consulta');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('antecedentes_importantes_relacionados_');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('examen_clinico');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('diagnostico_de_la_teleconsulta');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('examenes_previos');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('Adjunto_2');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('adjunto_3');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('adjunto_4');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('teleconsultas-diagnostico');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$file = get_field('adjunto_4');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php
$file = get_field('Adjunto_2');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php
$file = get_field('adjunto_3');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php
$file = get_field('examenes_previos');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->
</div><!-- #primary -->

<?php get_footer(); ?>

Contenido solo visible a usuarios registrados

Citar
Respondido : 11/08/2022 7:58 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Jaime,

Por favor comparte un enlace donde podamos consultar la pagina que contiene la imagen donde requieres el ajuste

Actualmente tu sitio para poder ver paginas internas requiere de inicio de sesión y por otra parte no podemos hacer mucho con el código que nos has compartido ya que no podemos recrearlo, los posibles estilos que podemos sugerir debemos probarlos desde la vista del inspector del navegador

Saludos!

ResponderCitar
Respondido : 11/08/2022 8:22 pm

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

@bruno-vichetticLARO QUE SI ES 

https://www.historias-clinicas.preventor.com.pe/

 

https://www.historias-clinicas.preventor.com.pe/historia_virtual/06590280/

Esta publicación ha sido modificada el hace 2 meses por Pepe
ResponderCitar
Respondido : 11/08/2022 9:25 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Jaime,

No hay espacios entre las imágenes, te explico.

Tienes unas imágenes de unas hojas:

image

Estás insertando esto, es decir, la hoja que estás subiendo como imagen tiene espacios, y estos son los que vez como separaciones

En este video está seleccionándose en el código la imagen como tal y vez que donde comienza una termina la otra, sin ninguna separación, para que se vean más grande o más pegado todo tendrías que modificar la foto que estás subiendo.

Un saludo 🖐️ 

ResponderCitar
Respondido : 11/08/2022 9:36 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress