Hoy en AyudaWordPress.com

Imagen destacada al compartir entradas de WordPress en Facebook
Como instalar temas en WordPress (actualizado)
Todo el código fuente de WordPress

Imagen destacada al compartir entradas de WordPress en Facebook

Posted: 23 Sep 2012 03:02 PM PDT

Este truco viene a solucionar un problema bastante común, y es el aspecto nada atractivo de las publicaciones al compartirlas tus lectores en Facebook, pues muchas veces sale como imagen por defecto una cualquiera de la barra lateral, una de la entrada que no ilustra adecuadamente el contenido o incluso la imagen cabecera de tu WordPress.

Porque, si defines una imagen destacada en WordPress para cada entrada, y la eliges para que sea el referente gráfico que defina tu publicación ¿no sería lo más lógico que sea esa la que ilustre tu publicación al compartirla la gente en Facebook?. Pues de eso se trata.

La solución pasa por añadir el siguiente código al archivo header.php de tu tema activo, antes de la etiqueta wp_head() a ser posible (vamos, que si):

<!-- Inicio compartir en FB  -->  <?php  	$thumb = get_post_meta($post->ID,'_thumbnail_id',false);  	$thumb = wp_get_attachment_image_src($thumb[0], false);  	$thumb = $thumb[0];  	$default_img = get_bloginfo('stylesheet_directory').'/imagenes/imagen_por_defecto.png';     	?>     <?php if(is_single() || is_page()) { ?>  	<meta property="og:type" content="article" />  	<meta property="og:title" content="<?php single_post_title(''); ?>" />  	<meta property="og:description" content="<?php   	while(have_posts()):the_post();  	$out_excerpt = str_replace(array("\r\n", "\r", "\n"), "", get_the_excerpt());  	echo apply_filters('the_excerpt_rss', $out_excerpt);  	endwhile; 	?>" />  	<meta property="og:url" content="<?php the_permalink(); ?>"/>  	<meta property="og:image" content="<?php if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />  <?php  } else { ?>  	<meta property="og:type" content="article" />     <meta property="og:title" content="<?php bloginfo('name'); ?>" />  	<meta property="og:url" content="<?php bloginfo('url'); ?>"/>  	<meta property="og:description" content="<?php bloginfo('description'); ?>" />      <meta property="og:image" content="<?php  if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />  <?php  }  ?>  <!-- Fin compartir en FB -->

Este código revisará si hay una imagen destacada definida en la entrada, y …

Usa la imagen destacada establecida en la entrada a la hora de compartirla en Facebook
Si no hay imagen destacada establecida usará la primera imagen que se encuentre en la entrada
En caso de que no hubiese ni imagen destacada ni imagen alguna en la entrada, usará la imagen por defecto indicada en la línea 6, que deberás modificar para que se ajuste a algo que exista en tu web.

Nota: este código funciona en el caso en que se comparta en Facebook la URL de una entrada directamente, copiando la URL y pegándola en tu caja de estado o la de una página, si usas algún plugin de iconos para compartir en redes sociales es posible que no funcione debido a que cada plugin utiliza un sistema distinto para compartir.

Código encontrado en vonlind

Ayuda WordPress está alojado en Gigas Cloud WordPress ¿quieres probarlo gratis por un mes?, ¡corre que se acaba la promoción!

Como instalar temas en WordPress (actualizado)

Posted: 23 Sep 2012 04:00 AM PDT

Los temas, plantillas o themes, que te encontrarás cualquiera de estas acepciones, son la cara de tu web, lo que ven tus visitantes y envuelve tus publicaciones con un aspecto distintivo.

WordPress tiene miles de ellos para todos los gustos y elegir el adecuado a tu web y temática será parte de tu éxito. Tanto si estás en un blog alojado en WordPress.com o lo tienes en tu propio servidor debes saber como cambiar de theme, plantilla, tema.

WordPress.com

En el servicio gratuito no vas a poder instalar nuevos themes pero dispones de una buena cantidad entre los que elegir. Para ello debes entrar en tu panel de administración y acceder al apartado de Presentación. Ahí encontrarás una buena cantidad de plantillas, mas sencillas, mas rebuscadas, con barras laterales o sin ellas.

Para activarlas solo debes hacer clic en la imagen de la elegida, te muestra una previsualización de como quedará tu blog y, si es lo que deseas, haces clic en “Activar”.

WordPress.org

En este caso si que puedes agregar temas a WordPress, y tenemos varias opciones:

… Instalar temas WordPress por FTP …

Accedes a tu página preferida de descarga de themes, como la zona de descargas de Ayuda WordPress, descargas el archivo comprimido a tu ordenador y lo descomprimes.
Lees el fichero “readme.txt” si lo tuviera por si hay alguna instrucción especial de instalación o uso (a veces es interesante aunque la mayoría de las veces no es necesario)
Subes por FTP la carpeta descomprimida con el theme a tu directorio /wp-content/themes/ de modo que la ruta quede /wp-content/themes/tu-plantilla.
Accedes al panel de Administración, en la pestaña de Presentación, y encontrarás en la lista de plantillas la que acabas de subir. La activas como en el caso anterior, haciendo clic en la imagen que la representa.

… Instalar temas WordPress oficiales …

En el Escritorio de WordPress tenemos un instalador que nos permite disponer los temas del repositorio oficial de temas WordPress.

Lo primero que nos ofrece es un buscador, en el que añadiendo nuestros filtros o palabra clave nos mostrará una lista de los temas disponibles.
De la lista de temas que aparezcan puedes hacer una previsualización, donde tienes un botón para instalarlo.
Y por supuesto instalarlo desde la misma lista con el enlace disponible, ya deseemos activarlo o no tras el rápido proceso, tras el cual incluso podemos previsualizar, antes de activarlo, como quedaría nuestra web con el nuevo tema.

… Instalar temas desde el instalador de WordPress …

Sin salir de este instalador interno de WordPress, además del buscador anterior, tenemos la posibilidad de subir, instalar y activar cualquier tema obtenido de otra fuente distinta del repositorio oficial.

Haz clic en el enlace del instalador llamado “Subir”
Elige el archivo zip con tu tema y haz clic en el botón llamado “Instalar ahora“.
Al subirse tendrás las mismas opciones que en el procedimiento anterior, pudiendo previsualizar igualmente antes de activarlo.

Y ya está, por opciones que no quede.

¿A que es fácil?

Versiones de esta guía:

Primera versión: 12 de enero de 2008
Actualizado el 24 de enero de 2008
Actualizado el 23 de septiembre de 2012

Ayuda WordPress está alojado en Gigas Cloud WordPress ¿quieres probarlo gratis por un mes?, ¡corre que se acaba la promoción!

Todo el código fuente de WordPress

Posted: 23 Sep 2012 03:14 AM PDT

Cuando hemos visto aplicaciones web y listados de funciones WordPress, no reparé en que también hay un sitio oficial donde visualizar online todo el código de WordPress, función por función.

Así que hoy vamos a añadir una dirección más a nuestra lista de sitios donde revisar y aprender más sobre el código fuente de WordPress: phpdoc.

Lo mejor de todo es que puedes navegar por todas las funciones, filtros y hooks de WordPress por versión, incluso en lo que tiene que venir. Una vez dentro del navegador del código encuentras una explicación de para lo que sirve y ejemplos de uso, bastante más fácil de usar que el mismo Codex.

Y no me enrollo más, simplemente hacemos lista de los recursos para desarrolladores de WordPress que hemos visto hasta la fecha:

Ayuda WordPress está alojado en Gigas Cloud WordPress ¿quieres probarlo gratis por un mes?, ¡corre que se acaba la promoción!

AYUDA WORDPRESS

domingo, 23 de septiembre de 2012