Esta semana he tenido el gusto de impartir un curso de diseƱo web en Jerez de la Frontera. Concretamente, he enseƱado a diseƱar pĆ”ginas web con WordPress y Divi, en una formaciĆ³n de ā€œnivel expertoā€, a los alumnos del MĆ”ster en DirecciĆ³n de Marketing Digital y social de la Universidad de CĆ”diz. Se ha trabajado tanto con cĆ³digo como con plugins para que puedan desarrollar cualquier tipo de proyecto web.

En primer lugar, se ha mostrado cĆ³mo montar un servidor local con XAMPP para poder diseƱar sites sin necesidad de contratar un alojamiento web. Se ha expuesto cĆ³mo crear una base de datos con phpMyAdmin y cĆ³mo realizar una instalaciĆ³n Ć³ptima de WordPress. Para modificar el archivo wp-config.php se ha optado por el editor de cĆ³digoĀ Notepad++.

Seguidamente, se ha detallado cĆ³mo trasladar los archivos del servidor local a un hosting mediante ftp con el programa cliente/servidor Filezilla para publicar la pĆ”gina web en Internet. AdemĆ”s, se ha trabajado con el servidor online DemosWP, que ofrece alojamiento gratuito para pruebas, staging y desarrollo de pĆ”ginas web con WordPress, y se ha indicado cĆ³mo clonar la web una vez terminada y cĆ³mo migrarla a un hosting de forma sencilla y con solo dos pasos con el plugin All in One WP Migration.

A continuaciĆ³n, se ha explicado cĆ³mo adquirir un dominio y cĆ³mo contratar un hosting. Si estĆ”s interesado en un alojamiento web de confianza, puedes optar por un plan de Raiola Networks a travĆ©s de ā­ mi landing page ā­ y beneficiarte de un 20% de descuento.

Se ha visto el funcionamiento interno de un hosting y se ha expuesto cĆ³mo optimizar este modificando la versiĆ³n de php y sus diferentes valores, cĆ³mo manejar cPanel y sus diversas opciones, cĆ³mo instalar un certificado SSL, cĆ³mo crear un correo corporativo y cĆ³mo configurar copias de seguridad diarias automĆ”ticas.

Tras la parte tĆ©cnica, se ha entrado de lleno en WordPress para aclarar el funcionamiento del panel de administraciĆ³n y realizar la configuraciĆ³n inicial, optimizando, ademĆ”s, la estructura de enlaces permanentes, pensando en el SEO, y definiendo las pĆ”ginas de portada y blog.

Se ha instruido en el manejo de las diferentes opciones de las pestaƱas ā€œHerramientasā€ y ā€œAjustesā€ y se ha enseƱado a realizar actualizaciones, a editar el perfil y a crear un Gravatar.

Se ha mostrado como instalar temas y plugins y se ha hecho lo propio con Divi. Asimismo, se ha indicado cĆ³mo crear un tema hijo, tanto de forma manual con archivos y cĆ³digo como con el plugin Child Theme Configurator, para que futuras actualizaciones no afecten a las modificaciones que se implementen en el tema. TambiĆ©n se ha detallado cĆ³mo hacer uso del editor de temas para poder modificar el cĆ³digo de los archivos de WordPress a travĆ©s del panel de administraciĆ³n del CMS.

Posteriormente, se ha explicado el funcionamiento de las pestaƱas ā€œEnlacesā€, enseƱando a crearlos, y ā€œMediosā€, enseƱando a subir imĆ”genes, vĆ­deos y archivos. Se ha hecho lo propio con las categorĆ­as y las etiquetas y se ha detallado cĆ³mo crear pĆ”ginas, entradas y proyectos y cĆ³mo gestionar sus opciones: imagen destacada, atributos de pĆ”gina y las diferentes alternativas de la pestaƱa ā€œPublicarā€.

Se ha aleccionado en el funcionamiento del nuevo editor por bloques Gutenberg y se ha aclarado cĆ³mo desactivarlo si se prefiere continuar utilizando el editor clĆ”sico.

Se ha comentado cĆ³mo crear menĆŗs y cĆ³mo aƱadir elementos y subelementos a estos mediante enlaces personalizados y accesos a pĆ”ginas, entradas, categorĆ­asā€¦

TambiĆ©n se han tratado las opciones de pantalla y sus propiedades, los widgets, la barra lateral y las Ć”reas de pie de pĆ”gina, los roles de usuario y la gestiĆ³n de los comentarios.

Se ha enseƱado a crear formularios de contacto con el plugin Contact Form 7, a trabajar el SEO OnPage con el plugin Yoast SEO y a realizar una optimizaciĆ³n WPO para mejorar la velocidad de carga de la pĆ”gina web tanto en el cĆ³digo y a travĆ©s de las opciones pertinentes en el hosting como con los plugins Autoptimize y WP Rocket.

Se ha expuesto cĆ³mo crear formularios de registro y cĆ³mo sincronizarlos con la plataforma de email marketing con el plugin Bloom y como integrar las redes sociales y aƱadir las funciones de seguir y compartir con el plugin Monarch.

Se ha detallado como redactar los textos legales y como cumplir el RGPD, la LOPDGDD y la LSSICE, colocando enlaces a las pĆ”ginas de Aviso legal, PolĆ­tica de Privacidad y PolĆ­tica de Cookies en el footer, adaptando los formularios a la normativa vigente sobre protecciĆ³n de datos e insertando un un banner de aviso de cookies. Para ello, se ha hecho uso de los pluginsĀ RGPD en los comentarios y Cookie Notice.

Se ha indicado cĆ³mo realizar, exportar e importar copias de seguridad manuales, tanto en el hosting con cPanel, con Installatron y JetBackup, como con el plugin Duplicator y cĆ³mo poner la web en modo mantenimiento con el plugin WP Maintenance Mode.

De igual forma, se han impartido nociones bƔsicas de html y css para poder realizar modificaciones fundamentales en diseƱo web y no limitarse a la apariencia que proporcionan WordPress y Divi.

Llega el turno de la maquetaciĆ³n visual, donde se ha instruido a los asistentes tanto en el manejo del tema Divi como del plugin Divi Builder, para poder usar el constructor con otros temas. Divi es el mejor tema Premium actualmente y se puede comprarĀ ā­Ā aquĆ­Ā ā­.

Se han detallado las opciones generales y se ha mostrado cĆ³mo realizar la configuraciĆ³n bĆ”sica y cĆ³mo usar el personalizador de temas y el personalizador de mĆ³dulos.

Se han visto el editor de roles y la biblioteca, exponiendo cĆ³mo gestionar permisos de acceso y control, cĆ³mo cargar layouts o plantillas predefinidas y guardar diseƱos propios y cĆ³mo importar y exportar archivos en formato JSON.

Se ha trabajado la estructura de la web, diferenciando entre secciones, filas, columnas, mĆ”rgenes y rellenos y explicando cuĆ”ndo y cĆ³mo hacer uso de cada uno de estos elementos. Asimismo, se ha indicado cĆ³mo utilizar y combinar los 46 mĆ³dulos de contenido para conseguir ā€œcualquier diseƱoā€ que un cliente pueda demandar y cĆ³mo realizar ajustes a una pĆ”gina en particular. Del mismo modo, se han tratado las diferentes opciones de diseƱo y las animaciones. Se ha prestado especial atenciĆ³n a estos dos apartados, realizando prĆ”cticas completas y extensas, al considerarlos el punto fuerte de esta formaciĆ³n.

Se ha enseƱado a usar tanto el constructor estĆ”ndar (backend), como el constructor visual en tiempo real (frontend) y el constructor mixto, que auna las ventajas de los otros dos, y a llevar a cabo la versiĆ³n responsive de una pĆ”gina web, adaptando su contenido para una correcta visualizaciĆ³n en dispositivos mĆ³viles.

Se ha aclarado tambiĆ©n cĆ³mo funciona el soporte del tema, siempre que se haya adquirido la licencia del mismo, y cĆ³mo contactar con el servicio de asistencia tĆ©cnica en caso necesario.

Seguramente se me haya olvidado algo pero, resumiendo, los alumnos han finalizado la formaciĆ³n con una pĆ”gina web profesional, legal y totalmente operativa y funcional y estĆ”n plenamente capacitados para ejercer como diseƱadores web en cualquier empresa.

AdemĆ”s, he recibido la grata visita de Daria Gradella, diseƱadora grĆ”fica y web en la agencia de publicidad y comunicaciĆ³n Roberto Gradella SAS y antigua alumna mĆ­a de otro curso de diseƱo web, que ha venido al MĆ”ster a reciclar conocimientos y a mostrarme su evoluciĆ³n.

Aprovecho la ocasiĆ³n para informar de que la semana que viene participarĆ© como ponente principal en la Meetup Oficial de WordPress en CĆ”diz, donde compartirĆ© de forma prĆ”ctica mis conocimientos sobre diseƱo web y ecommerce. No te la puedes perder. Ā”Te espero!

Si estĆ”s buscando una empresa deĀ diseƱo web en Jerez, puedo crear tu pĆ”gina web o tu tienda online. Ofrezco servicios deĀ posicionamiento web en Jerez de la FronteraĀ y puedo hacer tambiĆ©n que destaques en Google gracias al SEO. Si necesitas la ayuda de un experto enĀ marketing digital en Jerez, puedo elaborar tu estrategia online y mejorar tus ventas.

 

Ā”Ā”Ā”Si te ha gustado mi post, compĆ”rtelo en las redes sociales!!!

Pin It on Pinterest