Antes que nada debo decir que amo WordPress por la cantidad de pluguins existentes en la actualidad y la ventaja que esto supone sobre otros CMS, lo que lo convierte en un sistema muy customizable y escalable con el que se puede hacer practicamente cualquier desarrollo web. Con la simple combinación de algunos de ellos se pueden lograr resultados que llevarian horas de programación, como en este caso, donde necesitaba crear una sección para usuarios registrados y encontré la solución en la combinación paralela de algunos pluguins.

1 – Colocar el formulario de Login en la pagina principal

Los usuarios tenian que ingresar desde la pantalla principal del sitio por lo tanto hice uso de Sidebar Login, que ademas cuenta con opciones de configuración muy útiles como redirecciones al iniciar sesión y al salir, mostrar o no el enlace de registración, recuperar contraseña, mostrar avatar, enlaces para usuarios registrados y mas.

Descargar el pluguin para wordpress: Sidebar Login

Para implementarlo hay que pegar la siguiente linea de codigo en el template y activar el pluguin desde el panel de pluguins de wordpress luego de haberlo subido.

2 – Configurar wordpress para que los suscriptores vean los post privados

Por defecto, WordPress solo permite a los administradores y a los editores ver los post privados. Con el pluguin Private Plus pude asignar los permisos a los suscriptores para que puedan ver el contenido oculto, aclaro que por el hecho de elegir a los suscriptores, los niveles de usuarios superiores tambien recibirán los mismos permisos para el contenido privado.

Descargar el pluguin para WordPress: Private plus

Una vez subido y activado hay que entrar a las opciones de configuración del pluguin y seleccionar “Suscriber”.

3 – Publicar los post

Y para terminar solo tuve que publicar los post como “Privados” desde el panel de publicación de WordPress y empezar a disfrutar de esta sencilla y muy útil configuración. Hasta aquí es todo el proceso, aunque este post no estaria completo sin algun extra, como el que dejo a continuación…

Recursos Complementarios

Si quiero mostrar banners, divs, opciones y determinadas partes de la plantilla solo a los registrados puedo usar el siguiente script donde el numero “0″ es el que indica el tipo de usuario, en la escala de niveles de usuarios de WordPress.

"Aqui el Contenido"

Bueno, esto se puede expandir mucho más aunque con esto ya podemos hacer un pequeño sistema para ofrecer contenido exclusivo para los usuarios registrados.

En esta segunda parte del tutorial de Video en HTML5, el tema principal es codificar un video a H.264 en minutos. Este codec generó polémica en la web desde que se empezó a hablar de el, porque en sus principios se lo presentó como un codec con licencia comercial. Al día de hoy, se sabe que el uso del H.264 es totalmente gratuito pero hasta próximo aviso, según informaron sus propios creadores.

Codificar video a H.264

Pero no doy mas vueltas y voy a lo importante, codificar un video a H.264 en minutos. Handbrake es un práctico conversor de video muy sencillo de usar y con muchos parametros configurables. Este soft es gratuito y se puede descargar desde la pagina oficial de Handbrake, donde se puede encontrar versiones para Windows, Mac y Linux.
Para codificar video a .h264 en handbrake hay que seguir los siguientes pasos:

1 - Ejecuto el programa e importo el video que voy a convertir a H.264.

2 - En lado izquierdo del panel de Handbrake selecciono una de las pre-configuraciones que trae el soft, en este caso configuro la conversión para dispositivos IPhone.

3 - El panel principal tildo las casillas Web optimization y Keep aspect ratio e indico la ruta en donde se guardara el archivo codificado, escribiendo en el campo Destination u nombre para el mismo.

4 - Presiono convertir y Handbrake empezara a codificar el video mostrando el proceso en una ventada como la que se muestra a continuación.

5 - Terminado el proceso, el video quedara codificado bajo la extensión .m4v, listo para ser usado en HTML5.

Otros parametros a configurar

Dentro del panel hay otros parametros que se pueden personalizar, como el sonido, filtros y subtitulos… aunque basicamente esto ya viene preconfigurado para obtener resultados favorables, salvo que se requiera algo en particular para determinados proyectos.

Recursos complementarios

Descargar Handbrake

Descarga el soft para codificar video H.264 desde la pagina oficial del programa.

Subir un archivo PDF en joomla es super sencillo, solo que a veces uno se acostumbra a los procedimientos de otros CMS, en joomla no necesito ningún pluguin para hacerlo, simplemente debo usar el repositorio de archivos que tiene el CMS en su Backend.

1 – Para poder administrar un archivo PDF en joomla primero tengo que subirlo el repositorio multimedia del CMS, al que accedo a través del menú Sitio. En el panel del repositorio puedo crear carpetas o simplemente subir el PDF a la carpeta “Stories”.

2 – Una vez que tengo el archivo en el repositorio, abro el articulo en donde voy a publicar el PDF, escribo el texto que tendrá en enlace, lo selecciono y luego hago click en el icono de Enlace (Ver Imagen) :

3 – En el panel de creación de enlaces escribo la url del archivo PDF de la siguiente forma:

“http://www.midominio.com/images/stories/miarchivo.pdf“, o bien con la estructura personalizada, dependiendo de la carpeta en la que subi el archivo. “http://www.midominio.com/images/pdf/miarchivo.pdf“.

Para finalizar puedo seleccionar en el mismo menú si quiero que el archivo se abra en una pagina nueva, agregarle la etiqueta title o aplicarle una clase CSS. Luego de esto solo tengo que presionar el botón “Insert” y ya tengo el enlace al documento PDF dentro de mi articulo joomla.

Existen muchos pluguins que permiten usar diseños personalizados en las categorías y paginas de wordpress, pero también se pueden obtener los mismos resultados o mejores sin depender de ellos. Lo malo de usar pluguins es que se pierde la versatilidad en la creación de plantillas personalizadas, y sobre todo en el diseño de sitios corporativos. Usualmente las empresas necesitan opciones fijas en los menúes de sus sitios web , y a lo sumo requieren adicionalmente un par de categorías de carga dinámica.

Category.php

Todos los post de una categoria se visualizan en la pagina por defecto “category.php” de wordpress.
Si yo quiero que cada categoría tenga un diseño propio, primero tengo que ingresar al panel de categorías y tomar nota de el numero de ID o el nombre de Slug.

Entonces si tengo una categoría que se llama Tutoriales y tiene el ID número 5, debo crear un archivo que se llame category-tutoriales.php o category-5.php.

page.php

Para las paginas es incluso mas sencillo, solo tengo que remplazar page.php por el nombre la pagina creada en el panel, por ejemplo quienes-somos.php. Una vez subida al servidor, WordPress habilitará el panel para elegir cual plantilla quiero usar para mi pagina creada a través de un simple menú desplegable.

Personalizar

Este modo de personalización permite hacer casi cualquier cosa con el CMS, se puede personalizar la estructura HTML, CSS los bucles, scripts, llevando a wordpress a otro nivel. Como dije al principio, este metodo es ideal para crear sitios web de empresas por el nivel de personalización que estas requieren.

Recursos complementarios

Técnicas CSS

Te redirijo a una sección del blog donde hay varias técnicas CSS que te pueden servir en la modificación de tus plantillas.

PhpMyAdmin es muy sencillo aprender a usar y es una gran herramienta para muchos de los diseñadores/programadores que desarrollan themes de CMS o aplicaciones propias en PHP. En este post al que titulo “Poniendo primera en la Consola Mysql” voy a realizar las acciones y consultas que se pueden hacer en la interfaz amigable de PHPMYAdmin pero desde la Consola MySql de mi servidor local.

1 – Acceder a la consola de Mysql

El server local que uso para la administración de bases de datos MySql es el Wampserver (Desgargar), me gusta por su simpleza y estabilidad como server local. Una vez instalado se puede acceder a la Consola muy facilmente haciendo doble click en el icono del programa.
De esta manera pongo en funcionamiento el servidor, y una vez iniciado hago click izquierdo con el mouse sobre el icono Wampserver de la barra del reloj de windows para poder seleccionar la consola en el menu.

2 – Crear una BD y llamarla

Para todo el tutorial voy a crear una base de datos que guardará una lista de autos en venta. Para crear la base de datos escribo la siguiente linea en la consola y presiono Enter.

mysql > create database ventadeautos;

Una vez creada la base de datos, necesito llamarla para empezar a guardar datos en ella, esto lo hago a través de la siguiente linea de código:

mysql > use ventadeautos;

3 – Crear usuarios y asignar privilegios

Ahora necesito crear un usuario que sera el administrador de la base y tendrá todos los permisos para administrar todas las bases y tablas del servidor, el nombre será Usuario y la contraseña “123″.

mysql > GRANT all ON * to usuario identified by '123' with GRANT OPTION;

4 – Crear tablas para guardar datos adentro

La tabla que contendrá los autos se llamará Autos en Venta y su estructura estará compuesta por 4 campos: Indice, Marca, Modelo, Precio y Stock. La columna Indice será la clave primaria, esta clave le permite a la tabla relacionarse con otras, como por ejemplo con una tabla de clientes.

mysql > create table autosenventa
mysql > (indiceid int unsigned not null auto_increment primary key,
mysql > marca char (40) not null,
mysql > modelo char (20) not null,
mysql > precio char (20) not null,
mysql > stock char (10) not null
mysql > );

5 – Mostrar tablas, bases y mostrar detalles

Ahora que ya tengo mi base y mi tabla voy a comprobar si estas se crearon sin errores, para eso uso los siguientes comandos:

mysql > show tables;

mysql > describe autosenventa;

Recursos complementarios

Descargar Wampserver

Descarga el servidor Wampserver desde la pagina oficial, tambien tienes el enlace al principio del post por si este falla.

Tutorial de instalación de Wampserver

Un tutorial para aprender a instalar el servidor en nuestra pc, ademas explica como integrarlo con Dreamweaver lo que me parece un bonus especial para los lectores.