http://misitio.com/wp-admin

Inicio de sesion

Es en esta página en la que se debe:

• Poner el Nombre de Usuario y Contraseña asignados en los campos “Nombre de usuario” y “Contraseña” respectivamente.
• Hacer click en el botón “Acceder” para ingresar al sitio web.

Nota. Si se selecciona la opción “Recuérdame”, ya no tendrá que iniciar sesión la siguiente vez que se vuelva a ingresar al panel de administración.

La entrada Inicio de Sesión se publicó primero en Eressea Solutions.

Este manual está orientado a la administración básica de los contenidos de WordPress proporcionando los conocimientos iniciales para poder administrar su sitio web desarrollado con WordPress.

La entrada Introducción se publicó primero en Eressea Solutions.

• Editor Visual. El Editor Visual es como trabajar en un editor de texto, ya que permite dar formato al contenido con la barra de herramientas. Por ejemplo: Microsoft Word.
• Editor HTML.  El editor HTML permite al usuario trabajar con código HTML.

Ambos permiten hacer lo mismo, pero de 2 maneras diferentes:

Editor Visual y Editor HTML

Colocar el título de un contenido

El título es lo primero que se coloca al crear un nuevo contenido. Este título puede ser editado en cualquier momento.

Nota. Tener cuidado al cambiar el título, el “Enlace Permanente”  se verá afectado ante el cambio de título, ya que éste se define de manera predeterminada.

Colocar título al «Post» o «Página»

¿Qué es el enlace permanente y cómo se lo define?

El “Enlace permanente” es la ruta de acceso al contenido una vez que sea publicado en internet. Por defecto se asume el título.

Enlace Permanente

Nota. Se debe revisar que el “Enlace permanente” no sea demasiado largo. Si esto ocurriese, se puede editar el mismo haciendo click en la opción “Editar”, teniendo cuidado de hacer click en la opción “Aceptar” para actualizar el cambio y publicar o actualizar el contenido para que se efectúen los cambios.

Colocando el contenido

Nueva Entrada o Página

Utilizando el Editor Visual

Para redactar un nuevo texto en el editor Visual se debe:

• Seleccionar la pestaña «HTML«.
• Colocar el contenido que se desea publicar en el área de texto.
• Para dar formato se debe hacer click en la opción «Visual«.

Nota. No se recomienda copiar contenido de documentos editores directamente en el editor visual ya que muchas veces no se obtiene lo visto en el documento o se agrega código que no sirve afectando el rendimiento del sitio web.

Utilizando el Editor Visual

En la parte superior se encuentra la Barra de Formato, la cual permite dar un formato específico al texto.

A continuación se listan los formatos más utilizadas:

Definición de títulos

Definición de Títulos

Definición de párrafos

Definición de Párrafos

Definición de listas

Definición de Listas

Cómo añadir un enlace

Para añadir un enlace basta con seleccionar el texto que se desea enlazar y hacer click en la herramienta ().

Añadir enlace

Cómo añadir una imagen

Para añadir una imagen se debe hacer click en la imagen ().

Añadir una Imagen

Aparecerá una ventana emergente en la que se podrán Insertar/Subir una o varias imágenes.

Cuadro para subir imagenes al Sitio Web

Puede hacer click en el botón “Elegir archivos” o arrastrar un archivo y depositarlo en el recuadro para que sea cargado.
Si selecciona hacer click en el botón “Elegir archivos” le aparecerá la siguiente ventana de diálogo.

Ventana de selección de imagen

Se Hace click en “Open” para cargar la imagen al sitio web.

Para insertar una imagen en la “Entrada” se debe hacer click en el botón “Insertar en la entrada”.

Definir la Imagen destacada

La “Imagen destacada” es la imagen pequeña que acompaña la descripción de las «Entrada«. Su inserción dentro la “Entrada” es sencilla puesto que solo se debe hacer click en la opción “Usar como imagen destacada”, una vez cargada la imagen y guardados los cambios.

Imagen insertada en el Sitio Web

También se puede establecer una imagen destacada dirigiéndose a la esquina inferior derecha de la página y hacer click en la opción “Establecer imagen destacada”, con la cual se puede seleccionar que imagen es la que se desea utilizar como la imagen destacada de la “Entrada”.

Icono para añadir la imagen destacada

Una vez seleccionada la imagen el recuadro se verá de la siguiente manera:

Imagen destacada del «Post»

Si es que se desea cambiar o quitar la imagen, solo bastará con presionar en “Quitar la imagen destacada” y seleccionar una nueva.

La entrada El Editor de Contenidos se publicó primero en Eressea Solutions.

Las “Entradas” son los artículos que se publicarán en el sitio web. Las “Entradas” serán la parte vital de los sitios web y serán publicadas automáticamente por el canal RSS del sitio web.

Para crear una “Entrada” se debe considerar la creación de “Categorías” de la misma.  Se puede añadir, editar o eliminar una “Entrada”.

A continuación se citan los puntos relevantes que deben ser considerados para insertar una “Entrada” de manera correcta.

Añadir una “Entrada”

Para añadir una  “Entrada” se debe:

• Ir a la opción “Entradas” ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción “Añadir nueva”.

Añadir nueva Entrada

Definir la “Categoría” a la que corresponde la “Entrada”

Primeramente, es importante definir a qué categoría corresponde la “Entrada”.

• Para realizar este paso, es necesario ir al recuadro “Categorías” ubicado a la derecha de la página “Añadir nueva entrada”.
• Se selecciona la categoría a la cual se desea añadir la “Entrada”.

Definir Categoria

Publicar la “Entrada”

Una vez que se han llevado a cabo todos los pasos anteriores se procede a la publicación de la “Entrada” haciendo click en el botón “Publicar” que se encuentra en la esquina superior derecha en el recuadro Publicar.

Publicar página

La entrada Los Posts (Entradas) se publicó primero en Eressea Solutions.

• Todas las páginas
• Añadir nueva

En “Páginas” → “Todas las páginas” se observan el listado de todas las “Páginas” existentes en el sitio web.

Páginas del Sitio Web

En “Páginas” → “Añadir nueva” se añade una nueva página al sitio web.

Añadir nueva página

Cómo crear/añadir una “Página”

Ir a la opción “Página” → “Añadir nueva”.  Se muestra una página “Añadir nueva página” para editarla y agregarla al sitio web.

Una vez que se ha incorporado el texto en el área de edición, se debe dar formato a la “Página” como se muestra en «El Editor de contenidos».

Definir atributos de la “Página”

Los atributos pueden ser definidos en el recuadro “Atributos de página” que se encuentra a la derecha de la “Página”.

Los atributos contienen dos elementos, el “Superior” y el “Orden”. La opción “Superior” es la que define el superior de una “Página”, eso quiere decir la “Página” a la que pertenece.

La opción “Orden” permite el ordenamiento de las páginas cuando estas vayan a ser listadas, por ejemplo en un menú.

Publicar la “Página”

Una vez que se ha llevado a cabo todos los pasos anteriores se procede a la publicación de la “Página” haciendo un click en el botón “Publicar” que se encuentra en la esquina superior derecha en el recuadro Publicar.

Publicar página

La entrada Las Páginas se publicó primero en Eressea Solutions.

Nota. Es importante tener una estructura de las categorías que tendrá el sitio web antes de proceder a añadir “Entradas”.

Categorías

Para ingresar a “Categorías” es necesario:

• Ir a la opción “Entradas” ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción “Categorías”.

En “Categorías” se listan las categorías del sitio web, mismas que permitirán definir la estructura de las “Entradas”.

Seleccionar Categorías

Categorías del sitio web

Añadir categoría

Para añadir una categoría es necesario:

• Ir a la opción “Entradas” ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción “Categorías”.

Una vez  allí se deben llenar los siguientes campos:

• “Nombre”: el nombre de la categoría.
• Indicar el “Slug”[1] de la categoría, cuidando que éste no tenga espacios y que sólo contenga letras minúsculas, números y guiones.

En el caso de que no se lo indique, se genera automáticamente con el nombre indicado para la categoría.

• Hacer click en “Añadir nueva categoría” para añadir la categoría.

Nota. Si una categoría es parte de otra,  se debe indicar la categoría  superior la lista de opciones del campo “Superior”.

Añadir una Categoría

Modificar categoría

Para modificar cualquier categoría es necesario:

• Ir a la opción “Entradas” ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción “Categorías”.
• Seleccionar la categoría que se desea modificar→ Seleccionar la opción «Editar» o «Edición rápida» para modificar la categoría deseada.

Elegir «Editar» o «Edición rápida»

Editar

Si se selecciona esta opción se visualizarán todos los campos correspondientes a la categoría, los cuales podrán ser modificados.

Una vez realizados los cambios se debe hacer click en «Actualizar» para guardar los cambios.

Opción «Editar»

Edición rápida

Si se selecciona esta opción se visualizarán sólo los campos del «Nombre» y el «Slug» de la categoría, los cuales podrán ser cambiados.

Una vez realizados los cambios se debe hacer click en «Actualizar categoría» para guardar los cambios.

Opción «Edición rápida»

Eliminar categorías

Para eliminar una categoría se debe:

• Seleccionar la categoría que se desea eliminar→ hacer click en «Borrar»  

Eliminar categoría

Para eliminar varias categorías se seleccionan las categorías a eliminar, se selecciona «Borrar» en la lista que se visualiza en «Acciones en lote» y se hace click en «Aplicar» para efectuar la acción seleccionada.

Eliminar categorías

---

[1] Slug se define como la dirección web que identifica a la categoría.

La entrada Categorías se publicó primero en Eressea Solutions.

Una «Entrada» puede pertenecer a una «Categoría» predefinida, gracias a las «Etiquetas» se puede describir un artículo con mayor detalle.

Etiquetas

Para ingresar a “Etiquetas” es necesario:

• Ir a la opción «Etiquetas» ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción «Etiquetas«.

En «Etiquetas« se listan las etiquetas del sitio web, mismas que permitirán definir la estructura de las “Entradas”.

Seleccionar Etiquetas

Etiquetas del sitio web

Añadir etiqueta

Para añadir una «Etiqueta» es necesario:

• Ir a la opción “Entradas” ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción «Etiquetas«.

Una vez  allí se deben llenar los siguientes campos:

• “Nombre”: el nombre de la «Etiqueta«.
• Indicar el “Slug”[1] de la «Etiqueta«, cuidando que éste no tenga espacios y que sólo contenga letras minúsculas, números y guiones.

En el caso de que no se lo indique, se genera automáticamente con el nombre indicado para la «Etiqueta«.

• Hacer click en “Añadir nueva etiqueta” para añadir la»Etiqueta«.

Añadir Etiquetas

Modificar etiqueta

Para modificar cualquier «Etiqueta» es necesario:

• Ir a la opción “Entradas” ubicado en el menú de la izquierda del sitio web, expandir su menú → Hacer click en la opción “Etiquetas”.
• Seleccionar la “Etiqueta” que se desea modificar→ Seleccionar la opción «Editar» o «Edición rápida» para modificar la  “Etiqueta” deseada.

Editar

Si se selecciona esta opción se visualizarán todos los campos correspondientes a la “Etiqueta”, los cuales podrán ser modificados.

Una vez realizados los cambios se debe hacer click en «Actualizar» para guardar los cambios.

Opción Editar

Edición rápida

Si se selecciona esta opción se visualizarán sólo los campos del «Nombre» y el «Slug» de la etiquetas, los cuales podrán ser cambiados.

Una vez realizados los cambios se debe hacer click en «Etiqueta actualizada» para guardar los cambios.

Opción «Edición rápida»

Eliminar etiqueta

Para eliminar una etiqueta se debe:

• Seleccionar la etiqueta que se desea eliminar→ hacer click en «Borrar»
  

Eliminado de etiqueta

Para eliminar varias etiquetas se seleccionan las etiquetas a eliminar, se selecciona «Borrar» en la lista que se visualiza en «Acciones en lote» y se hace click en «Aplicar» para efectuar la acción seleccionada.

Eliminar etiquetas

La entrada Etiquetas se publicó primero en Eressea Solutions.

1. Instalación de NetVideoHunter

Podemos instalar NetVideHunter directamente desde su sitio o desde los complementos de Firefox o vía el Administrador de Complementos.

Tomando esta última opción, para instalar NetVideoHunter debemos dirigirnos al Add-on Manager (Tools -> Add-ons | Herramientas -> Complementos)

Buscamos «netvideohunter».

Lo instalamos y reiniciamos el navegador.

Una vez instalado veremos un nuevo ícono al lado de la barra de URL:

También podemos ver el ícono en la barra de complementos (que se muestra al pie del navegador), donde al cargar un video aparecerá los videos detectados para descargar por parte de NetVideoHunter.

2. Uso

Usar NetVideoHunter es muy fácil, solamente debemos ir al sitio y ver el principio del video, para que NetVideoHunter nos de el link.

Una vez que NetVideoHunter haya agarrado el link pueden hacer click en el ícono y veran el siguiente diálogo:

Una vez hayamos descargado el archivo lo podemos ver con algún reproductor que reconozca los archivos .flv o .mp4 (depende de lo que bajaste). Recomiendo utilizar VLC.

Nota: Algunos sitios transmiten su video por streamming (caso de SouthPark Studios) y NetVideoHunter no podrá descargar dichos videos.

La entrada Cómo descargar videos de YouTube y otros con NetVideoHunter se publicó primero en Eressea Solutions.

Google Chrome OS sólo cuenta con una aplicación: un browser/navegador, y cómo bien indica en su video introductorio (Qué es Chrome OS?) el browser es una de las aplicaciones más importantes para cualquier usuario común, y una herramienta clave para un desarrollador web, tal como nos explica el equipo de Google Chrome en 20 cosas que aprendí sobre los navegadores.

El browser es la interfaz por la cual se despliegan las aplicaciones web, la complejidad de las aplicaciones web se ve muchas veces restringida por las capacidades del browsers, por lo que debemos estar atentos al browser que utilizan los usuarios para los que estamos desarrollando la aplicación web  (Según un estudio de Royal Pingdom 71% de los browsers se encuentra en su versión más actualizada).Una aplicación web debe dar soporte a la mayor cantidad de browsers ya que no se recomienda obligar al usuario a utilizar un browser en específico.Un browser moderno debe también contar con herramientas de desarrollo (debugger, profiler, etc) las cuales faciliten la tarea a los desarrolladores.

Hoy en día tenemos una cantidad inmensa de browsers Firefox, Internet Explorer, Google Chrome, Safari, Opera, Konqueror, Epiphany, Flock, SeaMonkey, etc. Internet Explorer es hoy en día el browser más utilizado, pero va en caída.

Proceso de Desarrollo

Dado que existen muchos browsers debemos conocer las relaciones que existen entre los mismos. Para facilitar la tarea podemos clasisficarlos por el motor de renderizado (layout engine) que utilizan. El motor del web browser (llamado a veces motor de layout y motor de renderizado) interpreta los lenguajes de marcado (markup languages) como HTML y XML, y los muestra en la pantalla.

Web Browser Engine (Motor del Web Browser)

Al conocer los principales motores de Renderizado podemos predecir (aunque sea vagamente) como se verá nuestro diseño en diferentes browsers, aunque de todos modos lo ideal es probarlos. Entre los más importantes tenemos

Webkit

Browsers que lo utilizan: Google Chrome/Safari

Webkit es un motor de renderizado originalmente creado como un fork de KHTML para ser parte de Safari (de Apple). Webkit es portable y es Open Source. Es utilizado en Safari en Windows, Mac OS X y iPhoneOS. También es utilizado en Adobe AIR y Google Chrome.

Gecko

Browsers que lo utilizan: Firefox

Desarrollado por la Mozilla Corporation, Gecko forma parte de Firefox y los productos de Mozilla en general (Thunderbird, etc.). Es utilizado en otros browsers además de Firefox como Camino, Flock, SeaMonkey, entre otros. Es portable y Open Source

Trident

Browsers que lo utilizan: Internet Explorer

Introducido en Internet Explorer 4.0, Trident forma parte de la familia de Internet Explorer de Microsoft. Es utilizado además en otras aplicaciones como Google Talk, Microsoft Outlook, MSN Messenger, Windows Media Player y otros. Es de licencia privativa.

Motores de Javascript

Las aplicaciones web hace un extenso uso de JavaScript los browsers modernos cuentan con su propio motor de Javascript. Pero gracias a los frameworks JavaScript como jQuery, ExtJS, Mootols, etc, este no representa un gran problema como si lo es el renderizado del layout de la aplicación. Entre los motores más importantes tenemos a V8, Rhino, Chakra.

[no_adsense_bar_1]

[adsense_bar_2]

La entrada El Browser se publicó primero en Eressea Solutions.

Día a día me encuentro con la siguiente situación: Quiero leer el contenido de una página web, pero este se encuentra escondido entre widgets, ads, etc. A veces me encuentro con sitios web que tienen un contraste que cansa a mis ojos (fondo negro y letras blancas). Traté de utilizar Stylish, pero aplicarlos a todos los websites es muy moroso. Pero para eso tenemos a Readability.

Readability básicamente quita todo lo que nos podría distraer mientras vemos un sitio web. Según sus creadores (Arc90):

«Readability es una herramienta simple que hace la experiencia de leer en la web mucho más agradable al remover el desorden que se encuentra alrededor de lo que estás leyendo.»

Pongamos por ejemplo (sólo por ejemplo ya que pasamos un montón de horas mejorando el website :) ) a este post acerca de los Addons de Firefox.

Ejecutamos Readability y …

Con Readability tenemos las opciones de estilo, tamaño de la letra, el margen e incluso convertir los links en notas de pie. Basta con jalar el botón generado a tu barra de bookmarks (marcadores).

La entrada Readability, mejorando tu experiencia en la web se publicó primero en Eressea Solutions.

Antes que nada, debes aprender todos los shortcuts que puedas

La manera más rápida para navegar entre tus items y folders en Google Reader es con los shortcuts. Google nos provee la lista completa de los shortcuts para Google Reader pero acá están los más importantes en mi opinión:

Memorizarlos no toma más de 10 minutos y con la práctica veras que te ahorrarán mucho tiempo. Ahora si podemos empezar con los tips:

1. «Ordenar como por arte de magia»

Una de las opciones que tenemos para ordenar nuestros items es la opción «Ordenar como por arte de magia» (Sort by magic). Se preguntaran que significa esto; básicamente Google Reader ordena sus items por los likes que hiciste y por otras razones más. El resultado te podrá sorprender dependiendo del uso que le das a Google Reader.

Esta opción puede ayudarte a ver los items más populares al principio y asi ahorrar algo de tiempo.

2. Ordena tus carpetas

Imagina tu computadora con todos tus archivos en una sola carpeta. Es un martirio tener todo en un mismo lugar y pasa lo mismo con los items de Google Reader si este no está organizado por carpetas. Una de las ventajas que tiene el ordenar por carpetas es que nos facilita leer los items de una sola «categoría» y también me facilita ordenarlas según lo que quiera. Por ejemplo las noticias de tecnología prefiero ordenarlas «como por arte de magia» y los posts de algunos bloggers del post más antiguo al más nuevo.

Esta son las carpetas que tengo por el momento:

El orden lo es todo en Google Reader, en especial si sigues más de 50 feeds.

2.1 Ordena tus carpetas en el orden en que las leas

Dado que podemos ordenar manualmente (drag & drop) las carpetas en la aplicación me gusta ordenarlas en el orden de importancia que le doy. Esto porque mientras voy leyendo los items y acabe de leer los pertenecientes a una carpeta puedo pasar a la siguiente presionando la barra espaciadora. Asi que para navegar solamente necesito presionar «j j j j [Spacebar] j j j».

3. La importancia de 1 y 2 (Expanded/List View)

Algunos posts tienen varias imágenes y otro tipo de media (videos, documentos embebidos, etc), lo cual consume nuestro ancho de banda y hace que el cargar los items de una carpeta pueda tardar lo suficiente para colmar nuestra paciencia. Si estamos con poco tiempo podemos utilizar la «Vista de Lista» (List View) de los items y ver solamente los títulos y las primeras palabras de cada post. Para activar la List View debemos hacer click en List View o simplemente presionar 1. Para volver a la vista expandida presionar 2.

Esto me resulta demasiado útil en caso de seguir a blogs de Diseño, de gadgets y blogs con varios archivos de media en general.

4. «Mark all as read»

«Mark all as read»/»Marcar todos como leídos» el BOTÓN. Nos permite marcar como leído los items de un feed, carpeta, las personas que seguimos o de todos los feeds. A veces te sentiras algo triste ya que sabes que al presionar este botón se perderan varios items que realmente pudieron haberte interesado, asi que antes de presionar este botón te recomiendo abrir el feed/carpeta en List View (2) y ordenarlo «como por arte de magia» (1er tip).

5. Revisa tus patrones para saber que feeds eliminar

Los «Patrones» (Trends) que nos proporciona Google Reader acerca de nuestro hábito de leer es una de las mejores herramientas que tenemos a disposición. En especial los Patrones de Suscripción porque nos indica que feeds son los que más items generan por día (Actualizado frecuentemente), los feeds inactivos y los feeds con pocos lectores. Al de cada suscripción tenemos un ícono de basurero que facilita aún más la eliminación de la suscripción.

Nota: Estos 30 días pasados no tuve la oportunidad de leer via feed los items que tengo en la carpeta Tech News.

6. Shares y Likes

Existen todo tipo de lectores de RSS, pero estos carecen de estas vitales características. Hace tiempo Google Reader incorporó la capacidad de poder hacer «Likes» y compartir los items de un feed. Ambas características y la posibilidad de seguir los items compartidos de otras personas mejoraron dramáticamente la experiencia. Los likes denotan un artículo popular y también puedes ver los shares de las personas a las que sigues (dependiendo de su configuración).

7. Follow

En Google Reader puedes encontrar contenido fácilmente si sigues a las personas que le gustaron X artículo. Lo más probable es que tengan intereses parecidos y encuentres mucha más información. No es obligatorio seguir a las personas que te siguen pero es interesante ver el contenido que comparten.

8. El feed de tus elementos compartidos

Google Reader nos da la posibilidad de tener una página y un feed con nuestros elementos compartidos. Dicho feed puede ser fácilmente agregado a tu blog/website. Puedes acceder a las opciones https://www.google.com/reader/view/?tab=my#friends-manager-page e ir a ala opción «Your shared items page»/ «Página tus elementos compartidos»

Ve a tu página de items compartidos (si lo están) y puedes obtener el feed RSS.

Nota: Personalmente prefiero utilizar Google Reader en inglés, la traducción a veces deja mucho de desear, cosa de gustos. «Anular seguimiento de …» -> «Unfollow» :S

Nota 2: No quise darle el título «Cómo ser un Google Reader Ninja» ni otro parecido a este artículo, también cosa de gustos :)

La entrada Algunos tips para Google Reader se publicó primero en Eressea Solutions.

Virtualbox es un software que nos permite virtualizar sistemas operativos. Fue adquirido por Sun y después Sun fue adquirido por Oracle, es por esa razón que el nombre del producto es Oracle VM VirtualBox. En esta nueva versión tenemos las siguientes mejoras:

• Podemos virtualizar MacOSX (Experimental)
• Hot-plugging de CPU para Linux guests y algunos Windows guests

Pueden ver todas las mejoras acá.

Para instalar Virtualbox en Ubuntu podemos hacer lo siguiente:

Método 1

Descargar el paquete para tu distribución (http://www.virtualbox.org/wiki/Linux_Downloads).

Puedes hacer doble click en el paquete y te aparecerá lo siguiente:

Hacemos click en «Install package» (Instalar paquete).

Otra manera es ejecutar el paquete descargado con el siguiente comando (por ejemplo para un paquete descargado para Ubuntu Lucid 64 bits):

sudo dpkg -i virtualbox-3.2_3.2.0-61806~Ubuntu~lucid_amd64.deb

Método 2

Edita el archivo /etc/apt/sources.list haciendo Alt-F2.

gksudo gedit /etc/apt/sources.list

Y agrega la siguiente línea (dependiendo de tu distribución):

deb http://download.virtualbox.org/virtualbox/debian lucid non-free
deb http://download.virtualbox.org/virtualbox/debian karmic non-free
deb http://download.virtualbox.org/virtualbox/debian jaunty non-free
deb http://download.virtualbox.org/virtualbox/debian intrepid non-free
deb http://download.virtualbox.org/virtualbox/debian hardy non-free

Guarda el archivo

Ahora debemos descargar y adicionar la GPG key

wget -q http://download.virtualbox.org/virtualbox/debian/oracle_vbox.asc -O- | sudo apt-key add -

Para instalarlo colocamos las siguientes líneas en la terminal

sudo apt-get update
sudo apt-get install virtualbox-3.2

Nota: Debido a que los módulos del kernel de Virtualbox (vboxdrv, vboxnetflt and vboxnetadp) sean actualizados cuando se cambie la versión del kernel de Linux debemos instalar el paquete dkms. Con el siguiente comando

sudo apt-get install dkms

Nota 2: En mi caso ya tenía instalado Virtualbox 3.1, tuve que desinstalarlo. Esto se puede realizar fácilmente desde Applications->Ubuntu Software Center (Aplicaciones->Centro de Software de Ubuntu). Hacemos click en Installed Software y buscamos el paquete instalado anteriormente, lo desinstalamos y a continuación instalamos el nuevo paquete. La desinstalación no borrará ninguna configuración ni discos virtuales ni guests OSs. De todas maneras esta información se encuentra en ~/.Virtualbox.

Fuentes: VirtualBox 3.2.0 for Linux

La entrada Cómo instalar Virtualbox 3.2 en Ubuntu se publicó primero en Eressea Solutions.

Google nos ofrece una solución para este problema (Sharing the verification love), la Página principal de Verificación de cuentas, en la que podemos añadir usuarios propietarios a un sitio web.

1. Ingresa a la Página principal de Verificación

https://www.google.com/webmasters/verification/home?hl=es

2. Selecciona un site

3. Coloca el email

Debes colocar el email de la persona que quieras adicionar como propietaria del website haciendo click en Añadir a un usuario

Para qué nos sirve?

En Google Buzz tenemos la posibilidad de conectar sitios web a tu stream de información. Dichos sitios son identificados por el Social Graph API, en el que la manera más fácil de que reconozcan un sitio como tuyo era agregándolo a Google WebMaster Tools, pero esto era posible para solamente un usuario. Gracias a esta nueva aplicación podemos ser reconocidos como propietarios y adicionar estos sitios a nuestro stream en Google Buzz.

La entrada Cómo verificar tus websites con Webmaster Tools Site Verification se publicó primero en Eressea Solutions.

Una herramienta de desarrollo ideal es una aplicación ideal, por lo que no debe interponerse entre nosotros y nuestro objetivo (por ejemplo bugs, escasez de características, etc.). Lo recomendable es conocer una gran variedad de herramientas para una determinada tarea y así poder escoger la más adecuada, aunque esto resulte utópico dada la inmensa cantidad de aplicaciones que se tienen en la actualidad. En este artículo se analizarán los parámetros que influyen en la elección de una herramienta, como también los diferentes tipos de herramientas y opciones que se tienen al desarrollar una aplicación web basada en PHP.

Parámetros de elección

Existen una serie de parámetros para tomar una decisión al momento de elegir una herramienta. Los parámetros son los siguientes:

1. Costo

Varias herramientas para el desarrollo de aplicaciones web en PHP tienen un precio por licencia/etc, por ejemplo algunas de las herramientas ofrecidas por Zend Technologies (una empresa dedicada a tecnologías PHP) y Dreamweaver tienen un costo por licencia, pero la gran mayoría de las herramientas no tienen costo alguno.

2. Características

Las características de una herramienta son un parámetro importante dado que la escasez de las mismas puede retrasar tremendamente el desarrollo de la aplicación. Se recomienda utilizar la herramienta con más características, aunque esto muchas veces hace algo más complicado el aprendizaje de la misma.

3. Flexibilidad

Es la capacidad de personalizar tu herramienta de manera que te sientas realmente cómodo con ella. Esto puede agilizar ciertos procesos en el desarrollo de la aplicación (creación de macros, etc.).

4. Documentación y Comunidad

Lo más probable es que tengamos algún problema durante el uso de nuestra herramienta y buscaremos una solución ya sea leyendo la documentación o recurriendo a la comunidad. La comunidad en si no solamente se dedica a resolver problemas (ayuda,etc.), tiene también como fin dar un mejor uso a la herramienta (creación de plugins, best practices, etc.) y compartir opiniones acerca de la misma.

5. Curva de aprendizaje

La curva de aprendizaje (en una de sus deficiones) se refiere a cuan difícil se hace aprender una herramienta si se quiere utilizarla eficazmente. Se debe considerar la complejidad de una herramienta y ver si se justifica el tiempo invertido en aprender la herramienta.

Herramientas para el desarrollo web

Los tipos de herramientas que necesitaremos para el Desarrollo de Aplicaciones Web basadas en PHP son básicamente:

1. Sistema Operativo

Todos estamos utilizando un sistema operativo, que al fin y al cabo es una herramienta más. En esta categoría tenemos a Windows, MacOSX, Linux, etc. En la mayoría de los casos no elegimos el Sistema Operativo que utilizamos en este momento (ya sea porque ya vino instalado con X sistema operativo o tengamos que usarlo por alguna razón), pero podemos cambiar y elegir el que mejor nos parezca. La elección de un sistema operativo influye en la elección de las herramientas que podamos utilizar.

2. Browser

El browser es clave para el desarrollo ya que al fin y al cabo desarrollaremos la aplicación para un usuario que utiliza un browser en específico. Como en el sistema Operativo muchas veces el browser es impuesto, pero tenemos muchas opciones. El Browser debe facilitarnos el debugging en las aplicaciones web.

3. IDE

IDE (Integrated Development Enviroment) es la herramienta con la que desarrollaremos la aplicación.

4. Servidor Web

Esta herramienta es tal vez la más compleja dada la dificultad que puede tener el configurar un servidor web con las misma características que tiene el servidor web de producción. Por lo general la instalación de las aplicaciones del servidor web dependen demasiado del sistema operativo que se está utilizando.

5. Otras herramientas

Entre otras herramientas podemos considerar a:

VCS (Version Control System). Un Sistema de Control de Versiones es vital para el desarrollo de aplicaciones en equipo e incluso cuando lo haces solo. SVN y GIT serán los que veremos en estos tutoriales.

Cliente FTP. Para poder subir nuestros archivos al servidor de producción en la mayoría de los casos tendremos que utilizar un cliente FTP.

Virtualización. Para desarrolla aplicaciones web se deben tomar en cuenta a la mayoría de los browsers, es probable que nuestro sistema operativo no soporte a todos los browsers por lo que se debe pensar en un software de virtulización para poder probar las aplicaciones web en esos browsers también.

[no_adsense_bar_1]

[adsense_bar_2]

La entrada Herramientas para Aplicaciones Web en PHP se publicó primero en Eressea Solutions.

En EGRACE CREATIVE nos dieron un ejemplo claro de cómo crear BreadCrumbs sin utilizar un plugin. Este script utiliza la variable $_SERVER[«REQUEST_URI»] (que nos devuelve algo parecido a «/categoria/nombre-del-post/»), la separa por los «/» que contiene. Al utilizarlo solemos tener algunas fallas cómo por ejemplo:

• No funciona correctamente al ser utilizado en una instalación WordPress dentro de una carpeta del tipo «www.example.com/blog»
• Problemas con los links en los comentarios del tipo «www.example.com/post-name/comment-page-1/#comment-1»
• El script está optimizado para permalinks del tipo «/%year%/%monthnum%/%day%/%postname%/»
• Este script no soporta las subcategorías produciendo links a páginas inexistentes «www.example.com/cat_1/sub_cat_1»

Por lo que modifiqué el código para una instalación de WordPress con los permalinks de tipo «/%category%/%postname%/» (que es uno de los más utilizados).

Paso 1: Crear breadcrumbs.php

Para poder utilizar este script debes crear un archivo llamado breadcrumbs.php en el directorio de tu theme y colocar el siguiente código en el archivo.

<div class="breadcrumbs">
<?php
function breadcrumbs() {
	$url = get_bloginfo('url');
	$a = explode("/",$url);
	$b = explode("/",$_SERVER["REQUEST_URI"]);
	//intersección de arrays para poder quitar la URL
	$c = array_intersect($a, $b);
	$url_array = array_diff($b, $c);
	//quitamos el nombre del post del array
	array_pop($url_array);
	//para quitar las "/page/2"
	if(preg_match('@(/page/)([0-9])@',$_SERVER["REQUEST_URI"])) {
		array_pop($url_array); //quitamos sacar el "/2"
		array_pop($url_array); //quitamos sacar el "/page"
	}
	//para quitar los comentarios "/coment-page-"
	if(preg_match('/comment-page-/',$_SERVER["REQUEST_URI"]) || preg_match('/?/',$_SERVER["REQUEST_URI"])) {
		//sacamos el post ya que ya sacamos el comentario
		array_pop($url_array);
	}
	echo 'Estás en <a href="'.$url.'/" rel="home">Inicio</a>';
	$dir = $url.'/';
	if(is_single() || is_category()) {
		//algoritmo para single.php
		$category = 'category';
		foreach($url_array as $folder) {
			if($folder != 'category'){
				$category .= '/'.$folder;
				//hay confusion con las categorias hijos
				$dir = $url.'/'.$category.'/';
				//con URL para que jale del URL al que pertenece
				echo ' &raquo; <a href="'.$dir.'" rel="category tag">'.ucwords(str_replace("-", " ", $folder)) . '</a>';
			}
		}
	} else {
		//para page.php y otros (archivos)
		foreach($url_array as $folder) {
			if($folder != 'tag' && $folder != 'author'){
				if(!is_numeric($folder)){
					$dir = $dir.$folder.'/';//los folders se van acoplando
					echo ' &raquo; <a href="'.$dir.'">'.ucwords(str_replace("-", " ", $folder)) . '</a>';
				}
			}
		}
	}
	echo wp_title();
}
breadcrumbs();
?>
</div>

Paso 2: Modificar el código en Single.php y Page.php

Después de haber creado el archivo debemos llamarlo desde los archivos single.php y page.php (pueden probar también en archive.php) para que estos desplieguen el breadcumb. Debemos colocar el código preferentemente antes de que se despliegue el título dentro del Loop.

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<?php include ( TEMPLATEPATH . '/breadcrumbs.php'); ?>
<h1><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>

Paso 3: Estilizando al Breadcumb

Que puede ir bien con el siguiente código CSS:

.breadcrumbs {
background:#f7f6ed;
padding:10px;
}
.breadcrumbs a {
/*También podemos utilizar uppercase*/
text-transform:capitalize;
color:#666;
font-weight:700;
}

Notas

Las tildes de los títulos se perderán y todo dependerá del slug que utilicemos en las categorías.

Update

Estoy utilizando la función «ucwords» en el código. Básicamente el código agarra el URL y lo secciona con el criterio «/». El resultado es un array con caracteres en minúscula. Este problema lo solucionaba con CSS (text-transform:capitalize), pero olvidé que a Google no le importa el código CSS, así que lo indexaba en minúscula.

Update 2

Actualizé el código por si colocan el código en «archive.php», todavía lo sigo probando en este archivo. Por el momento funciona sin problemas para las categorías, author pages y tag pages.

Update 3

Corrección de los permalinks (post-name a postname) gracias a Jose David Cortes.

La entrada Cómo agregar BreadCrumb sin utilizar un plugin en WordPress se publicó primero en Eressea Solutions.