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