Quiero presentarles un par de proyectos en los cuales he estado trabajando en éstos días y los cuales han sido interesantes. A pesar de las diferencias, los dos están hechos bajo WordPress, el primero porque es netamente un blog y el segundo para facilitar la administración de los contenidos.
Revista VIRTUALPRO
Este es el Blog de la Revista VIRTUALPRO dedicada a promover el conocimiento en diversas áreas a través de los Ambientes Virtuales de Aprendizaje (AVA) y lo que se busca con el Blog es obtener una retroalimentación de los diferentes artículos que allí se publican. Para éste proyecto se adaptó WordPress para que se mostraran en la portada diferentes artículos en secciones específicas de ella según la categoría. Así que los invito a que visiten éste Blog y encuentren valiosa información.
Link Revista VIRTUALPRO
Sajeeva Dancer
Este proyecto es muy diferente al anterior ya que es una página para promocionar a una bailarina y coreógrafa de Bellydance Sajeeva Ganga quien también trabaja en otras áreas y crea hermosos productos (Art In Motion), el sitio se creó con el fin de dar a conocer más su trabajo y unificarlo en un sólo lugar. En éste proyecto no se tuvo que hacer gran modificación a WordPress a excepción de que la mayoría de secciones son trabajadas como páginas, más no como post y que además se incluyó Twitter (usando el plugin Twitter for WordPress) para mostrar pequeñas actualizaciones de las actividades de Sajeeva. Los invito a visitar éste sitio de ésta hermosa bailarina.
Link Sajeeva Dancer
If you have questions or something to say about the theme please feel free to leave a message here. Thanks
Para continuar con los themes que había hecho anteriormente pero que había dejado en el tintero, decidí actualizar Cherry Dreams y enviarlo a WordPress. Afortunadamente éste theme también fue aprobado y ya está disponible en el sitio oficial de WordPress.
Tuve que cambiarle varias cosas al diseño para adaptarlo pero la idea principal permanece. También estoy pensando convertir themes anteriores usados en éste blog, todo será cuestión de tiempo disponible.
Así que para descargarlo sólo tienen que ir a la página oficial de Cherry Dreams y hacer click en Download. Disfruten éste nuevo theme y no olviden que cualquier duda o sugerencia la pueden dejar aquí 
.
Incluir Widgets en un tema para WordPress
Posteado por Arlain en Tutoriales, WordPress
March 2nd, 2009
Anteriormente WordPress no exigía para aceptar un theme dentro de su directorio que éste soportara Widgets pero desde las últimas versiones éste se volvió un requisito. Hay gran cantidad de widgets disponibles y muchos pulgins ya vienen con esa opción por ello es importante hacer que los themes soporten ésta característica, por ello también es importante que al diseñar la barra lateral (sidebar) se mantenga un mismo esquema, es decir que todos los bloques tengan la misma estructura en el código.
Veamos un ejemplo de cómo está maquetado un bloque para un sidebar y cómo adaptarlo para que soporte widgets
Este es el código inicial de nuestro bloque maquetado con divs
<div id="sidebar">
<div class="title">Acerca</div>
<p>Contenido de la sección acerca.</p>
<div class="title">Links</div>
<ul>
<li><a href="http://www.link.com">Link</a></li>
</ul>
</div>
Ahora lo que tenemos que hacer es insertar ésta línea de código dentro de nuestro archivo sidebar.php o dónde vayan a mostrarse los widgets.
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
El archivo completo quedaría más o menos de ésta forma
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
<div class="title">Acerca</div>
<p>Contenido de la sección acerca.</p>
<div class="title">Links</div>
<ul>
<li><a href="http://www.link.com">Link</a></li>
</ul>
<?php endif; ?>
</div>
Después tenemos que insertar el siguiente código en nuestro archivo functions.php que es el que hará que los diversos elementos maquetados anteriormente se acoplen a los widgets que instalemos en nuestra página.
<?php if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '<div class="title">',
'after_title' => '</div>',
));
?>
Hay que tener mucho cuidado con que el código insertado en functions.php tenga la misma maquetación y estructura de nuestro código del bloque del sidebar para que todo se muestre correctamente al final.
If you have questions or something to say about the theme please feel free to leave a message here. Thanks
Hace un poco más de un año hice un par de temas para Wordpress pero eran muy sencillos y realmente fue un ejercicio para entrenarme y aplicar esos conocimientos posteriormente en mis proyectos y otros trabajos. Hace unos días decidí retomar uno de ellos para que cumpliera con todos los requisitos que exige WordPress para que fuera aprobado y pudiera descargarse directamente del sitio oficial, tuve que cambiar muchas cosas, cambié ligeramente el diseño y por supuesto a nivel de código tuve que hacerlo apto para que fuera compatible con las últimas versiones de WP, mi mayor reto fue hacerlo de tal forma que soportara widgets pero finalmente lo logré y hoy me informaron que fue aprobado. Aún tengo que hacerle algunos ajustes de diseño sobre todo en el sidebar y las sub categorías, pero en general estoy satisfecha con el resultado y por supuesto con el hecho de que esté dentro de los themes oficiales de WordPress.
Así que para descargarlo sólo tienen que ir a la página oficial de Flower Lust y hacer click en Download. Espero que lo disfruten y cualquier duda o sugerencia pueden dejarla aquí .
Programar publicaciones en WordPress
Posteado por Arlain en Tutoriales, WordPress
December 12th, 2008
A veces, por alguna razón como la falta de una buena conexión, la falta de tiempo o como en mi caso el “exilio” por un tiempo indeterminado, no podemos escribir en el blog con la misma frecuencia de siempre a pesar de que queremos tenerlo actualizado, es en ese momento cuando una sencilla función de WordPress permite que armemos un gran paquete de post y éstos se vayan publicando poco a poco en el tiempo y así se vaya actualizando sin necesidad de que estemos al frente.
Para ello lo único que tenemos que hacer es ir a la barra lateral de la publicación del post y dar click en donde dice Edit en la sección de Publish Status > Published on y cambiar la fecha por una futura. En el caso de versiones anteriores de WordPress ésto se hace en donde dice Post Time Stamp y ya con eso sabremos que el post se publicará ese día y a la hora que hayamos determinado.
Claro que éste método no sirve para siempre ya que la idea de un blog es mantenerlo actualizado con cuestiones recientes, pero si puede ser útil en ciertas temporadas y se pueden ir publicando artículos de interés sin que necesariamente estén directamente relacionados con los últimos acontecimientos. También hay que tener en cuenta que de todas formas se tiene que disponer de un buen tiempo para armar los post que se van a publicar, hacer la revisión completa de ellos, subir imágenes y demás para que todo funcione bien.
P.D. Este post y los ùltimos publicados en éste mes y el anterior son un ejemplo de esa forma de publicación.
Mostrar diferentes categorías en WordPress
Posteado por Arlain en Tutoriales, WordPress
August 31st, 2008
Cuando tenemos blogs especializados y queremos que la portada sea personalizada y se adecue a nuestras necesidades, podemos optar por mostrar por ejemplo el último post de cada categoría por separado y podemos además darle a cada uno un aspecto diferente. Para ello necesitamos definir cuál será la categoría principal que mostraremos.
Con éste sencillo código lo que hacemos es mostrar únicamente los post de ésta categoría en la portada, para ello se escribe el número de la categoría y adicionalmente podemos decidir cuántos post se verán. Éste número será independiente del número que coloquemos en nuestro Panel de Control de WordPress en el apartado de Lectura (Options > Reading > Blog Pages)
Código :
< ?php query_posts('cat=5&showposts=1'); ?>
Éste código se tiene que poner antes de todo el Loop que genera WordPress y su aspecto estará definido por el aspecto general que exista para los post.
Ahora que tenemos ésto podemos adicionalmente mostrar con otro estilo diferente el último post de las categorías que escojamos o necesitemos. Para ello primero mostramos la categoría elegida y el número de post con el siguiente código.
Código :
< ?php $my_query = new WP_Query('category_name=nombre&showposts=1'); ?>
< ?php while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>
Luego hacemos que se muestre el título y se haga el link al post.
Código :
<a href="< ?php the_permalink() ?>" rel="bookmark" title="Permanent Link to < ?php the_title(); ?>">
< ?php the_title(); ?>
Después mostramos sólo una fracción del post con el excerpt que genera WordPress y finalizamos todo el llamado.
Código :
< ?php the_excerpt(''); ?>
< ?php endwhile; ?>
Lo que daría como resultado algo así.
Código :
< ?php $my_query = new WP_Query('category_name=nombre&showposts=1'); ?>
< ?php while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>
<a href="< ?php the_permalink() ?>" rel="bookmark" title="Permanent Link to < ?php the_title(); ?>">
< ?php the_title(); ?>
< ?php the_excerpt(''); ?>
< ?php endwhile; ?>
Ésta forma de llamar a los post por categoría puede ser muy útil porque nos permite darle el aspecto que queramos el cual será independiente de la forma que mostremos los post generales. Se podría generar gráficamente algo así.
Para finalizar hay algo muy importante a tener en cuenta y es que si usamos ésta forma de llamar los post en el index.php, necesitaremos utilizar plantillas para los post sencillos, las páginas, las categorías, los tags y demás utilidades de WordPress.
Muchas veces necesitamos que nuestras páginas en WordPress se vean diferentes unas de otras, por ejemplo queremos una página especial para mostrar los resultados de las búsquedas en la cual no se vea el sidebar o una donde queremos ubicar una nube de tags, para que ésto suceda debemos usar plantillas específicas o templates dentro de los cuales definiremos las características especiales que necesitamos.
WordPress toma por defecto algunos nombres específicos para ciertos usos, es así como si hacemos una plantilla y la nombramos search.php cada vez que hagamos una búsqueda ésta será la página que se presentará en los resultados. A continuación presentaré los nombres predeterminados y los usos de algunas plantilla útiles.
- 404.php: Ésta plantilla se mostrará como página de error cada vez que no se encuentre un contenido dentro del blog.
- single.php: Muestra como se vería un post individualmente.
- page.php: Es la plantilla por defecto para los contenidos de las páginas individuales de Wordpress.
- category.php: Muestra todos los post de una categoría, también se puede hacer una pequeña variación y mostrar por ejemplo cada categoría de manera diferente, para ello se le agrega el número de la categoría así: category-9.php
- archive.php: Ésta será la plantilla que mostrará el archivo del blog.
- tag.php: En ésta plantilla se mostrarán todos los post correspondientes a un tag específico, funciona muy similar a la plantilla category y también se puede diferenciar una de otra añadiendo el slug del tag correspondiente así: tag-nombredelslug.php
- search.php: Con ésta plantilla se muestran los resultados de las búsquedas realizadas.
- autor.php: Es la plantilla utilizada por defecto para mostrar la información del autor.
Por otro lado también se pueden crear plantilla específicas fuera de las que Wordpress tiene como predeterminadas, para ello debemos insertar el siguiente código al principio de la página.
Código :
< ?php
/*
Template Name: Nombre
*/
?>
Después vamos al panel de administración de WordPress, creamos una página común y corriente: Escribir > Página (Write > Page). Una vez allí en la barra lateral se mostrará la opción de Plantilla de Página (Page Template) en dónde seleccionaremos la que corresponda al Nombre que anteriormente utilizamos en el código anterior.
Las plantillas son muy útiles cuando queremos hacer themes más complejos y personalizados ya que nos permiten mostrar el contenido de forma diferente y de manera especializada, así que espero que éste pequeño resumen de lo que se puede hacer les haya sido de utilidad.
Debido a la mudanza y a que la hice apresuradamente y no me tomé el tiempo necesario para estudiar unos cambios y arreglarlos antes de que fuera tarde… mi blog sufrió varios fallos.
WordPress le asigna un ID a cada post según el orden en que se vaya escribiendo en la DB, pues bien, cuando cambié mi blog, y debido a que en el anterior los post estaban desordenados, terminaron no correspondiendo, inicialmente no le vi problema, de hecho no me había dado cuenta. Después decidí cambiarle la estructura del permalink a los post, ya que anteriormente sólo se mostraba el ID y era algo como domino/blog?p=100 lo cual siempre me pareció que no debía ser, en fin no lo cambié y en éste nuevo blog decidí dejar la estructura de tal forma que se viera el año y nombre, algo como domino/blog/2008/nombre, todo estaba bien hasta cuando alguién me hizo caer en cuenta que en Google los post estaban indexados según el ID original lo cual ocasionó muchos problemas ya que si por ejemplo quería acceder al post de Maple, me enviaba a otro completamente diferente T_T .
El hecho es que me tocó cambiar el ID de cada post para que coincidiera con la indexación de Google y en general para que cuando alguien se encuentre con un link antiguo sea redireccionado correctamente al post que es. Inicialmente Lunatic me ofreció su ayuda para hacer un script que cambiara el ID de los post, pero como yo soy yo y quería “experimentar” me fui directamente a la DB a cambiarlo… grave error, o mejor dicho, no grave… sino que a raíz de eso surgió otro problema mayor… los 2500 comentarios que existen actualmente… quedaron en post que no les correspondían T_T … después de dejar eso así por unos días, decidí enfrentar el problema y de nuevo Lunatic vino a mi ayuda XD , me hizo un script para cambiar el ID de cada comentario y así quedara en el post correspondiente… pero de nuevo… como yo soy yo ._. terminé haciéndolo manualmente porque era tal el enredo que tenía que mirar casi que cada comentario a ver que decía… y así ayudada también de mi buena memoria y de que conozco éste blog al derecho y al revés logré mi objetivo.
Aún hay cosas que no he arreglado, hay muchos post por ejemplo que no están en su categoría y los tags también están mal, además aún hay cosas sobre todo relacionadas con imágenes en algunos post que no están bien, pero el punto es que todo ésto, el revisar post por post, mirar como ha evolucionado el blog, encontrarme con cosas que había olvidado, me hicieron darme cuenta de lo mucho que lo quiero y de todo lo que he hecho por él en todos éstos años, incluída la labor títanica de revisar 2500 comentarios para ponerlos en su lugar, pero que a pesar de eso lo hago con muchisimo gusto, porque es mi espacio y porque eso es lo que inspira en mi, así que por eso les pregunto ¿qué harían ustedes por su blog? U_U
Themes gratis para WordPress
Posteado por Arlain en Diseño, Mis Creaciones, WordPress
November 14th, 2007
Hace unas semanas inicié un pequeño proyecto dirigido más que todo al público femenino XD se llama Cutie Pie y la idea es ir subiendo varios recursos gratis como íconos, smilies, emoticones, wallpapers, brushes para photoshop, avatares y lo más importante de todo porque es tal vez lo que más me ha costado pero a la vez lo que más me ha enseñado: Themes para WordPress.
Hasta ahora sólo he sacado dos themes:
Cherry Dreams: (éste lo uso Mariux y lo modificó para su blog ^^ )
Flower Dust:
Para Descargarlos sólo tienes que ir al siguiente link: http://cutiepie.la100rra.com.mx/wordpress-themes/ ^^