Con la última versión de WordPress 9.2 + desde, hemos introducido una nueva característica muy útil para gestionar las miniaturas, o miniaturas. Esta característica, sin embargo, se debe activar en el tema, a saber, que actúa sobre el archivo functions.php . Esta nueva característica es útil en muchos contextos y proporciona una herramienta simple y conveniente tanto para el desarrollador de un sitio web utilizando WordPress es el cliente final quien se encargará de su contenido.
En las versiones de WordPress anteriores a la 2.9, de hecho, muchos desarrolladores utilizan los campos personalizados (campos personalizados) para ofrecer a los clientes la posibilidad de añadir una imagen - externo - para el puesto. Solución desde el punto de vista que si el desarrollador no era particularmente gravosa, rendeve sigue editando el post bastante incómodo, sobre todo si tenemos en cuenta que muchas veces es el cliente final para tratar el contenido. Otras soluciones podrían ser el uso de los plugins ya hechos, o escribir un ad-hoc. Con el lanzamiento de 9.2 +, sin embargo, puede habilitar la gestión de "miniaturas" con unas pocas líneas de código, que se encuentre en el backend de todo lo que ha hecho, por lo que el proceso de inserción del puesto realmente mucho más cómoda y clara.
Activar la nueva función, post-miniaturas
Para permitir la gestión de la "article thumbnail" back-end es simplemente editar el archivo functions.php y añadir la siguiente línea de código:
1 | ) ; add_theme_support ("post-thumbnails '); |
O, mejor aún, en vista de compatibilià y la estabilidad:
1 2 3 | function_exists ( 'add_theme_support' ) ) { if ( function_exists ('add_theme_support')) { ) ; add_theme_support ("post-thumbnails '); } |
Sin esto, viene y va a cambiar en la administración de un puesto, nos encontraremos con un nuevo panel en la barra lateral derecha:
Al hacer clic en "Ajustar miniatura" se abrirá el panel clásico ya se utiliza para adjuntar imágenes y medios de comunicación. Cuando elegimos nuestra imagen, introdúzcalo cuando tenemos la nueva "Úsalo como una miniatura":
La activación también se puede controlar utilizando mejor:
1 2 3 4 |
También puede elegir el tamaño de este "pequeño", impulsado, además de trabajar en el nuevo editor de imágenes a disposición de WordPress:
1 2 | / / 50 píxeles de ancho por 50 píxeles de altura modo, cambiar el tamaño de caja de , 50 ) ; set_post_thumbnail_size (50, 50); |
Utilice la imagen
En este punto, todo lo que queda es usar la imagen en nuestra plantilla:
1 | the_post_thumbnail (); |
Siguiendo el estándar de WordPress está también disponible sin echo :
1 | get_the_post_thumbnail (); |
También es posible pasar una serie de parámetros para esta función, por lo que es muy versátil, como:
1 2 3 4 5 6 | / / Mostrar la imagen ) ; the_post_thumbnail ('imagen'); / / La versión Media ) ; the_post_thumbnail ("medio"); / / La versión grande ) ; the_post_thumbnail ("grande"); |
, cosa comodissima all'interno di “loop” personalizzati: También puede configurar otros parámetros como atributos de la etiqueta img alt y el title , que es conveniente en el "bucle" a la medida:
1 |
También para "retrocompatibilià" una buena implementación de esta nueva característica podría ser:
1 2 3 4 5 6 7 8 9 10 11 12 | function_exists ( 'has_post_thumbnail' ) ) && ( has_post_thumbnail ( ) ) ) { if (( function_exists ('has_post_thumbnail')) && (has_post_thumbnail ())) { / / Wordpress 9.2 +, utilizando la imagen incrustada the_post_thumbnail (); { Else {} / / Wordpress 2.8 y superiores - utilizar la técnica del campo personalizado / / Utiliza un campo personalizado llamado "campo-imagen" o la forma en que desea / / Contiene el URL de una imagen get_post_meta ( $post -> ID , 'campo-thumbnail' , true ) ; Postimage get_post_meta = $ ($ post -> ID ", el terreno en miniatura ', true); $postimage ) { if ($ postimage) { . $postimage . '" alt="" />' ; echo '<img src="'. $postimage.'" alt="" />'; } } |
Notas adicionales y ejemplos
Esta característica es muy útil y se ha introducido de una manera integral. Le sugiero que sigue viendo el funcionario explicó que la documentación de WordPress que detalla el conjunto de todas las funciones y sus parámetros. Como otro ejemplo se muestra cómo crear una miniatura de 64 × 64 píxeles con un cultivo de hardware y utilizar la misma imagen en cada puesto, cambiando la configuración de la anchura (por ejemplo 512) y la altura (insertar infinita 9999):
1 2 3 4 | / / En el archivo functions.php ) ; add_theme_support ("post-thumbnails '); , 64 , true ) ; set_post_thumbnail_size (64, 64, true); , 512 , 9999 ) ; add_image_size ('single-post-imagen ", 512, 9999); |
En la página principal, por ejemplo, vamos a utilizar:
1 | the_post_thumbnail (); |
En el archivo single.php utilizando:
1 | ) ; the_post_thumbnail ('single-post-imagen'); |
Cargando ... 
[...] WordPress 2.9 +: nueva función después de las miniaturas que explica cómo usar las nuevas características de gestión de miniaturas, miniaturas, [...]
pero ¿cuál es la diferencia entre estas 2 líneas? que genera resultados?
En la página principal, por ejemplo, vamos a utilizar:
En el archivo single.php utilizando:
@ José: el primero muestra una miniatura en el tamaño por defecto, los establecidos por:
el segundo se utiliza para establecer una miniatura de nuestro personal con diferentes dimensiones, por ejemplo:
2
thumbnail ' ); the_post_thumbnail (I - miniatura ');
De esta manera podemos tener imagen diferente dependiendo de nuestras necesidades, y las páginas de los diferentes contextos. De repente se dio cuenta al establecer la "miniatura".
[...] Las nuevas características de WordPress miniaturas, introducidos con la versión 2.9 y discutidos en WordPress 2.9 +: nuevas miniaturas mensaje de características, se puede automatizar mediante un simple script PHP. Esto puede ser útil cuando [...]
Saludos a todos,
¿cómo puedo cambiar el nombre (etiqueta) en la administración de la miniatura. En lugar de "pruebas de imagen", por supuesto, en italiano.
En la actualidad he comenzado a usar WordPress 3.0 con el plugin de "miniaturas de correos múltiples".
@ Emmanuel: No entiendo lo que quieres decir, ¿usted quiere decir con "Set Thumbnail"? Puedes probar a utilizar el filtro:
2
3
4
5
6
/ / $ Contenido está en el resultado que se muestra en el backend
/ / "Set Thumbnail"
}
, 'custom_admin_post_thumbnail_html' ) ; add_filter ('admin_post_thumbnail_html', 'custom_admin_post_thumbnail_html');
Si he entendido bien la pregunta riptoponi. Saludos
@ Giovambattista Fazioli:
Me refiero a la etiqueta del campo, donde dice en miniatura "las pruebas de imagen"
Yo estaría interesado en los hechos también cambiar la conexión interna "Juego de las pruebas de imagen", en la práctica, como usted sabe es el vínculo que le permite cargar la biblioteca de imágenes
Mientras tanto, muchas gracias
@ Emmanuel:
Lamentablemente siento que estoy utilizando wordpress 3.0 como la traducción al italiano de la etiqueta sólo tiene "pruebas de imagen", mientras que el primero fue (como en el tutorial) "en miniatura del artículo".
@ Manuel: Bueno, ahora me queda claro. Basta con introducir el código en el archivo
functions.phpdel tema activo que está utilizando:2
3
4
5
, 'post' , 'side' ) ; remove_meta_box ('postimagediv', 'post', 'lado');
, 'Quello che vuoi' , 'post_thumbnail_meta_box' , 'post' , 'side' , 'low' ) ; add_meta_box ('postimagediv', 'Lo que tú quieres', 'post_thumbnail_meta_box', 'post', 'lado', 'baja');
}
, 'customposttype_image_box' ) ; add_action ('do_meta_boxes', 'customposttype_image_box');
Sustituye, posiblemente utilizando la configuración regional, la cadena de
excusa el juego de los "textos". Espero que ayude.
Quello che vuoiquieras con eso cheeGracias por este post!
Gracias por la aclaración sobre el uso de la nueva función, que hasta entonces había permanecido en la oscuridad a mí!
Una pregunta: ¿hay alguna manera - o plugin - crear automáticamente una red de "pulgares", dando a entender el artículo de pertenencia?
(Cualquier ayuda se agradece)
@ Doz: ¡por supuesto! Todo lo que se puede hacer sin un plugin. Basta con crear una función en el
functions.phpde esta manera:2
3
4
5
6
7
8
9
10
; global de $ mensaje;
new WP_Query ( 'category_name=blog&showposts=10' ) ; US $ ThumbnailsPosts WP_Query = nuevo ("nombre_categoría = blog y showposts = 10 ');
'' ; $ S ='';
$thumbnailsPosts -> have_posts ( ) ) { while ($ thumbnailsPosts -> have_posts ()) {
the_post ( ) ; $ ThumbnailsPosts - the_post> ();
'<a href="' . get_permalink ( ) . '" $ O. = '<A href = "'. Get_permalink (). '"
}
; echo $ o;
}
Sin esto, el archivo de tema
index.phppor ejemplo, usted puede llamar a esta función, añadiendo que el punto que mejor le parezca:. En la función
creaGriglia()por encima de lo extraído los 10 primeros puestos de la categoríablog. Al cambiar los parámetros de la consulta y el código HTML, usted puede crear fácilmente una que ha solicitado. Por encima, ya ves, me puse las imágenes en miniatura junto a la otra. Al insertar el "etiquetado" el formato de salida apropiado que como mejor le parezca. Espero que esto ayude.@ Giovambattista Fazioli:
Heila, que la velocidad, que disponbiiità!
Sólo un momento en que probar su código, muchas gracias!
HOLA
Estoy probando el código desde el lanzamiento de 2,9 y el duro recorte no funciona mica.Su este punto de vista timthumb funciona mucho mejor si no fuera porque la imagen de salida es de una calidad muy inferior a la de entrada.
Me puse un recorte de miniaturas con 60x60px duro, he cargado una imagen de 600x300px de cultivo no es difícil, pero la función no quieren trabajar ... alguna idea?
hola .. y el poco que utilice el código de wordpress y lo entiendo menos de cero .. Mi probema y .. He publicado en las imágenes de portada de un tamaño de 320 x 320 para obtener el código de imageshak .... y comparándolo con el post entero de que la imagen fuera de tono por ser demasiado amplia y por lo que el orden de 10 mensajes por página Este es largo ... ahora he buscado en la web pero no he encontrado la solución que estaba buscando ... o le pedirá que las imágenes pueden ser reducir el tamaño del ejemplo 100 x 100? teniendo en cuenta que una vez utilizado el leer más páginas que pone de relieve la imagen natural de 320 x 320 .... ahora, habiendo tenido experiencia con esta plantilla de blogger en su código fue la edición de las imágenes en la página principal .. WordPress puede tener la misma función o debe optar por otra solución? .. gracias a los que se saben dar consejos útiles sobre cómo proceder ... Sandro
[...] Seguido este tutorial y funciona http://www.undolog.com/2010/04/09/wordpress-2-9-la-nuova-funzione-post-thumbnails/ pero las imágenes (de los mismos artículos ) voy a entrar como imágenes en miniatura son [...]
. Hola felicitaciones por el blog, tengo una pregunta, tengo una galería que carga las imágenes de los campos personalizados de puestos de trabajo, en teoría, he creado una variable llamada
$BG_imagecon el enlace para el tipo de imagenhttp://www.miosito7immagine/foto.jpg.¿Cómo puedo poner en su lugar el enlace de la evidencia fotográfica, si esta transformación
en
Yo no soy un experto en PHP como ya se ha visto ...
Gianluca @: ¿podría explicar mejor el problema, no entiendo lo que tienes.
ahora entiendo que no debo poner los signos de apertura y cierre de php, me disculpo
No ... me voy .. lo que está mal?
Estoy usando un tema que tiene el timthumb.php pero esto no funciona, porque he instalado WPMU.
En
functions.php2
3
, 64 , true ) ; set_post_thumbnail_size (64, 64, true);
, 512 , 9999 ) ; add_image_size ('single-post-imagen ", 512, 9999);
(subito dopo get_header) perchè index mi da
Templatepath. '/front.php'Enindex.phpyfront.php(después de get_header) porque me da índice deTemplatepath. '/front.php'Templatepath. '/front.php'Y en
single.php(después de get_header)esto se hace, las cosas no cambian
Hola, no puedo cambiar el tamaño de la tumba. en el archivo de
function.phpescribo esto:pero no cambia de tamaño.
¿Qué debo hacer?
muchas gracias
paul
@ Pablo: Yo no trabajo, porque las imágenes en miniatura que ya ha creado. Usted debe borrar el archivo y volver a cargarlo para causar que se le conceda el nuevo ajuste. La miniatura, de hecho, no se generan en tiempo de ejecución cuando la función se llama, pero ... cuando se crea la primera vez en el backend, si usted piensa que WordPress se vuelva a crear "al vuelo" toda la imagen de un sitio con 2000 artículos
Ese ajuste, se dice, no tiene carácter retroactivo!
Un saludo a todos.
He probado la función
creaGriglia()descrito anteriormente, pero no me funciona.Me gustaría que cada clic en una categoría que salgo del pulgar con respecto a la misma categoría, o quizás a través de
add_image_sizecrear una nueva dimensión y lo puso en una hermosa galería de jQuery.Yo podría hacer una consulta directa a la base de datos, no veo donde se inserta, pero no habrá una manera más fácil ...!
Gracias de antemano!
@ Federico: que no podía trabajar, por diversas razones, por ejemplo, no ha configurado la imagen, o no tiene un blog la categoría ... exactamente lo que le sucede a usted? Obtener un mensaje de error?
Pido perdón ... no tengo un blog de la categoría ...!
Ahora funciona perfectamente, el personalizzerò la integración de una galería, yo debería ser capaz de ver lo bien que es posible intervenir en la función.
Muchas gracias y os renuevo mis disculpas.
Hola,
gracias por su guía realmente útil. Quería preguntarle ¿hay alguna manera de ajustar automáticamente la nueva opción para el post anterior, donde las imágenes fueron gestitie a través de campos personalizados o debo agregar manualmente las imágenes en miniatura de todos los mensajes viejos? Espero que puedan ayudarme, gracias de antemano todos los
Tiziana
@ Tiziana: Usted puede hacer las dos cosas. Como se menciona en el artículo anterior, si se utiliza un código como este:
2
3
4
5
6
7
8
9
10
11
12
/ / Wordpress 9.2 +, utilizando la imagen incrustada
the_post_thumbnail ();
{ Else {}
/ / Wordpress 2.8 y superiores - utilizar la técnica del campo personalizado
/ / Utiliza un campo personalizado llamado "campo-imagen" o como
/ / ¿Quieres que contiene el URL de una imagen
get_post_meta ( $post -> ID , 'campo-thumbnail' , true ) ; Postimage get_post_meta = $ ($ post -> ID ", el terreno en miniatura ', true);
$postimage ) { if ($ postimage) {
. $postimage . '" alt="" />' ; echo '<img src="'. $postimage.'" alt="" />';
}
}
Usted puede ver la imagen de los nuevos productos y, si es así, eliminar la dirección de la imagen después de la meta de artículos viejos, los que hemos utilizado una etiqueta meta.
También puede volver a aplicar a todos los artículos de las nuevas características, lea Cómo configurar miniaturas automáticas de todos los mensajes
Hola,
Sin embargo, este código lo he indicado pone automáticamente en la miniatura de la página de inicio para el puesto de edad con campos personalizados que tienen? Gracias
Hola he resuelto hacer como está escrito en el enlace proporcionado. Gracias
Hola como se ha dicho
. He insertado el código que he mencionado en otros blogs, pero no reconoce las miniaturas de edad (gestionado por los campos personalizados). ¿Cómo puedo solucionar esto? Espero que puedan ayudarme, gracias
Tiziana
Hola y felicitaciones por el gran post
Mientras estamos en el tema que yo quería preguntarte una cosa, estoy usando el plugin "Puestos Tipo", que le permite añadir un widget con los mensajes que queremos para cada categoría, mostrando también el pulgar, por supuesto, en relación con el artículo para cada clase.
Las inserciones de plugins por defecto una imagen en miniatura después del nombre del puesto, pero me gustaría que al principio y luego el nombre del puesto. ¿Cómo podría hacer?
Hola,
felicidades por el blog.
Yo era capaz de activar la visualización de miniaturas de acuerdo a sus instrucciones a pesar de que verlos en el puesto a pesar
function.phpha insertado la línea:¿Cómo puedo evitar contraer el pulgar en el interior del mensaje?
Gracias
Alfredo
@ Alfredo: una posible causa podría ser que algo ha disparado las miniaturas en el puesto, ya que la línea de código que siempre es la correcta. Para probar que usted puede colocar antes de
add_theme_support:Quiero saber si funciona? Estoy en el ínterin que investigar.
Ok, todo funciona. Gracias a la "disponibilidad de entrar en la práctica:
2
3
4
5
6
7
8
9
10
11
12
/ / Wordpress 9.2 +, utilizando la imagen incrustada
the_post_thumbnail ();
{ Else {}
/ / Wordpress 2.8 y superiores - utilizar la técnica del campo personalizado
/ / Utiliza un campo personalizado llamado "campo-imagen" o la forma en que desea
/ / Contiene el URL de una imagen
get_post_meta ( $post -> ID , 'campo-thumbnail' , true ) ; Postimage get_post_meta = $ ($ post -> ID ", el terreno en miniatura ', true);
$postimage ) { if ($ postimage) {
; eco'';
}
}
He actualizado más "temas de página. Ahora te pregunto algo.
Tengo que poner la imagen cargada
the_post_thumbnail();en un div, para poner el texto anterior.Así que necesito para obtener sólo "src" y luego pasarlo a la CSS.
Gracias
@ Jgor: se puede hacer de varias maneras. Para obtener el código (y no el de salida), puede utilizar
get_the_post_thumbnail(). Esta función, sin embargo, te devuelve todo el código HTML.En esta función, sin embargo, para información, el filtro está vinculado
post_thumbnail_html.che vuole come parametro l'ID del thumbanail. Si desea obtener sólo el URL de la imagen, por lo que se incluye en el atributo
src, puede utilizarwp_get_attachment_thumb_url()que toma como parámetro el ID de thumbanail. Este último recibe a travésget_post_thumbnail_id(), como un parámetro que toma el ID del mensaje.@ Giovambattista Fazioli:
¡Gracias! ^ _ ^
felicitaciones por el trabajo realizado. ¿Has contado un lugar en mi lector de rss-^ _ ^
Hola, yo uso WP 3.2.1 instalado con el tema de Costelo. mi problema "que no puedo borrar las imágenes en miniatura, las miniaturas de todos modos ... cuando voy a hacer clic en el enlace" eliminar la imagen hacia fuera "... he leído el enlace y haciendo clic en la acción = edición # nada sucede ... el mismo problema al tratar de cambiar el estado de visibilidad "y otras pequeñas cosas, pero" puedo cambiar editando más rápido ... me quedo corto, el problema de la eliminación de las miniaturas ... de comandos cual "se debe utilizar para eliminar la imagen (en el enlace que veo Mueva su ratón sobre "eliminar imagen"? Tengo que ir en ese archivo para restaurar el código correcto?
Gazie
Hola, Le agradecería que necesita saber si estas cadenas se utilizan para activar la visualización de miniaturas en el post, yo no entiendo nada de esta lengua, pero vi que el
add_theme_support('post-thumbnails');está presente en mi ensayo, en Si su saque para ponerlos exactamente donde se supone que debo previstas? ¿Me puede dar una mano?gracias
@ Simon: añade la función especificada por usted (o la habilidad, si lo prefiere) la capacidad de fijar la imagen para cada puesto, pero por sí solo no muestra nada. Si he entendido bien:
para hacer esto por lo general hay tres formas:
1) Utilice un tema que ya permite
2) instalar un plugin
3) Actuar de forma manual
Excluyendo el primero, se puede resolver por sí mismo, si yo quería mostrar automáticamente las imágenes en miniatura (si existe) en un post sólo tiene que añadir estas líneas de código a su archivo
functions.phpen la carpeta de tu tema activo:2
3
4
5
6
7
8
9
10
11
12
; global de $ mensaje;
$content ; Original_content $ = $ contenido;
current_theme_supports ( 'post-thumbnails' ) ) { if (current_theme_supports ('post-miniaturas')) {
the_post_thumbnail ( ) ; $ Contenido = the_post_thumbnail ();
$original_content ; $ Contenido = $ Original_content.;
}
; return $ contenido;
}
, 'showThumbnail' ) ; add_filter ('the_content', 'showThumbnail');
Código como el de arriba se encuentra en línea muchos, de acuerdo a sus necesidades. Veo que he creado un sencillo posible para mantenerlos en orden. Yo entiendo que si no eres un "técnico" la experiencia puede ser frustrante y agotador, mejor que un prefatto tema o el uso de un plugin. Espero que ayuda ...
@ Vito :: el enlace es correcto, ya que la eliminación de la imagen es a través de JavaScript, aquí está un ejemplo:
Probablemente, por lo que entiendo, tu problema es un fallo de la cuestión, algo difícil de vivir aquí ...
@ Giovambattista Fazioli ::
Gracias!
)))
muy, muy agradable ... voy a tratar ... yo no trabajo más que nada
Tenga un buen día.
[...] Le permite asociar una imagen a un poste, página personalizada o correo postal. Si toda la imagen es fácil de extraer el código, gracias [...]
¡Felicitaciones!
Guía muy interesante.
Consejo, si desea restaurar todos los pulgares plugin de Miniaturas Regenerar
Hola, yo quería preguntarte cómo puedes ayudar:
en el post que he subido una galería de 50 imágenes, por ejemplo, entonces la cola se mostrará en el artículo 50 miniaturas de 100 × 100. Me gustaría encontrar la manera de mostrar sólo 5 en el artículo y haga clic en una de estas imágenes que encontré en la página 5, la. Existente (attachment.php), con la galería completa de todas las 50 imágenes
Gracias
Pero, ¿cómo se puede crear el pulgar y colóquelo en el puesto de cabo imamgine?
Hola, lo siento para resucitar un viejo post, pero espero que usted me puede dar una mano. ¿Cómo lo hago, con este método, el uso de imágenes cargadas a través de un enlace externo http://www.sito.it/image.jpg ?
Por ahora sólo puedo subir imágenes desde mi hosting pero no me pesan demasiado espacio. ¿Cómo puedo hacerlo?
Gracias de antemano
@ MM: Si usted subir imágenes a un servidor diferente (que WordPress no puede hacer el suyo) puede configurar una hoja miniatura de la selección de la dirección URL de origen, como se muestra en este post (inicio del artículo). De esta manera, WordPress usará una dirección absoluta para hacer frente a esta miniatura.
Además, "se pierde" cualquier reducción de la misma, que tiene que hacer en el servidor remoto y / o actuando a través de la CSS.