Para prepararlos he ido haciendo capturas de pantalla de los encargos que he ido haciendo este verano. Estos 3 meses de vacaciones he diseñado 3 Wordpress, una tienda electrónica con Woocommerce y otra tienda con Prestashop, ademas del diseño gráfico de un catálogo online para un estudio de arquitectura.
El proceso de todos estos trabajos lo he guardado mediante capturas de pantalla que iré convirtiendo en tutoriales.
Os muestro uno de ellos. Es el proceso por el que preparado el inicio del Wordpress para la empresa Corazonia, distribuidora de desfibriladores para el corazón.
Durante el curso enseñamos a instalar un servidor local PHP Mamp y Xampp, por lo que este tutorial arrranca tras aprender la instalación de los servidores. Si leéis esto por primera vez, no os preocupéis. Estas entradas no son el curso, son ejemplos de cómo daremos las clases.
Bien, esto que vemos en la pantalla del servidor local Mamp (sobre Mac), que es el que trabajaremos en el Centro Cultural de Sanchinarro. En Casa de la Cultura de Torrejón usaremos Xampp. En ambos casos aprenderemos a instalarlos.
Vemos que los servicios Apache y MySQL están instalados. Por lo que si hacemos clic en WebStart podremos comprobar que todo va bien.
Si vemos esta ventana en el navegador es que todo va sobre ruedas:
%2B10.43.37.png)
En las clases de la instalación de los servidores, habremos aprendido que en la carpeta htdocs es donde guardaremos nuestros proyectos. Es allí donde guardaremos la carpeta de wordpress que habremos descargado de http://es.wordpress.org/
Como mi cliente se llama Corazonia, renombro la carpeta y la guardo en htdocs, de la carpeta MAMP, ya que este tutorial trabaja sobre Mac, aunque también prepararé lo mismo sobre PC en Xampp.
Inicialmente, el archivo de configuración wp-config.php nos viene renombrado como wp-config-sample.php
Por ello cuando en clase intentemos entrar en nuestro proyecto recibiremos este mensaje:
Volvemos a htdocs y renombramos wp-config-sample.php por wp-config.php
Volvemos a intentar arrancar el proyecto, y ahora el mensaje que recibimos es este:
Esto es debido a que no hemos creado una base de datos para el proyecto.
En Mac (esto es sólo para ordenadores Mac, en PC no tendremos que preocuparnos de esto, de tras cosas sí, pero de esto no). Con Cmd+i sobre la carpeta del proyecto, vamos a dar todos los permisos a esa carpeta y a su contenido. Esto lo veremos en clase más despacio.
Vamos a crear la base de datos para el proyecto. A partir de ahora conviene tener algo a mano para ir apuntando nombres de usuario, mails, contraseñas.
Hacemos clic sobre phpMyAdmin
Esto es phpMyAdmin, desde donde gestionamos todas las bases de datos de nuestros proyectos en el servidor local
Para crear la base de datos de nuestro proyecto Corazonia, crearemos un usuario con el mismo nombre que la base de datos y al que daremos una contraseña. Por razones obvias, he ido haciendo capturas de pantalla mientras trabajaba, y luego he ido tachando los datos sensibles.
Vamos a Usuarios.
Clic en Agregar usuario.
rellenamos los campos que vemos en la captura: Nombre de usuario, en Servidor ponemos localhost y escribimos 2 veces la contraseña.
Clic en continuar.
Ya tenemos un usuario y una base de datos (donde veis lo tachado en rojo).
Ahora el siguiente paso es ir a wp-config.php de nuestro proyecto para decirle a nuestro proyecto de wordpress que esta será su base de datos.
Para ello abrimos el editor gratuito Aptana. Con él trabajaremos durante el curso. Ahora si es la primera vez que lo ves no te asustes. Todos los años os alumnos acaban dominándolo sin problemas. En la columna de la izquierda vemos los proyectos que tengo en este momento cargados.
Con botón derecho sobre esa columna importo el proyecto Corazonia, que sabemos que está en htdocs del servidor local
Cuando está cargado, abrimos el archivo wp-config.php
Sólo vamos a tener que modificar el nombre de la base de datos, el nombre de usuario y la contraseña, que creamos en los pasos anteriores.
Una vez hecho esto, sólo vamos a asegurarnos que el idioma está bien:
Bueno, pues con nuestro usuario y base de datos creada, y enlazada a nuestro proyecto mediante el archivo wp-config.php (que habremos salvado), recordamos el mensaje que nos daba wordpress antes de realizar estos pasos:
Si ahora refrescamos vemos:
Que quiere decir que ya ha encontrado su base de datos y se ha enlazado ella.
Rellenamos los campos (importante apuntarlo todo).
Y accedemos.
Si vemos esto, es que todo ha ido bien. Si no, ya estaré yo en clase para ver qué ha pasado.
Si tras escribir nuestro nombre de usuario y contraseña vemos esto, es que todo ha ido bien.
Seguiremos :)
No hay comentarios:
Publicar un comentario