WordPress: obtener URL de imagen destacada by danielnabil.com

WordPress: obtener URL de imagen destacada by danielnabil.com

fuente: https://www.danielnabil.com/blog/funciones-wordpress-ruta-imagen-destacada/

Buenas a tod@s

Normalmente usamos the_post_thumbnail para obtener rapidamente la imagen destacada de nuestro post, el problema es que esta funcion carga la imagen pero tambien nos traera divs y mas cosas que pueden fastidiarnos con el CSS

Con este codiguillo cortesia de danielnabil.com obtendremos exclusivamente la url de la imagen:

<?php // Ruta de la imagen destacada (tamaño completo) global $post; $thumbID = get_post_thumbnail_id( $post->ID );
$imgDestacada = wp_get_attachment_url( $thumbID );
echo $imgDestacada;
?>

Leer artículo completo aquí, donde se explican mas funcionalidades como por ejemplo tema tamaños de fotos

Anuncios

#lightroom: crear #foto #panoramica

#lightroom: crear #foto #panoramica

cudillero-asturias-pueblo-asturiano-pesquero-panoramica-lightroom

Hola a tod@s

Crear una foto panoramica a partir de X fotos con lightroom esta chupao! nos vamos a biblioteca y solo tenemos que seleccionar las fotos que queremos usar para crear la panoramica (seleccion multiple con control + click). Cuando las tengamos seleccionadas le damos al control + M y nos saldra la ventanita del modulo panoramica para configurar alguna opcion del aspecto

Una vez creada la panoramica podemos revelarla, aunque he leido que algunos prefieren revelar antes las fotos una por una yo he probado asi y de momento muy bien

Un saludo!

5 páginas #web para Descargar Imágenes en Alta Resolución #Gratis by @infyart

5 páginas web para Descargar Imágenes en Alta Resolución Gratis http://www.informacionyarte.com/descargar-imagenes-alta-resolucion-gratis vía @infyart

fuente: http://www.informacionyarte.com/descargar-imagenes-alta-resolucion-gratis

5-paginas-web-para-descargar-imagenes-en-alta-resolucion-gratis-by-infyart

Encontrar sitios webs para descargar imágenes en alta resolución gratis no es nada sencillo. Generalmente este tipo de contenido tiene un precio. Aún así hemos rebuscado un poco para ver qué opciones hay para encontrar fotos de muy buena calidad para descargarlas gratis.

Leer artículo completo en informacionyarte.com

#php: post subir image a #twitter @cbielich

#php: post subir image a #twitter @cbielich

fuente: http://stackoverflow.com/questions/35350822/posting-image-status-with-the-twitter-api-using-php

Twitter-PPC

tras mucho buscar y probar y arrancarme el pelo de la cabeza gracias a Cesar Bielich por fin he encontrado solucion, twittear desde php muy guapo pero para publicar una foto con el tweet me las vi y me las desee … con este codiguillo y descargando la libreria codebird, mano de santo:

tweet(‘This is my sample tweet message’,’../audi-a3-grande.jpg’);

function tweet($message,$image) {

// add the codebird library
require_once(‘codebird-php-develop/src/codebird.php’);

// note: consumerKey, consumerSecret, accessToken, and accessTokenSecret all come from your twitter app at https://apps.twitter.com/
\Codebird\Codebird::setConsumerKey(“xxx”, “xxx”);
$cb = \Codebird\Codebird::getInstance();
$cb->setToken(“xxx”, “xxx”);

//build an array of images to send to twitter
$reply = $cb->media_upload(array(
‘media’ => $image
));
//upload the file to your twitter account
$mediaID = $reply->media_id_string;

//build the data needed to send to twitter, including the tweet and the image id
$params = array(
‘status’ => $message,
‘media_ids’ => $mediaID
);
//post the tweet with codebird
$reply = $cb->statuses_update($params);

}

Cortar una Imagen con #PHP by @CodigoAdicto #crop #image

fuente: http://codigoadicto.com/cortar-una-imagen-con-php

Este código muestra la parte seleccionada de una imagen utilizando coordenadas para hacer la función de corte, este código es bastante útil cuando queremos usar imágenes como Featureden los post sin importar el tamaño de esta indicarle que haga un corte estándar para poder visualizarla a la medida.

$filename= "ejemplo-de-imagen.jpg";
list($w, $h, $type, $attr) = getimagesize($filename);
$src_im = imagecreatefromjpeg($filename);

$src_x = '0';   // comienza x
$src_y = '0';   // comienza y
$src_w = '100'; // ancho
$src_h = '100'; // alto
$dst_x = '0';   // termina x
$dst_y = '0';   // termina y

$dst_im = imagecreatetruecolor($src_w, $src_h);
$white = imagecolorallocate($dst_im, 255, 255, 255);
imagefill($dst_im, 0, 0, $white);

imagecopy($dst_im, $src_im, $dst_x, $dst_y, $src_x, $src_y, $src_w, $src_h);

header("Content-type: image/png");
imagepng($dst_im);
imagedestroy($dst_im);

#html y #css: #image #crop, usease; no mostrar imagen completamente by @aNieto2k

Fuente: http://www.anieto2k.com/2009/09/08/3-tecnicas-de-hacer-crop-con-css/

Llamamos crop al recorte selectivo de una imagen. Este recorte no afecta ni al ancho ni al alto de la imagen, y únicamente se encargar de mostrar nuestra selección al usuario.

800px-Image_cropping_aspect_ratios
(Ver Imagen)

Como vemos en la imagen, sacada de la Wikipedia, esta técnica la usamos cada día al ver la televisión, ya que para no perder el ratio de la imagen y así no deformar los objetos que visualizamos se realiza un crop adaptando la imagen sin perder la relación de aspecto de la imagen.

Márgenes negativo

Esta técnica, basada en el uso de márgenes negativos simula el efecto crop sobre la imagen, haciendo que la imagen se oculte sobre una capa superior.

// HTML
p class="crop"><a href="http://templatica.com" title="Css Templates"><img src="img.jpg" alt="css template" /></a></p> 

// CSS
.crop{
 float:left;
 margin:.5em 10px .5em 0;
 overflow:hidden; /* IMPORTANTE */
 border:1px solid #ccc;
 }

 /* Indicamos los márgenes que dejamos para simular el crop. */
.crop img{
 margin:-20px -15px -40px -55px;
 }

Ver una demo.

#html5 y #css3: Imagen Responsive Básica

Fuente: http://www.psdahtmlpasoapaso.com/blog/como-crear-imagenes-responsive-con-css#ejemplo

Comenzamos con un DIV contenedor que incluirá una imagen.

<div>
   <img src="image01.jpg" width="960" height="640" />
 </div>

Ahora aplicaremos una serie de reglas con contenedor de dicha imagen para que el mismo tenga un ancho del 96% del ancho de la pantalla, pero que el mismo no supere los 960px.
También le colocamos un margen de 0 para arriba y abajo y AUTO para el izquierdo y derecho. Asi logramos que quede centrado.

div.container {
width: 96%;
max-width: 960px;
margin: 0 auto;
}
img {
width: 100%;
height: auto;
}

También le incluí un ancho del 100% a la imagen y un alto en automatico, con eso logramos que tome el ancho completo del DIV contenedor y la altura se respete proporcionalmente.

RESUMEN: en este ejemplo logramos una imagen responsive (adaptable) pero que no supere los 960px de ancho.

>> Ver ejemplo