La cosa está en que, cuando no tenía el blog, muchas veces se me ocurrían buenos post que poner y siempre pensaba “si tubiera el blog esto quedaría bien”.

Así que el otro día me puse a pensar en re-subir el blog. Tenía todo pensado: la temática, los primeros post que iba a poner, etc.

Resultado: Lo mismo que la otra vez, es tener el blog y se me va todo de la cabeza. No recuerdo ni la temática ni los post que tenía en mente. Espero que esta vez salga algo más que videos chorra.

En la primera parte hablamos de los CMS y como instalarlos. Comenté los requisitos para seguir el tutorial y los puntos que se tratarían.

Hoy voy a intentar explicar el funcionamiento del CMS más básico. Wordpress. Con wordpress podrás tener una web dinámica con contenidos actualizables y ordenados por fecha. Los más nuevos primeros.

Lo primero será dirigirse a la sección de descargas de Wordpress y descargar la última versión. Si os gusta más la 2.5 descargar esa. A mi me gusta más la 2.3.3.

Descomprimimos los archivos y los subimos a la raiz del servidor (hay que subir los archivos, no la carpeta que contiene los archivos).

Cuando estén todos los archivos subidos entramos en nuestro dominio. En mi caso, como estoy haciendo pruebas en mi pc, la ruta en el navegador será localhost y como lo tengo dentro de una carpeta llamada wordpress, la ruta final será localhost/wordpress.

Una vez dentro nos pide los datos de conexión a la base de datos. Nada más entrar nos sale una especie de “error”. No es un error, solo nos informa de que faltan datos, los cuales crearemos en el siguiente paso.

Pinchamos sobre Create Configuration File. En la primera parte de este tutorial, en un comentario, belarri informó de que era necesario crear un archivo de configuración y luego subirlo para que la web funcionara. Es cierto que se necesita dicho archivo, y que en la carpeta de wordpress ya viene uno de ejemplo que podemos editar y subirlo, renombrandolo primero, para que funcione. Pero eso es complicarse la vida. Pinchando en ese botón el archivo se crea solo, configurado y sin errores de sintaxis, muy frecuentes con cualquier código.

En la siguiente pantalla nos muestra información sobre los datos que vamos a necesitar para crear el archivo de configuración. Solo hay que pinchar done pone Let’s go.

Y en la siguiente ventana llegamos al final. Necesitamos poner los siguientes datos:

• Database Name: Nombre de la base de datos. Hostings como dreamhost te permiten crear bases de datos con el nombre que quieras. Lo mismo en localhost. La mayoría de hostings compartidos te dan ellos mismos el nombre. Tendreis que buscar el nombre de la base de datos (no la dirección). Si no lo sabeis conctactar con vuestro hosting y seguro que os lo dicen.
• User Name: Lo mismo que antes. A mi dreamhost me deja tener los usuarios que quiera. En aruba.it me lo dan ellos. Explorando un poco por el panel de administración del hosting o por los emails que te han enviado seguro que lo encuentras.
• Password: Es la contraseña de la base de datos. Estará cerca del usuario.
• Database Host: Es la dirección de la base de datos. Si no la sabeis, más de lo mismo, o buscais o preguntais a los administradores del hosting. En general, cuando contratais un hosting, os llegan 2 o 3 emails. En uno de ellos, el más completo, encontrareis todo junto el nombre del dominio, dirección de la base de datos, nombre de la base de datos, usuarios, contraseñas, ftp, usuario y pass del ftp, etc etc. No borreis nunca esos emails.
• Table Prefix: Esto no se toca. Si os sale en blanco poneis “wp_” sin las comillas.

Y pinchais sobre submit.

Si todo sale bien, os saldrá la siguiente pantalla:

Pinchais sobre Run the install para que comience la instalación, pues la conexión se ha creado y el archivo de configuración también.

Si no sale esta imagen, sino esta otra, es que habeis introducido algún dato mal y debeis revisarlos todos:

Cuando todos los datos estén bien y podais comenzar con la instalación, os preguntará información sobre vuestra web. Esta información puede cambiarse más adelante en el panel de administración.

Donde pone “Allow my blog to appear in search engines like Google and Technorati” debeis dejarlo marcado para que vuestra web aparezca en buscadores o desmarcarlo para mantenerla oculta.

Pinchamos sobre Install Wordpress y os generará un usuario ( Admin ) y una contraseña aleatoria.

Tened mucho cuidado de no perderla u os dará dolor de cabeza…

Con esos datos debeis pinchar sobre Log In, introducirlos y acceder al panel de administración:

Si a pesar de mis avisos habeis perdido la contraseña, debeis pinchar donde pone Lost your password? y os enviará una nueva a vuestro email (si lo habeis introducido bien en el paso anterior).

Con los datos correctos los introducimos y pinchamos sobre Log In.

Lo primero que hay que hacer es pinchar sobre Users. Seleccionais admin y os dirigis a la parte inferior, donde cambias la contraseña por una fácil de recordar para vosotros.

Pinchamos sobre Update Profile y ya tenemos la nueva contraseña guardada.

Ahora toca traducir la web un poquito al español.

El proceso para hacerlo es el siguiente:

• Descargar el fichero de la traducción al español.
• Subir los archivos de la traducción al directorio /wp-content/languages/ (solo es necesario esES.mo, esES.po es para poder hacer cambios y adaptarlo mas si lo deseas).
• Configurar el idioma en el archivo wp-config.php que encontrarás en el directorio raíz de la instalación, añadiendo o modificando la línea del idioma para que quede como define (’WPLANG’, ‘es_ES‘);.

Los sitios donde tienes disponibles las traducciones son los siguientes (si hay mas lo comentas y los añadimos):

1. Carrero
2. Reyson
3. Ayuda Wordpress
4. Tengo Tiempo
5. Trazos Web

Yo he utilizado esta: wp castellano y queda así:

· Si no sabeis como se hace el último punto, debeis acceder a la carpeta raiz y descargar el archivo config.php.

Abris el bloc de notas o wordpad, vasi a Archivo –>Abrir y seleccionais el archivo config.php.

Ahora vais a Edicion, Reemplazar… y donde pone buscar poneis (’WPLANG’, ‘ ‘); y donde pone Reemplazar por poneis (’WPLANG’, ‘es_ES’)

Pinchais sobre Reemplazar y guardais el archivo. Lo sustituis por el que teniais antes y ya está traducido.

Ahora ya vais a Opciones en vuestro panel de administración y rellenais el título de la web, la descripción, etc.

Teneis montones de opciones en varias categorías (Escritura, Lectura, etc). Debeis entrar, leer con detenimiento y ver cual es la configuración que más os interesa.

Donde pone Enlaces permanentes (Permalinks en otras versiones) debeis entrar y seleccionar Estructura personalizada. Poneis lo siguiente: /%postname%/

Debe quedar así:

Y pinchais sobre Guardar cambios.

Ahora ya solo toca añadir contenido. Pinchais sobre Escribir y ahi podeis crear 2 tipos de contenido, aparte de enlaces:

·Entrada: Los artículos creados como entrada se ordenan por fecha de creación en forma descendente, es decir, lo más nuevos primero. No tienen enlaces directos en ningún tipo de menú. Algunos plugins permiten enlazar los más nuevos, los más comentados, los más populares, etc.

·Página: Las páginas se pueden ordenar como quieras y no aparecen en portada. Se accede a ellas a través de un enlace en el menú (aparece solo). Sirven para mostrar contenido especial o que no tiene relevancia en el tiempo, sino que siempre viene bien tenerlos ahi. Un ejemplo pueden ser las normas de los comentarios, sección de descargas, formulario de contacto, ayuda, etc.

En el menú de creación de contenido hay varias opciones:

• Título: Es el título que recibe la entrada (así es como se llama cada contenido individual que crees). Con la configuración que hemos creado en los “enlaces permanentes”, será el nombre que aparezca en el enlace. El propio título será un enlace directo al contenido de la entrada.
• Entrada: Aquí va el contenido que queremos mostrar. Podemos escribir en html o con editor visual. Usando el editor visual es mucho más fácil crear contenido, pues no necesitamos saber código html porque se crea solo (en mi opinión el código que crea es una porquería, pero es más rápido que crearlo a mano. Aún así, yo nunca utilizo editores visuales).
• Etiquetas (tags): Sirven para poner palabras clave, palabras relacionadas con el contenido de la entrada o parte de él. Cada palabra se separa con una coma y un espacio (gato, animales, independientes). En el menú de la web puedes poner lo que se conoce como nube de tags. Consiste en una especie de “saco” con todas las etiquetas utilizadas. Cuando pinchas sobre una etiqueta, muestra todas las entradas que contienen dicha etiqueta. Cuantas más entradas contengan una etiqueta, más grande y oscura se vuelve esta.
• Categorías: Además de las etiquetas, que son muy específicas, las entradas se agrupan en categorías más globales (e incluso subcategorías) para ordenar mejor el contenido.

Más abajo teneis otras opciones más avanzadas.

En la sección Administrar o Administración podeis administrar, editar, borrar, etc todas las entradas, páginas, enlaces, comentarios, etc.

En presentacíón (o diseño) es donde elegimos los templates/themes/temas/skins para nuestra web. Si tenemos conocimientos avanzados, además de elegir un tema también podemos editarlo a nuestro gusto, cambiando colores, logos, etc. Os dejo un enlace a una web con gran variedad de temas: http://themes.wordpress.net/

Desgraciadamente la mayoría vienen en inglés y necesitaríamos editarlo para traducirlo manualmente. Esta parté ya es más complicada y mu específica de cada tema o template.

En mi opinión wordpress es una herramienta sencilla, de uso muy fácil, ideal para blogs. Pero su función se queda en eso, en un blog. Aunque algunos temas consiguen menús más sofisticados, en esta parte wodrpess flojea, pues no está hecho para contenidos estáticos si no más bien dinámicos.

Hay webmasters que han logrado realizar una web de muchos contenidos actualizables, pero que requieren de muchos menús, solo con wordpress, pero la verdad es que el trabajo necesario para ello es muy complejo, y no acaba de quedar del todo bien.

Para una web de ese tipo, como por ejemplo www.serieonline.net lo mejor es usar joomla, o incuso drupal, pero no wordpress.

El próximo día analizaremos Joomla!

Luego encima con el email que hemos facilitado lo usan para hacer spam y nos llenan de correo basura.

Gracias a ExplodeMail esto se acabó. Con esta web puedes crearte al instante y sin registros un email temporal. Lo usas para el registro y cuando te llegue el email lo puedes ver en la propia web.

De normal los registros requieren activacion desde un email que te envian, así que pinchas el enlace para activar y te olvidas ya de esa cuenta, se borrará en poco tiempo y tu nunca recibirás spam.

Muy útil también para webs donde solo se puede hacer un registro por email. Con esta utilidad podremos tener varias cuentas, aunque si algún dia perdemos la contraseña de las cuentas no hay email donde enviar una nueva.

El email dura 45 minutos, pero antes de que caduque puedes ampliar 45 minutos más.

La web está en spanglish.

| Explode Mail |

Si os interesa este tema es muy posible que más de una vez hayais encontrado algún tutorial en pdf con unos requisítos mínimos tales como saber html, saber php, saber sql, saber…, etc.

Muchas veces estos tutoriales piden unos conocimientos mínimos que, el que los sabe, ya no necesita el tutorial. Además al pdf no le puedes preguntar. Aquí podeis preguntar en los comentarios.

Aquí también hay requisitos mínimos, pero no de concimientos y no son estrictos, sino según mi experiencia:

1. Debeis tener claro para que es la web. Vale la pena pensarselo un poco y luego empezar. A mi me ha pasado empezar a hacer una web sobre una temática y acabar enfocando la web de otra forma, tan diferente, que no parecía la misma. Da muchos problemas. Es mejor empezar bien desde un principio.
2. Se aconseja tener a alguien siguiendo vuestro proyecto desde el principio. No es necesario que sea alguien que os ayude, aunque una ayuda siempre se agradece. Simplemente con tener un apoyo serviría. Tendreis momentos de bajón, donde es posible que penseis en dejarlo todo. Un día tendreis problemas en clase o en el trabajo. Además, cuando llegueis a casa tendreis lio con algún familiar o amigo y encima en la web os saldrá algún problema. En ese momento la persona que sigue el proyecto desde el principio os apoyará y la verdad es que se agradece mucho.
3. Ser curioso. No es necesario saber html… pero se aconseja poder entenderlo. Esto es muy facil. Cuando veas una web que tiene algo que te gusta mira el código fuente para ver como se ha creado. También puedes usar algún editor web visual (si no es frontpage, mejor) y crear lo que quieres. Pon en el modo de vista “dividir” y verás como se va modificando el código.
4. Ganas y entusiasmo. Si esperais que la web sea un éxito el primer dia… mal vamos. Suerte si tiene éxito el primer més. Cuesta mucho dar a conocer una web y más aún que atraiga a la gente. Deberás ofrecer algo nuevo, de calidad. Sobretodo necesitas constancia. Actualizar tu web a diario si es posible y olvidarte del éxito que tenga. Primero siembra y luego recoge. No quieras hacerlo al revés.

Lo que voy a intentar explicar aquí es lo siguiente:

• Cómo crear una web sin tener ni idea de su código.
• Mantener dicha web, optimizarla y hacerla lo más rápida posible.
• “Programas” (pluguins, complementos, modulos, etc) que nos harán más facil realizar ciertas tareas como: chat, formularios de contacto o cualquier otra cosa, banners, encuestas, galerias de imágenes, videos, comentarios, votos y todo lo que puedas pedir.
• SEO: Como posicionar tu web y darla a conocer al mundo para asegurar su éxito.
• Foros: Cuales hay y cómo se usan.
• Wordpress, Joomla y drupal lo más a fondo posible.
• Ganar dinero con tu web.
• Código html básico: Entender 4 cosillas y aprender a usarlas.
• Páginas estáticas y páginas dinámicas: HTML vs PHP+SQL
• Hosting: Gratiuito y de pago. Ventajas y pegas.
• Dominios y subdominios.
• Algunos consejos, ideas y experiencias personales.
• Etc

Empecemos. Para crear una web sin tener ni idea podemos utilizar webs “prefabricadas”. Estas webs usan código php+sql y son dinámicas. Tanto su instalación como su uso son muy simples.

Lo único que necesitas es espacio web, dominio y una base de datos. Cualquier hosting (alojamiento web) ofrece bases de datos. Cuando te das de alta te dicen la dirección de acceso a tus bases de datos. Por ejemplo, en dreamhost, que es la empresa donde yo alojo esta web, la dirección por defecto es mysql.tudominio.com aunque puedes modificar la parte inicial y poner lo que quieras.

Puede que esto de las bases de datos, así sin ejemplos, lie un poco, pero no las vais a crear vosotros. De eso se encargará la propia web. Lo único que necesitamos saber de ellas es que existen y saber su dirección, la cual nos la dice el propio hosting.

Así que lo primero que necesitamos son los archivos de la web. Dependiendo de el uso que queramos darle y también de los gustos de cada uno, utilizaremos una u otra opción. Por ejemplo, si queremos un blog para contrar nuestro dia a dia o simplemente noticias ordenadas cronológicamente, lo más popular es wordpress. Nos dirigiremos a su web oficial, wordpress.org y descargaremos la última versión. El problema es que está en inglés. Podemos encontrar, buscando un poco, traducciones al español o incluso la web entera traducida, sin necesidad de descargarla desde wordpress.org.

Una vez tenemos la web, comprimida en zip, la descomprimimos y subimos los archivos al servidor. Hay que subir los archivos y las carpetas al directorio raiz. No subais una carpeta que contenga los archivos, sino lo que esté dentro de la carpeta. Me explico. Si habeis descargado wordpress 2.3.3 al descomprimir los archivos se guardarán en una carpeta llamada wordpress 2.3.3. Si subis la carpeta, para acceder a la web no podreis hacerlo poniendo www.tudominio.com sino que tendreis que entrar en www.tudominio.com/wordpress-2.3.3 para que os salga el contenido. Por eso digo que no subais la carpeta, subid lo que tiene dentro.

Si lo habeis hecho bien, cuando entreis en vuestra web con el navegador, os saldrá una “guia de instalación”. Lo que pregunta suele ser poco: Nombre de la web (se puede cambiar luego), dirección de la base de datos, donde debeis poner la que os ha facilitado vuestro hosting. Si lo que teneis es un servidor web en vuestro pc, para probar primero, la dirección es localhost (o 127.0.0.1). Para poder probarla en vuestro propio PC necesitais instalar un servidor web. Yo uso el wamp. Después para crear bases de datos la gente suele usar phpmyadmin, que las maneja desde el navegador. A mi me lia mucho, así que uso el Navicat.

¿Cuanto rollo chino verdad? Es simple. Las bases de datos tienen información sobre la web. Se alojan en un servidor y necesitamos la dirección de ese servidor. Esto es lo que nos piden al instalar la web. Pero en un mismo servidor puedes tener muchas bases de datos, así que cada una tiene un nombre. Este nombre también nos lo piden para saber como se llama la base de datos donde vamos a instalar la web.

De normal el hosting nos facilita la dirección de las bases de datos, pero luego el nombre tienes que saberlo tu, pues eres tu quien ha de crearlo. No se como se crea una base de datos en cada hosting diferente, pero sí que se como se hace en dreamhost y luego os lo explico.

·Nota: En vuestro PC, si os animais a instalar un servidor web, el Navicat es un programa visual para manejar bases de datos, es decir, pinchas con el boton derecho y seleccionas crear nueva base de datos. Introduces el nombre y ya tienes una base de datos. Así de simple. Luego al instalar la web le dices el nombre y ella misma instala el contenido de la base de datos.

Luego os pregunta el nombre de usuario y contraseña de la base de datos. Todos estos datos los facilita el hosting. Algunos permiten crear usuarios propios. Si es en vuestro pc el usuario suele ser root y la contraseña la que vosotros habeis puesto al instalar el servidor web.

Cuando relleneis todos los datos la web comprueba que sean correctos e intenta instalarse. Si no lo consigue os dará error y debeis revisar el fallo. Si los datos están bien os mostrarán un nombre de usuario (Admin o Administrator en general) y una contraseña generada aleatoriamente.

Con esos datos vais a la sección de login de vuestra web. El enlace directo suele mostrarse en el momento que la web os muestra los datos de acceso. Lo primero que debeis buscar es la sección de usuarios y cambiar la contraseña y de paso el nombre de usuario.

Pues bién, ya tenemos nuestra web. Ahora dependiendo de si es wordpress, joomla, drupal o lo que sea se maneja de una u otra forma. En este tutorial intentaré mostrar a fondo los 3 o por lo menos los 2 primeros (aún no he probado drupal).

RESUMEN

Según nuestros gustos y la utilidad de la web, descargamos una u otra. Descomprimimos los archivos y los guardamos en el servidor web, bien usando ftp o webftp.

Entramos en nuestro dominio y utilizando los datos de nuestro hosting introducimos la direccion de la base de datos, el nombre de la misma, el usuario y la contraseña.

Accedemos a la web, a la sección de usuarios y cambiamos la contraseña.

·Nota: En caso de perder la contraseña y no poder cambiarla, esta se guarda en un archivo de la web, llamado wp-config.php, config.php o cualqueir cosa que ponga config. Debeis descargarlo y usando vuestra intuición (y leer un poco) encontrar el pasword viejo y ahí mismo cambiarlo. Borrais el archivo viejo y subis el nuevo.

Pues hasta aquí la primera parte de este tutorial.

Poco a poco iré continuando este tutorial y analizando a fondo cada apartado. Espero que les sirva.

| Ir a la segunda parte del tutorial |