512 Megas: tecnologia y cosas de frikis

1. Ponte tu pijama favorita
2. Bebe un vaso de leche tibia
3. Estírate y deja salir un gran bostezo
4. Prepara tu cama, déjate y caer y ‘enrédate’ debajo de las sábanas.
5. Ajusta tu reloj y… ¡Duerme!

Vía Zucaritas de Kellog

Es facilísimo…

• Primero: haz una aplicación 2.0 donde los items esté ordenado por tags sociales, también asegúrate sacarle todo el jugo a AJAX. Tip extra: debajo del logo ponle ‘beta’ en un tono claro del color gris [Acá está una lista de logos 2.0 para que te des una idea].
• Segundo: lánzalo primero y por 4 meses en beta cerrada (envía pocas invitaciones, solo a los autonombrados gurús de la blogósfera). Pasando ese tiempo, conviértelo en beta cerrada-pública, dando cien invitaciones por usuario.
• Tercero: asegúrate de que los usuarios sepan lo de los tags sociales.
• Cuarto: ponle blog, cuentale ahí a los usuarios cómo se va desarrollando la aplicación.
• Quinto: a más tardar en un año, Yahoo!, Google o ya de perdis Ask Jeeves tendrán una oferta para tí.
• Sexto: [opcional] si la aplicación puede descargarse, libéralo bajo licencia GNU/GPL o Creative Commons. Usa Creative Commons para imagenes o archivos que habrá en la web (o en el blog) de la aplicación.
• Séptimo: no te olvides de los amigos, compartir es amar

• Hacer un tema para WordPress I
• Hacer un tema para WordPress II

footer.php

Veamos ahora el archivo footer.php. Esta plantilla se incluirá en TODAS LAS PÁGINAS (esto gracias a que en el archivo index.php ya lo llamamos). Nos estamos basando en el ejemplo que mencioné antes: ejemplo de blog en html. Según ese archivo, el código para nuestro archivo footer.php sería más o menos así (click para agrandar):

El archivo footer.php es demasiado sencillo. Se usa 2 veces la wp-tag bloginfo(), la primera (línea 5) para llamar la dirección del feed de los posts en formato RSS2 y la segunda (línea 6) para llamar la dirección del feed de los comentarios, en el mismo formato.

Después se pone el hook de WordPress wp_footer (puedes ver la descripción en la página del Codex Theme Development).

Y al final se cierra el div general y las tags body y html.

Hasta ahora terminamos con la página que verán los usuarios al entrar al blog (justo como se ve en la figura 1 de este tutorial).

Tip: el archivo footer.php (también header.php) puede ser un lugar adecuado para poner código que se vaya a necesitar en TODO el sitio, por ejemplo, en este blog está la licencia y, en tiempos anteriores, el código para las estadísticas. En el caso del theme de 512megas, el archivo sidebar.php también se muestra en todos los sitios.

[Leer Primera parte]
En esta clase… ehm, bueno, en este post…
- Sidebar: estructura, funciones de sidebar, condiciones, consejos para posicionamiento.

sidebar.php

Click para agrandar, es la imagen del código de un archivo sidebar.php WordPress.

OJO con la anidación, está un poco caótica, y explico por qué: resulta que las funciones de WordPress imprimen elementos de lista, por ejemplo,en las categorías, estas se imprimen entre etiquetas <li> </li>, pero otras imprimen los elementos en una lista dentro de otra lista, como la función para imprimir las páginas (por eso tienes que pasar por parámetro un título para la lista, e imprime de la siguiente manera:
<li><h2>Páginas</h2>
<ul>
<li>Elemento</li>
<li>Elemento</li>
</ul>
</li>

Por eso tenemos que hacer listas dentro de listas. Hay formas de evitar esto (usando funciones adicionales de WordPress), pero es el mismo resultado, es decir, usar otras funciones también hace complicado el desarrollo del sidebar.php. Ahora sí, a explicar el código…

A partir de la línea 4 y hasta la línea 11 hay una estructura condicional if…elsif (lo cual bien se pudo haber hecho con un switch…case). Las condiciones son conocidas, las mencionamos en el capítulo anterior, ¡¡¡claro!!!, si se trata de las wp-tags condicionales. Primero usamos is_search(), que se encarga de verificar si el usuario buscó algo (verdadero) o si no (falso). En caso de ser verdadero, imprimirá tal como lo indica la estructura if…elsif…

De igual forma con la segunda condición, la cual es is_category, si el usuario está en una categoría, imprimirá un texto indicando el nombre de la categoría. Y el nombre de la categoría se imprime con la función single_cat_title() (click para ver más info sobre esa wp-tag, también puede ser usado para fines de programación y no solo para imprimir).

Tip: adorna tu theme y haz que el usuario se sienta ‘especial’, checa las wp-tags condicionales y sé ingenioso, pon todas las condiciones que quieras e imprime algo en cada situación (si está en una categoría, en un archivo mensual, en un día, en un año, búsqueda, etc). Si quieres, puedes ver el código del archivo sidebar.php del theme default de WordPress, el cual le da un buen uso a estas etiquetas.

A partir de la línea 17 tenemos wp-tags para mostrar una lista de todas las categorías (wp_list_cats), para mostrar las páginas estáticas (wp_list_pages), para mostrar el blogroll (get_links_list) y para mostrar el archivo (wp_get_archives - en este caso, mensual). Si vamos a la página del Codex de WordPress dedicada a cada wp-tag, veremos que hay otras funciones que hacen ‘casi’ lo mismo (ver en la parte inferior de cada página la sección ‘Related’), a mí se me hizo más fácil utilizar estas funciones, por la jerarquía que estuve usando (en el html final).

Uno de los problemas que me encontraba a la hora de subir mis fotos en Flickr era que todas las fotos se subían con copyright, a mí no me importa mucho (porque no tomo buenas fotos y no mucha gente se interesa en mis fotografías), aún así me gusta más poner las con la misma licencia de este blog (licencia creative commons de atribución)… pero sobre todo, suelo pasarme un buen tiempo buscando algunas fotos en flickr, para tenerlas en mi colección personal, así que me gustaría que todas las que me gustan (valga la redundancia) tuvieran la misma licencia.

Para hacer que las fotos que subas a Flickr no tengan copyright, puedes hacer que tengan una licencia Creative Commons:
1. Ve a la sección Your Flickr Account.
2. Haz click en la opción Photo Licencing
3. Lee bien las especificaciones de cada licencia, puedes usar el asistente para escoger una licencia Creative Commons.
4. Después de leer y elegir la licencia que más te convenga, selecciona la licencia que aparece bajo el titular “Select a default license” y luego en el botón azul de abajo: “Set the default license”.

Listo…

Excelente how-to para ver las Mario Netas de manera gratuita.

El link de acceso viene a ser como este y sirve para accesar a las anteriores versiones y las futuras, solo hay que cambiar los últimos dígitos de la fecha para hacer coincidir en miércoles.

Ok… rapidito y funcional…

Necesitas conocer a fondo HTML, CSS y PHP.

Primero tienes que crear una carpeta para tu theme y ponerlo en la carpeta wp-content/themes/.

Después creas un archivo llamado style.css y un archivo llamado index.php.

style.css

En el archivo style.css copias el siguiente código:

/*
Theme Name: 512Megas
Theme URI: http://www.512megas.com/theme/
Description: Theme para el proyecto 512Megas.com
Version: 3.0
Author: Jesus Sanchez
Author URI: http://jesus.512megas.com
*/


Ese código ayudará a WordPress a identificar tu theme, no olvides cambiar los datos que están ahí con los datos de tu theme (ubicación del theme, descripción, versión, autor y url del autor, respectivamente).

Después de eso escribirás todo el CSS que quieras.

Los archivos

WordPress funciona más o menos como en esta imagen lo muestro:

Ok, el archivo index.php se carga de llamar al archivo header.php, luego procesa el loop (o muestra el/los post/posts), después llama al archivo sidebar.php y por último al footer.php

Ahora crea un archivo html (ponle cualquier nombre, es solo para tomarlo como base), ahí escribirás el código de cualquier blog, como se te venga a la mente. Te propongo el siguiente ejemplo: ejemplo de blog en html.

Fíjate en los comentarios, está comentado y puedes dividir de esa forma tu theme. Pon mucha atención en la lógica de WordPress y la semántica de tu theme, en especial, en los archivos header.php y footer.php, porque ellos abren y cierran contenedores generales.

Cortas cada parte de tu archivo de muestra y lo pegas en su archivo correspondiente (header.php, sidebar.php, footer.php).

El archivo single.php será como el index.php, solo que single.php solo se usará cuando alguien lee un post. De hecho, puedes usar el index.php siempre, pero mejor lo dividimos, porque si no lo haces, el código no será entendible.
Read the rest of this entry »

Tutoriales con PHP y GD. Estoy a 5 minutos de empezar a trabajar (graficar) con GD y PHP, por lo tanto andaba en busca de tutoriales, he aquí una lista muy ordenada y completa de tutoriales para manejar PHP y la librería gráfica GD.

ok ok… en windows tenemos a, b, c, d, e, f… n… es decir, las particiones que tenemos en nuestro disco duro… yo tengo dos discos de 80GB particionados de la siguiente manera (ojo con lo escrito entre paréntesis):

Disco 1 (en linux es hda):
- c (ahi tengo instalado el sistema, en linux es hda1)
- d (ahi tengo mis archivos, música, videos, documentos, programas, etc, en linux se llama hda5)

Disco 2 (en linux es hdb)
- e (una partición de windows donde tengo más archivos, en linux se llama hdb1)
- f (en esta seudopartición está instalado linux, windows lo toma coomo una sola partición, pero para linux está particionado de otra forma)

Montando la Partición

Primero hay que buscar el nombre de la unidad que queremos montar.

Vamos al menú Sistema (en Gnome) y dentro del menú Administración está la opción Device Manager o Administrador de Dispositivos, hacemos click ahí y sale una ventana con la lista de todos los dispositivos de la PC (bios, puertos, tarjetas, etc).

Ahí buscamos los discos duros (… bus master ide o algo así), ok ok, desglosamos cada disco hasta ver los VOLUMENES que lo componen (volume), seleccionamos un volumen y en la parte derecha hacemos click en ADVANCED. La primera línea que aparece es el nombre de la unidad y donde se ubica( click para agrandar):

Ahora que ya tenemos el nombre de la unidad y donde se encuentra (/dev/hda1) que vamos a montar, abrimos la consola como root y creamos los directorios donde montaremos la particion o particiones, por ejemplo:

mkdir /mnt/windows/c

ok… ya tenemos el nombre de la unidad y el directorio donde va a ser montada… ahora vamos a montar la partición o unidad con el comando mount, como el manual dice, la forma estándar de usar el comando mount es:

mount -t [tipo de partición] [partición] [directorio donde se va a montar]

… para montar, en la ventana de la consola escribimos:

mount -t vfat /dev/hda1 /mnt/windows/c

y presionas enter… si lo hiciste bien entonces la consola no retornará nada, si fallaste en algo te dirá el error (posiblemente no existe la unidad que quieres montar y el directorio donde lo quieres montar, cuidado con los slashes, que suelen dar problemas si los escribimos al final de los directorios).

Como sea, si hay algún problema, no olvides comunicarmelo en jesusbet arroba gmail punto com.

El atributo no ha cambiado desde el año pasado, cuando se lanzó la versión 1.5 de WordPress y Zootropo nos demostraba como eliminar el atributo nofollow en WP1.5.

En la versión 2.0 es el mismo procedimiento, solo cambiaron algunas líneas:

1. En el archivo wp-includes/comment-functions.php. Linea 360.
Cambiar:
rel='external nofollow'
Por:
rel='external'

2. Archivo wp-includes/default-filters.php. Eliminar Linea 28.

3. Archivo wp-includes/functions-formatting.php. Eliminar rel=’nofollow’, en la funcion make_clickable. Lineas 562-569

4. Archivo wp-includes/functions-formatting.php. Eliminar funcion wp_rel_nofollow, de la línea 571 a la línea 574.