Problema con miniaturas en tema WordPress

  • Autor Autor woody
  • Fecha de inicio Fecha de inicio
W

woody

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.
error imagenes.webp
¿alguien tiene idea del porque?,
saludos y gracias de antemano
 
¿Te has fijado si en el lateral del editor de las entradas te deja seleccionar una "featured image"?
 
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.
 
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.
Hacer clic para expandir...
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),
2error en inicio.webp

y esta es de la entada:
2error en la entrada.webp

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?
 
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
 
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
Hacer clic para expandir...

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
 
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
 
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
Hacer clic para expandir...
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
 
Envíame un mp

Enviado desde mi XT1032 mediante Tapatalk
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

Karasu
  • Cerrado
Venta WStream - tema wordpress de series y películas (Nueva versión disponible!)
Respuestas
14
Visitas
595
Karasu
Karasu
gusta1996
  • Cerrado
Me ofrezco 😍 Tema WordPress para paginas warez 🤩 plantilla para pagina de descargas
2
Respuestas
22
Visitas
775
gusta1996
gusta1996
Karasu
  • Cerrado
Venta Cinema - tema wordpress
Respuestas
19
Visitas
734
Karasu
Karasu
gusta1996
</> Creando tema wordpress - Problema con comentarios
Respuestas
5
Visitas
239
byzarz
byzarz
NASC12
  • Cerrado
Subasta 👥🖥️📱 10 artículos | Tema: WordPress + Sitios Web | 🔥 +14.800 palabras 🔥 | Subasta Inicial a partir de 1 dólar 👥🖥️📱
Respuestas
16
Visitas
646
NASC12
NASC12
Atrás
Arriba