WebEstudio :: Blog de Diseño Web » WORDPRESS

How to: Uso de los custom fields de WordPress

Jorge Bravo — Thu, 17 Feb 2011 08:41:05 +0000

Para este tutorial usaremos el ejemplo más sencillo que hay para “custom fields” que es el de la imágenes de vista previa de nuestros post, con estas imágenes podemos dar un aspecto personalizado a nuestros themes y jugar mucho más con el diseño de nuestro sitio.

Entonces definimos en la etiqueta Name y la llamamos thumbnail y en value ponemos la url completa de la imagen que queremos mostrar… nos quedaría algo así

Hacemos click en el botón Add custom field y veremos cómo se agrega en la parte de arriba

Ok, ya tenemos definido el custom field, ya le hemos asignado nombre y valor… ahora viene la parte interesante ¿cómo lo mostramos en WordPress? bien, vamos a abrir nuestro archivo index.php de nuestro theme y agregamos la siguiente línea después del while…

1
2
3
4

while (have_posts()) : the_post(); //Loop de WordPress
$thumbnail = get_post_meta($post->ID, "thumbnail", $single = true);
?>

Lo que hacemos aquí es asignarle a la variable $thumbnail el valor del “meta” ó custom field llamado “thumbnail” es más simple de lo que parece.

Ahora finalmente lo que hacemos es integrarlo dentro de nuestro theme de la siguiente manera para que todo funcione correctamente y en caso de no haber imagen para mostrar que muestre una imagen de sustitución que nosotros queramos.

1
2
3
4
5
6

if($thumbnail !== "") { ?>
echo $thumbnail; ?/>" width="120" height="120" alt=" the_title_attribute(); ?>" />
} else { ?>

bloginfo('template_url'); ?/>/images/nopreview.png" width="120" height="120" alt=" the_title_attribute(); ?>" />
} ?>

Muy sencillo como pueden ver y seguro que si buscamos más ejemplos en Google podemos encontrar muchísimos más y más completo, el fin de esta guía es simplemente mostrar la funcionalidad para que vosotros mismos podáis ampliar esta idea a vuestros propios proyectos.

Ejemplos:

En Vectoralia: hay un tutorial de como crear una guía de contacto usando custom fields y algunos plugins.

Bueno y como este muchos más, un saludo chicos y espero vuestros comentarios.

Colección: Más de 5500 magnificos themes para WordPress

Jorge Bravo — Sat, 23 Jan 2010 08:40:11 +0000

Uno de los CMS más usados en Internet. Aquí les traigo la recopilación más grande de themes que he podido crear con mas de 5500 themes (temas) gratuitos para WordPress, cada cual más espectacular y de las mas varias formas colores y columnas. No se podrán quejar de que no encuentran el adecuado. Ademas de poder tener a mano bases para re diseñar y crear vuestros propios diseños a partir de una idea.

Bueno dicho lo dicho a lo que veniamos.

1.- 2400 Themes WordPress para descargar de un click. (Xyberneticos.com)

2.- 100 Increibles Free WordPress Themes for 2009 (Smashingmagazine.com)

3.- 234 themes libres para WordPress (Freewpthemes.net)

5.- 41 grandiosas plantillas para wordpress gratis (Hongkiat.com)

6.- 120 Themes para WordPress separados en categorías (Templatesbrowser.com)

7.- 1450 Themes de exelente calidad para descargar totalmente gratis (Rock-kitty.net)

4.- Descargar 12 Temas WordPress en Español (Seoprofesional.com)

8.- Base de datos con 270 themes en un solo sitio separados por categoría (freeminders.org/)

9.- Exelente sitio con una colección con más de 900 themes gratuitos (WordPressthemesbase.com)

10.- 70 Themes (temas) gratuitos de alta calidad para WordPress (Trazos-web.com)

Bien creo que alguien tendrá un fin de semana muy largo, con tantas descargas.

Whiteboard: framework para el diseño de themes WordPress

Jorge Bravo — Tue, 19 Jan 2010 13:00:35 +0000

¿framework para WordPress?

Whiteboard es basicamente un theme de WordPress. La gran diferencia radica en que no trae CSS ni imágenes ni nada de nada, lo que nos permite en enfocarnos en el diseño sin perder tiempo pensando en la funcionalidad.

Luego solo nos queda usar nuestras herramientas de desarrollo para tener un theme completo, de nuestra autoría, en pocas horas (idealmente debemos contar ya con el PSD del sitio).

Yo mismo lo llevo utilizando durante un tiempo y desde que lo descubri me ha ayudado muchísimo y en algunos casos he duplicado los tiempos de desarrollo. Creo que es una alternativa excelente y sencilla para poder acelerar nuestra labor en la creación de themes para este sistema.

Templates incluidos:

archives.php, categories.php, comments.php, footer.php, functions.php, header.php, index.php, page.php, search.php, searchform.php, sidebar.php, footer.php, 404.php y style.css.

Whiteboard es totalmente compatible con WordPress 2.9.
Licenciado como Creative Commons BSD License

Website: WiteBoard
Descarga: whiteboardframework.com

Plugin SimplePie para WordPress

Jorge Bravo — Sat, 13 Jun 2009 10:32:33 +0000

Simplepie Un plugin sencillamente genial, que nos perite parsear(leer) archivos RSS y Atom externos. Es fácil de usar incluso para principiantes en PHP, rápido debido a que cachea los contenidos, admite RSS 0.91, RSS 1.0 y RSS 2.0 y Atom 0.3 y 1.0; y entre otras cosas nos ofrece la posibilidad de usarlo en WordPress con un mas que sencillo plugin.

Instalación:

Descargamos la libreria SimplePie; y simplepie_wordpress.zip
Subimos a nuestro servidor los archivos simplepie.inc y simplepie_wordpress.php en la carpeta donde van los plugins (tusitio.com/wp-content/plugins/), en la misma carpeta creamos otro directorio con el nombre cache y le damos los permisos 777.
Activamos el plugin en la administracion de WordPress y ya podemos empezar a usarlo.

Modo de Uso:

Por ejemplo, para leer los post de un sitio externo

1
echo SimplePieWP('http://ejemplo.com/feed.xml');
Y si queremos limitar la cantidad de items a mostrar,

1
echo SimplePieWP('http://ejemplo.com/feed.xml', 'items:3, shortdesc:200');

Leído en : artux.com.ar