En el segundo ejercicio largo de Wordpress + Woocommerce vamos a repasar lo practicado hasta ahora y crearemos desde 0 un Wordpress al que le añadiremos una tienda con Woocommerce.
Lo primero que haremos es poner en marcha nuestro servidor local, en mi caso MAMP
Cuando tofo esté OK, ya podemos comenzar.
La carpeta con el Wordpress la renombramos como wp-ejercicio-04 y la pegaremos en nuestro servidor local, en la carpeta htdocs
Vamos a phpMyAdmin para crear la base de datos de nuestro proyecto.
Desde Usuarios > Agregar usuarios crearemos un usuario y una base de datos con el mismo nombre.
Como esto es una práctica vamos a escribir wp-ejercicio-04 para los campos usuario y contraseña, y activaremos Crear base de datos con el mismo nombre y otorgar todos los privilegios.
Hacemos clic en Continuar.
Ya deberíamos tener el editor Aptana instalado. Lo abrimos.
En el panel de proyectos vamos a Import para crear un proyecto desde una carpeta existente, que será la que copiamos en MAMP > htdocs > wp-ejercicio-04
Una vez importada podemos ver la estructura de carpetas y archivos de nuestro proyecto, el ejercicio wp-ejercicio-04
Como en los ejercicios anteriores, tenemos que sustituir el nombre de la base de datos, usuario y contraseña del archivo wp-config-sample.php. Una vez sustituidos, renombraremos el archivo como wp-config.php
Vamos a proceder a la instalación siguiendo los pasos que vemos en las capturas de pantalla siguientes:
Ya podemos ver el backend y el frontend de nuestro wordpress.
Vamos a crear una página nueva BLOG, SOBRE NOSOTROS y otra CONTACTO. En SOBRE NOSOTROS insertaremos una foto del Centro Cultural de Sanchinarro en que estamos dando este curso.
Vamos ahora a Apariencia > Personalizar
Vamos a hacer que la página frontal sea QUIENES SOMOS y la página de las entradas sea a página BLOG.
Vamos a Apariencia > Temas para cargar un Tema de los que Wordpress trae por defcto.
Vamos a usar la edición en lote de las páginas para que las páginas SOBRE NOSOTROS y CONTACTO no tengan comentarios, y para que todas tengan la plantilla de tamaño completo.
En los ejercicios anteriores probamos varios plugins. En este vamos a crear un formulario con el plugin Contact Form 7
Haremos una copia por si metemos la pata.
Copiaremos el código que nos facilita el plugin en la página contacto para poder ver el formulario.
Vamos a añadir un campo nuevo en el formulario. En este caso, el ejercicio típico es añadir el campo teléfono, que siempre se marca como NO requerido, ya que mucha gente es reacia a dar su número de teléfono.
En esta captura vemos lo que tenemos que hacer. Escribir código nuevo en la ventana de la derecha copiando el fragmento de código que Contact Form 7 nos ha generado para el teléfono.
Un poco más abajo adaptaremos el mensaje que recibiremos con el nuevo campo añadido
Ya queda poco del ejercicio. Vamos a crear el menú principal.
Damos nombre al menú y le añadimos las 3 páginas.
Le asignamos un lugar al menú
Hacemos una pequeña edición a la foto de la página de entrada:
Ya tenemos listos los primeros pasos... para la clase de este viernes.
Después crearemos el tema hijo y algunos ajustes previos a la instalación de Woocommerce
No hay comentarios:
Publicar un comentario