Asociar Imágenes a Entradas en Wordpress

  • Autor Autor Informe Alpha
  • Fecha de inicio Fecha de inicio
Informe Alpha

Informe Alpha

Dseda
Redactor
Hola, necesito vuestra ayuda otra vez 😛

Esta vez necesito que una entrada o Post se asocie a una Imagen. Me explico. En el theme que uso actualmente, en la Demo (Enlace eliminado) aparece una imagen al lado del texto, una imagen que no aparece en el Post.

Me olvide, este es mi Blog Enlace eliminado

Mientras que en mi theme, pongo una imagen en el Post y no aparece en el cuadrado al lado del texto, aparece solo el titulo del post como si fuera el "alt" de una Imagen.

lo que quiero hacer es esto: "Asociar un post con una Imagen" y he leido algo aqui La funcionalidad “post-image” de Wordpress 2.9 | aNieto2K pero como no tengo ni idea de wordpress o código php no se donde debo poner cada cosa 😛
Hacer clic para expandir...

Espero que me puedan ayudar, dedito verde pos supesto.

PD: Y ya que estais aqui, en el post pongo el código lo de <--!more> para que se corte el post si no lo visitan entero, pero no me sale nada del tipo "Leer Más" o "More" pese a que si se corta el post.
 
Última edición:
Hola, te refieres a que en la home de tu blog, en cada uno de los artículos aparezca una imagen a la izquierda del texto?... es que no me ha quedado muy claro.

Si eso fuera lo que estás preguntando, yo lo que hago es poner lo siguiente:
PHP: 
 $thumb = '';
		    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
		    $thumb = $matches [1] [0];
                    print "<a href='".get_permalink()."' title='".get_the_title()."'><img src='$thumb' class='thumbnail' height='200px' width='230px'  alt='".get_the_title()."' align='left' style='margin-right:20px;margin-top:10px;'/></a>";

Lo que hace ese código es obtener la primera imagen que has añadido al insertar tu post y la muestra.

Espero que te sirva!

Un saludo.
 
vzet82 dijo:
Hola, te refieres a que en la home de tu blog, en cada uno de los artículos aparezca una imagen a la izquierda del texto?... es que no me ha quedado muy claro.

Si eso fuera lo que estás preguntando, yo lo que hago es poner lo siguiente:
PHP: 
 $thumb = '';
		    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
		    $thumb = $matches [1] [0];
                    print "<a href='".get_permalink()."' title='".get_the_title()."'><img src='$thumb' class='thumbnail' height='200px' width='230px'  alt='".get_the_title()."' align='left' style='margin-right:20px;margin-top:10px;'/></a>";

Lo que hace ese código es obtener la primera imagen que has añadido al insertar tu post y la muestra.

Espero que te sirva!

Un saludo.
Hacer clic para expandir...

Vale dos cosas, no es exactamente lo que queria pero creo que me servira para otra cosa. y mi blog es este, paar que entendais mejor lo que quiero decir Enlace eliminado

Y la mas importante, ¿donde pongo el código?
 
Tendrás que retocar tu plantilla. Ese código lo pondrías en el archivo index.php (es el que define lo que se muestra en la home) en la parte correspondiente. Sería detectar donde está el código que muestra el texto para ponerlo al lado. Así es difícil de explicar, pero te lo podría poner en el código si te hiciera falta.

Al final no me he enterado muy bien de lo que pretendías. También es problema mio porque donde estoy me filtra muchas imágenes y no veo los blogs correctamente, ya le echaré un vistazo desde casa.
 
vzet82 dijo:
Tendrás que retocar tu plantilla. Ese código lo pondrías en el archivo index.php (es el que define lo que se muestra en la home) en la parte correspondiente. Sería detectar donde está el código que muestra el texto para ponerlo al lado. Así es difícil de explicar, pero te lo podría poner en el código si te hiciera falta.

Al final no me he enterado muy bien de lo que pretendías. También es problema mio porque donde estoy me filtra muchas imágenes y no veo los blogs correctamente, ya le echaré un vistazo desde casa.
Hacer clic para expandir...

Creo que lo que quiero hacer es esto: "Asociar un post con una Imagen" y he leido algo aqui La funcionalidad “post-image” de Wordpress 2.9 | aNieto2K pero como no tengo ni idea de wordpress o código php no se donde debo poner cada cosa 😛

Este es el código de Index.php
PHP: 
 <?php get_header(); ?>
<div id="upcontent">
<div class="upscroll">
<div class="scrollbot">
<?php if (get_option('swt_videocheck') == 'Hide') { ?>
<?php { echo ''; } ?>
<?php } else { include(TEMPLATEPATH . '/includes/video.php'); } ?>
<?php include(TEMPLATEPATH .'/includes/slide.php'); ?>
</div>
</div>
</div>
<?php get_sidebar(); ?>
<div id="contentwrap">
<div class="inside">
   
	<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>
			<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                <div class="pwrap">
                <div class="bwrap">

				<div class="entry">

					<?php the_content(''); ?>
				</div>
                <div class="meta">
                <span class="date"><?php the_time('jS  F, Y'); ?></span>
                <span class="author">Posted by <?php the_author(); ?></span>
                <span class="edit"><?php edit_post_link('Edit', '', ''); ?></span>
                <div class="clear"></div>
                <span class="cat">Posted in <?php the_category(', ') ?></span>
                <span class="comm"><?php comments_popup_link('No Comments »', '(1) Comment »', '(%) Comments »'); ?></span>
                </div>

			</div>
			</div>
			</div>

		<?php endwhile; ?>

		<div class="navigation">
        <?php
            include('includes/wp-pagenavi.php');
            if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
        ?>
		</div>
  	<?php else : ?> 
		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>
		<?php get_search_form(); ?>

	<?php endif; ?>
</div>
</div>
<div style="clear: both;"></div>
<?php include(TEMPLATEPATH .'/sidebar2.php'); ?>
<?php get_footer(); ?>

¿donde debo incluir el codigo para ahcer lo que dices tu de poner el thumbnail al aldo de la entrada?
 
Quedaría de la siguiente forma (no puedo probarlo aquí, pero ya dirás si funciona por lo menos lo de la imagen):


Lo que añado nuevo va entre <!-- AQUI VE LO NUEVO PARA MOSTRAR LA IMAGEN --> y <!-- FIN DEL CODIGO NUEVO --> , justo en ese sitio.


PHP: 
<?php get_header(); ?>
<div id="upcontent">
<div class="upscroll">
<div class="scrollbot">
<?php if (get_option('swt_videocheck') == 'Hide') { ?>
<?php { echo ''; } ?>
<?php } else { include(TEMPLATEPATH . '/includes/video.php'); } ?>
<?php include(TEMPLATEPATH .'/includes/slide.php'); ?>
</div>
</div>
</div>
<?php get_sidebar(); ?>
<div id="contentwrap">
<div class="inside">
   
    <?php if (have_posts()) : ?>

        <?php while (have_posts()) : the_post(); ?>
            <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
                <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                <div class="pwrap">
                <div class="bwrap">

                <div class="entry">
                        <!-- AQUI VE LO NUEVO PARA MOSTRAR LA IMAGEN -->
                            <?php
                                  $thumb = '';
                                  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
                                 $thumb = $matches [1] [0];
                                  print "<a href='".get_permalink()."' title='".get_the_title()."'><img src='$thumb' class='thumbnail' height='200px' width='230px'  alt='".get_the_title()."' align='left' style='margin-right:20px;margin-top:10px;'/></a>";
                           ?>
                           <!-- FIN DEL CODIGO NUEVO -->
                    <?php the_content(''); ?>
                </div>
                <div class="meta">
                <span class="date"><?php the_time('jS  F, Y'); ?></span>
                <span class="author">Posted by <?php the_author(); ?></span>
                <span class="edit"><?php edit_post_link('Edit', '', ''); ?></span>
                <div class="clear"></div>
                <span class="cat">Posted in <?php the_category(', ') ?></span>
                <span class="comm"><?php comments_popup_link('No Comments »', '(1) Comment »', '(%) Comments »'); ?></span>
                </div>

            </div>
            </div>
            </div>

        <?php endwhile; ?>

        <div class="navigation">
        <?php
            include('includes/wp-pagenavi.php');
            if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
        ?>
        </div>
      <?php else : ?> 
        <h2 class="center">Not Found</h2>
        <p class="center">Sorry, but you are looking for something that isn't here.</p>
        <?php get_search_form(); ?>

    <?php endif; ?>
</div>
</div>
<div style="clear: both;"></div>
<?php include(TEMPLATEPATH .'/sidebar2.php'); ?>
<?php get_footer(); ?>


Por cierto, no conocía lo que has mostrado en el artículo que adjuntas... muy interesante, le echaré un vistazo!
 
Última edición:
Hay que estar conectado o registrado para responder aquí.

Temas similares

kura58
Mostrar cientos de imágenes en entradas de WordPress
Respuestas
5
Visitas
297
kura58
kura58
Hojure
¿Cómo centrar imagen destacada en entradas de WordPress?
Respuestas
12
Visitas
577
Hojure
Hojure
cris147
  • Cerrado
Se solicita Publicar entradas a Wordpress
Respuestas
13
Visitas
438
cris147
cris147
JoseZabaleta
Personalización de entradas en WordPress sin maquetadores
Respuestas
4
Visitas
325
JoseZabaleta
JoseZabaleta
F
Mejorando las imágenes en entradas de WordPress
Respuestas
3
Visitas
241
Federico99
F
Atrás
Arriba