Problema con miniaturas en tema WordPress

woody · 6 Ene 2014

Bueno,ante todo decir que esto lo he preguntado en otro foro sin resultado alguno, decir que yo siempre use joomla,es la primera vez que uso wordpress y estoy un poco perdido,
es la primera vez,y me he animado a usar este theme,
ya lo tengo todo hecho,
las imágenes insertadas en las entradas no se ven en la previa de la pagina de inicio (pero si se ven cuando entras en la entrada propia),adjunto imagen para que veáis.

¿alguien tiene idea del porque?,
saludos y gracias de antemano

carlossalasamper · 6 Ene 2014

¿Te has fijado si en el lateral del editor de las entradas te deja seleccionar una "featured image"?

Pawel · 6 Ene 2014

Exacto, debes asignar una imagen destacada, lo puedes encontrar en la edición de la publicación que vas a hacer, esta situado en la parte derecha (es un sidebar de opciones), justo debajo de etiquetas.

woody · 6 Ene 2014

Pawel dijo:
Exacto, debes asignar una imagen destacada, lo puedes encontrar en la edición de la publicación que vas a hacer, esta situado en la parte derecha (es un sidebar de opciones), justo debajo de etiquetas.

gracias por contestar,
si eso ya lo hice y aparte de que no se muestran correctamente en la pagina de inicio,en la entrada se me duplican,
aparte de que suelo introducir imágenes mediante url,y esas no las puedo poner destacadas,
os dejo mas imágenes,
esta es del inicio(se ve de pena porque no coge la resolución correcta),

y esta es de la entada:

como veis,sale duplicada (y no se cual es el motivo,en wordpress estoy perdido,jeje),
aparte que como digo,mi intención es de usar mediante url (si no me quedaría mas remedio,pues no lo haría mediante url),

acabo de encontrar esta web que usa el mismo tema,y como se puede apreciar no tienen ni las mismas medidas las imágenes en la pagina de inicio que en las entradas,
incluso en la segunda entrada tiene una miniatura en la pagina de inicio,que despues no esta en la entrada,ni idea de como habra echo esto,mmmmmmmmmm,

como he dicho,soy nuevo en wordpress,y ando perdido,el theme esta subido en una instalación nueva,nuevita de wordpress,
por decir tonterías,voy a preguntar una¿hará falta a la instalación jquery o algo así?¿me estoy perdiendo algo?¿el theme se supone que viene listo con todo para instalar?

carloslp0 · 6 Ene 2014

Copio y pego este tutorial que hice hace unas semanas espero te sirva

Mi theme se supone que debe mostrar la thumbnail de la siguiente manera:

Insertar CODE, HTML o PHP:

<figure><a href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) {the_post_thumbnail('large'); } ?></a></figure> <?php the_excerpt(); ?>

Entonces lo que hice para esto fue lo siguiente, fui a "functions.php” y copie el siguiente codigo que muestra la primera imagen insertada del post:

Insertar CODE, HTML o PHP:

<?php
//* NO incluyas la etiqueta de apertura
 
function obtener_primer_imagen() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];
 
  if(empty($first_img)){ //* Imagen a utilizar por defecto
    $first_img = "/images/imagendefault.png";
  }
  return $first_img;
}

Ve que "imagendefault.png" es la imagen que mostrara cuando no este ninguna imagen en dicho post.

Este codigo es el que mostrara la url de la primera imagen en el post:

Insertar CODE, HTML o PHP:

<?php echo obtener_primer_imagen() ?>

Ojo solo mostrara la URL!!!
para que la imagen se muestre tendremos que insertar de la siguiente manera

Insertar CODE, HTML o PHP:

<img class="aligncenter" src="<?php echo obtener_primer_imagen() ?>" />

En el caso de mi theme yo lo inserte de la siguiente manera:

Insertar CODE, HTML o PHP:

<figure><a href="<?php the_permalink(); ?>"><img class="aligncenter" src="<?php echo obtener_primer_imagen() ?>" /></a></figure> <?php the_excerpt(); ?>

Ya asi me mostro la primera imagen de cada post

Saludos

Enviado desde mi XT1032 mediante Tapatalk

woody · 6 Ene 2014

carloslp0 dijo:
Copio y pego este tutorial que hice hace unas semanas espero te sirva

Mi theme se supone que debe mostrar la thumbnail de la siguiente manera:

Insertar CODE, HTML o PHP:

<figure><a rel="nofollow" href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) {the_post_thumbnail('large'); } ?></a></figure> <?php the_excerpt(); ?>

Entonces lo que hice para esto fue lo siguiente, fui a "functions.php” y copie el siguiente codigo que muestra la primera imagen insertada del post:

Insertar CODE, HTML o PHP:

<?php //* NO incluyas la etiqueta de apertura function obtener_primer_imagen() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //* Imagen a utilizar por defecto $first_img = "/images/imagendefault.png"; } return $first_img; }

Ve que "imagendefault.png" es la imagen que mostrara cuando no este ninguna imagen en dicho post.

Este codigo es el que mostrara la url de la primera imagen en el post:

Insertar CODE, HTML o PHP:

<?php echo obtener_primer_imagen() ?>

Ojo solo mostrara la URL!!!
para que la imagen se muestre tendremos que insertar de la siguiente manera

Insertar CODE, HTML o PHP:

<img class="aligncenter" src="<?php echo obtener_primer_imagen() ?>" />

En el caso de mi theme yo lo inserte de la siguiente manera:

Insertar CODE, HTML o PHP:

<figure><a rel="nofollow" href="<?php the_permalink(); ?>"><img class="aligncenter" src="<?php echo obtener_primer_imagen() ?>" /></a></figure> <?php the_excerpt(); ?>

Ya asi me mostro la primera imagen de cada post

Saludos

Enviado desde mi XT1032 mediante Tapatalk

gracias por contestar,
primero decir que no tengo ni idea de php,
aquí el código de functions.php de mi theme:

PHP:

<?php

/*** FUNCTIONS
 ****************************************************************/
include('includes/functions-comment.php');
include('includes/functions-setup.php');
include('includes/functions-menu.php');
include('includes/functions-sidebar.php');

/*** ADMIN POSTS
 ****************************************************************/
include('admin/options.php');
include('admin/post.php');
include('admin/page.php');
include('admin/photo.php');

/*** WIDGETS
 ****************************************************************/
include('includes/widgets/widget-twitter.php');
include('includes/widgets/widget-flickr.php');
include('includes/widgets/widget-soundcloud.php');
include('includes/widgets/blog-one.php');
include('includes/widgets/blog-two.php');
include('includes/widgets/blog-three.php');

/*** SHORTCODES
 ****************************************************************/
include('includes/shortcodes/blog-one.php');
include('includes/shortcodes/blog-two.php');
include('includes/shortcodes/blog-three.php');
include('includes/shortcodes/blog-four.php');
include('includes/shortcodes/blog-five.php');
include('includes/shortcodes/shortcode.php');
include('includes/shortcodes/soundcloud.php');

/*** ENQUEUE SCRIPT & STYLE
 ****************************************************************/
add_action('wp_enqueue_scripts', 'wizedesign_load_javascript');
add_action('init', 'loadSetupReference');
function wizedesign_load_javascript() {
    wp_enqueue_script('flexslider', get_template_directory_uri() . '/js/flexslider.js', array('jquery'), false, true);
    wp_enqueue_script('prettyPhoto', get_template_directory_uri() . '/js/prettyPhoto.js', array('jquery'), false, true);
    wp_enqueue_script('backstretch', get_template_directory_uri() . '/js/backstretch.js', array('jquery'), false, true);
    wp_enqueue_script('ticker', get_template_directory_uri() . '/js/ticker.js', array('jquery'), false, true);
    wp_enqueue_script('rotator', get_template_directory_uri() . '/js/rotator.js', array('jquery'), false, true);
    wp_enqueue_script('idTabs', get_template_directory_uri() . '/js/idTabs.js', array('jquery'), false, true);
    wp_enqueue_script('script', get_template_directory_uri() . '/js/script.js', array('jquery'), false, true);
}

function loadSetupReference() {
    $protocol = is_ssl() ? 'https' : 'http';
    $font     = of_get_option('font_pred');
    if (is_admin()) {
        wp_enqueue_style('setup', get_template_directory_uri() . '/admin/post/css/options-panel.css');
        wp_enqueue_script('setup-js', get_template_directory_uri() . '/admin/post/js/setup.js');
        wp_enqueue_script('ui-custom-js', get_template_directory_uri() . '/admin/post/js/ui-custom.js');
    } else {
        wp_enqueue_script('jquery');
        wp_enqueue_style('style', get_stylesheet_uri());
        wp_enqueue_style('options', get_template_directory_uri() . '/css/css_options.php');
        wp_enqueue_style('prettyPhoto', get_template_directory_uri() . '/css/prettyPhoto.css');
        wp_enqueue_style('shortcodes', get_template_directory_uri() . '/css/shortcodes.css');
        wp_enqueue_style('shortcodes-blog', get_template_directory_uri() . '/css/shortcodes-blog.css');
        wp_enqueue_style('slider', get_template_directory_uri() . '/css/slider.css');
        wp_enqueue_style('feature', get_template_directory_uri() . '/css/feature.css');
        wp_enqueue_style('font', "$protocol://fonts.googleapis.com/css?family=$font:400,700,900,300");
    }
}

/*** EXCERPT
 ****************************************************************/
function custom_excerpt_length($length) {
    return 45;
}
add_filter('excerpt_length', 'custom_excerpt_length', 999);
function new_excerpt_more($excerpt) {
    return str_replace('...', '...', $excerpt);
}
add_filter('wp_trim_excerpt', 'new_excerpt_more');
function the_excerpt_max_event($charlength) {
    $excerpt = get_the_excerpt();
    $charlength++;
    if (mb_strlen($excerpt) > $charlength) {
        $subex   = mb_substr($excerpt, 0, $charlength - 5);
        $exwords = explode(' ', $subex);
        $excut   = -(mb_strlen($exwords[count($exwords) - 1]));
        if ($excut < 0) {
            echo mb_substr($subex, 0, $excut);
        } else {
            echo $subex;
        }
        echo '...';
    } else {
        echo $excerpt;
    }
}
function the_excerpt_max($charlength) {
    $items_src = null;
    $excerpt   = get_the_excerpt();
    $charlength++;
    if (mb_strlen($excerpt) > $charlength) {
        $subex   = mb_substr($excerpt, 0, $charlength - 5);
        $exwords = explode(' ', $subex);
        $excut   = -(mb_strlen($exwords[count($exwords) - 1]));
        if ($excut < 0) {
            $items_src .= ' ' . mb_substr($subex, 0, $excut) . ' ';
            $items_src .= '...';
            return $items_src;
        } else {
            return $subex;
        }
    } else {
        return $excerpt;
    }
}

function get_excerpt($limit, $source = null) { 
    if ($source == "content" ? ($excerpt = get_the_content()) : ($excerpt = get_the_excerpt()));
    $excerpt = preg_replace(" (\[.*?\])", '', $excerpt);
    $excerpt = strip_shortcodes($excerpt);
    $excerpt = strip_tags($excerpt);
    $excerpt = substr($excerpt, 0, $limit);
    $excerpt = substr($excerpt, 0, strripos($excerpt, " "));
    $excerpt = trim(preg_replace('/\s+/', ' ', $excerpt));
    $excerpt = $excerpt . '...';
    return $excerpt;
}

/*** PAGE NAVIGATION
 ****************************************************************/

function pagination_wz($pages = '', $range = 5) {
    $showitems = ($range * 2) + 1;
    global $paged;
    if (empty($paged))
        $paged = 1;
    if ($pages == '') {
        global $wp_query;
        $pages = $wp_query->max_num_pages;
        if (!$pages) {
            $pages = 1;
        }
    }
    if (1 != $pages) {
        echo '
	<div class="pagination-bottom">
	<div class="pagination-pos">';
        
        echo "<div class=\"pagination\">";
        if ($paged > 2 && $paged > $range + 1 && $showitems < $pages)
            echo "<a href='" . get_pagenum_link(1) . "'>&laquo; First</a>";
        if ($paged > 1 && $showitems < $pages)
            echo "<a href='" . get_pagenum_link($paged - 1) . "'>&lsaquo; Previous</a>";
        for ($i = 1; $i <= $pages; $i++) {
            if (1 != $pages && (!($i >= $paged + $range + 1 || $i <= $paged - $range - 1) || $pages <= $showitems)) {
                echo ($paged == $i) ? "<span class=\"current\">" . $i . "</span>" : "<a href='" . get_pagenum_link($i) . "' class=\"inactive\">" . $i . "</a>";
            }
        }
        if ($paged < $pages && $showitems < $pages)
            echo "<a href=\"" . get_pagenum_link($paged + 1) . "\">Next &rsaquo;</a>";
        if ($paged < $pages - 1 && $paged + $range - 1 < $pages && $showitems < $pages)
            echo "<a href='" . get_pagenum_link($pages) . "'>Last &raquo;</a>";
        echo "</div>\n";
        echo '	
    </div>
    </div><!-- end .pagination-pos -->';
    }
}

/*** TAGCLOUD FONT SIZE
 ****************************************************************/
add_filter('widget_tag_cloud_args', 'wz_tag_cloud_filter', 90);
function wz_tag_cloud_filter($args = array()) {
    $args['smallest'] = 14;
    $args['largest']  = 14;
    $args['unit']     = 'px';
    return $args;
}

/*** SHORT TITLE
 ****************************************************************/
function ShortTitle($text) {
    $chars_limit = 53;
    $chars_text  = strlen($text);
    $text        = $text . " ";
    $text        = substr($text, 0, $chars_limit);
    $text        = substr($text, 0, strrpos($text, ' '));
    if ($chars_text > $chars_limit) {
        $text = $text . "...";
    }
    return $text;
}

?>

¿cual de los códigos que has puesto es el que se supone tengo que insertar y en que parte de mi código?
gracias por la respuesta y el interes

carloslp0 · 6 Ene 2014

Agregó esto al final fe función

Insertar CODE, HTML o PHP:

function obtener_primer_imagen() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];
 
  if(empty($first_img)){ //* Imagen a utilizar por defecto
    $first_img = "/images/imagendefault.png";
  }
  return $first_img;
}

Y sigue lo demás que te explica en el mensaje

Enviado desde mi XT1032 mediante Tapatalk

woody · 6 Ene 2014

carloslp0 dijo:
Agregó esto al final fe función

Insertar CODE, HTML o PHP:

function obtener_primer_imagen() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //* Imagen a utilizar por defecto $first_img = "/images/imagendefault.png"; } return $first_img; }

Y sigue lo demás que te explica en el mensaje

Enviado desde mi XT1032 mediante Tapatalk

perdona mi inexperiencia en este tema,
por lo que entiendo que me quieres decir,es que agregue este código al final de la parte que pone FUNCTIONS del código que te he mostrado,
y que despues siga los pasos de los códigos que me muestras,que por lo que entiendo,el que realmente te funciono en tu theme fue el ultimo que has puesto,
si estoy en lo cierto,¿donde debo poner ese ultimo código que a ti si te funciono?¿seguido de este que me acabas de indicar?,
gracias de nuevo por el interés y la paciencia con un novato

carloslp0 · 6 Ene 2014

Envíame un mp

Enviado desde mi XT1032 mediante Tapatalk

woody · 6 Ene 2014

carloslp0 dijo:
Envíame un mp

Enviado desde mi XT1032 mediante Tapatalk

ok,envio mp