Cómo crear nuestra propia web - Parte 2
El otro día empecé una especie de tutorial para crear nuestra propia web sin tener conocimientos sobre el tema.
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):
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!













Abril 19th, 2008 at 10:59 pm
Que maquina….